/*
        This font software is the property of Commercial Type.

        You may not modify the font software, use it on another site, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2019 Schwartzco Inc.
        License: 1908-TWIORH     
*/

@font-face {
  font-family: 'Lyon Display';
  src: url('/assets/LyonDisplay-BoldItalic-Web.f1256506.woff2') format('woff2'), url('/assets/LyonDisplay-BoldItalic-Web.b60b90d6.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}

.LyonDisplay-BoldItalic-Web {
  font-family: 'Lyon Display';
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Lyon Display';
  src: url('/assets/LyonDisplay-Bold-Web.f5a7a91f.woff2') format('woff2'), url('/assets/LyonDisplay-Bold-Web.a344144a.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}

.LyonDisplay-Bold-Web {
  font-family: 'Lyon Display';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Lyon Display';
  src: url('/assets/LyonDisplay-RegularItalic-Web.a86ee454.woff2') format('woff2'),
    url('/assets/LyonDisplay-RegularItalic-Web.f00e6c70.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}

.LyonDisplay-RegularItalic-Web {
  font-family: 'Lyon Display';
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Lyon Display';
  src: url('/assets/LyonDisplay-Regular-Web.558e203c.woff2') format('woff2'), url('/assets/LyonDisplay-Regular-Web.25b2fd58.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

.LyonDisplay-Regular-Web {
  font-family: 'Lyon Display';
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
/* FLIGHT PLAN SIGN UP */
.Flight-Plan-Sign-Up__hero h1 {
    text-align: center;
    font-family: Lyon Display, serif;
    font-size: 45px;
    font-weight: 700;
}
.Flight-Plan-Sign-Up__hero p {
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(18 40 70 / var(--tw-text-opacity, 1));
}
/* PURCHASE FLIGHT SCHOOL SIGN UP PAGE */
.Plans-plan.Plans-FlightPlan {
    border-width: 2px;
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--gold-300) / var(--tw-border-opacity, 1)) !important;
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Plans-plan.Plans-FlightPlan h2,
  .Plans-plan.Plans-FlightPlan p,
  .Plans-plan.Plans-FlightPlan .Plans-price {
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Plans-plan.Plans-FlightPlan .Plans-sub__small {
    font-size: 12px;
    font-style: italic;
}
.Plans-plan.Plans-FlightPlan.Plans-plan--active {
    --tw-shadow-color: rgb(var(--gold-300) / 1);
    --tw-shadow: var(--tw-shadow-colored);
    box-shadow: inset 0 0 0 2px rgb(var(--gold-300));
}
.Plans-plan.Plans-FlightPlan.Plans-plan--active::before {
    --tw-border-opacity: 1;
    border-color: rgb(var(--gold-300) / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Plans-plan.Plans-FlightPlan.Plans-plan--active:hover::before {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--gold-300) / var(--tw-border-opacity, 1)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1)) !important;
}
.Plans-plan.Plans-FlightPlan::before {
    --tw-border-opacity: 1;
    border-color: rgb(var(--gold-300) / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Plans-plan.Plans-FlightPlan:hover::before {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--gold-300) / var(--tw-border-opacity, 1)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1)) !important;
}
.Flight-School-Dark-Mode--Sign-up .Button--black.SignUp-button {
    --tw-border-opacity: 1;
    border-color: rgb(22 21 20 / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode--Sign-up .Button--black.SignUp-button:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--gold-300) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1 !important;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1)) !important;
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode--Sign-up .Plans-button .Button {
    --tw-border-opacity: 1;
    border-color: rgb(22 21 20 / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode--Sign-up .Plans-button .Button:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--gold-300) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1 !important;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1)) !important;
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode--Sign-up .FlightSchool-create-account {
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
}
.Flight-School-Dark-Mode--Sign-up .FlightSchool-create-account label {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode--Sign-up .FlightSchool-create-account button {
    border-width: 0px;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(var(--gold-300) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--gold-300) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(var(--gold-700) / 1) var(--tw-gradient-to-position);
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.Flight-School-Dark-Mode--Sign-up .FlightSchool-create-account .PasswordFields-icon--active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--gold-300) / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode--Sign-up .FlightSchool-create-account p.Field {
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode--Sign-up .Link.Link--theme.Link--action {
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
/* END FLIGHT PLAN SIGN UP */
/* FLIGHT SCHOOL */
.Flight-School-Dark-Mode {
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
}
.Flight-School-Dark-Mode div[data-lastpass-icon-root] {
    display: none;
  }
/* Buttons */
.Flight-School-Dark-Mode .Button--gold-ghost {
    width: auto;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gold-300) / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .Button--gold-ghost:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--gold-300) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .Button--gold {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--gold-300) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .Button--gold:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--gold-400) / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.Flight-School-Dark-Mode .Button--dark-mode-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(42 41 40 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .Button--dark-mode-grey:hover {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
/* Resources */
.Flight-School-Dark-Mode .Resources {
    --tw-bg-opacity: 1;
    background-color: rgb(42 41 40 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .Resources .Card-content {
    padding: 1rem;
}
.Flight-School-Dark-Mode .Resources-title {
    border-style: none;
    padding-bottom: 0px;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 2rem;
}
.Flight-School-Dark-Mode .Resources-description {
    margin-top: 1rem;
}
.Flight-School-Dark-Mode .Resources-item {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
    padding: 1.5rem;
}
.Flight-School-Dark-Mode .Resources-link {
    display: flex;
    align-items: center;
    padding: 0px;
    font-size: 1.5rem;
    line-height: 2rem;
    text-transform: none;
}
.Flight-School-Dark-Mode .Resources-cta {
    margin-top: 0.5rem;
    display: flex;
    width: auto;
    align-items: center;
    align-self: flex-start;
    border-radius: 3rem;
    --tw-bg-opacity: 1;
    background-color: rgb(42 41 40 / var(--tw-bg-opacity, 1));
    padding: 0.75rem;
    padding-right: 1.5rem;
    padding-left: 3.5rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    text-transform: none;
}
.Flight-School-Dark-Mode .Resources-icon {
    top: 25%;
    left: 1rem;
}
.Flight-School-Dark-Mode .Button-waitlist {
    width: auto;
    border-width: 4px;
    --tw-text-opacity: 1 !important;
    color: rgb(18 40 70 / var(--tw-text-opacity, 1)) !important;
}
.Flight-School-Dark-Mode .Button-waitlist__gold {
    border-width: 0px;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(var(--gold-300) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--gold-300) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(var(--gold-700) / 1) var(--tw-gradient-to-position);
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
/* PURCHASE FLIGHT SCHOOL ADD-ON PAGE */
.Flight-School-Dark-Mode .SignUp-body {
    min-height: 95vh;
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
    background-image: url('/assets/sbfs-header.1735949e.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.Flight-School-Dark-Mode .SignUp-center {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .PurchaseFP-title {
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightPlan-intro {
    margin-top: 3rem;
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightPlan-outro {
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightPlan-intro__about-header {
    margin-bottom: 1.75rem;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    line-height: 36px;
}
.Flight-School-Dark-Mode .FlightPlan-outro__about {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightPlan-intro__about {
    margin-bottom: 2rem;
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightPlan-intro__about-gold {
    margin-bottom: 2rem;
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightPlan-intro__about-bold {
    margin-bottom: 2rem;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightPlan-price {
    border-radius: 26px;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(42 41 40 / var(--tw-border-opacity, 1));
}
.Flight-School-Dark-Mode .FlightPlan-price__breakdown {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(42 41 40 / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightPlan-price__breakdown:first-child {
    margin-top: 0px;
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightPlan-price__breakdown:last-child {
    margin-bottom: 0px;
    border-bottom-width: 0px;
}
.Flight-School-Dark-Mode .FlightPlan-price__breakdown p {
    --tw-border-opacity: 1;
    border-color: rgb(42 41 40 / var(--tw-border-opacity, 1));
    padding: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-weight: 700;
}
.Flight-School-Dark-Mode .FlightPlan-price__breakdown p:first-child {
    flex: 1 1 0%;
    border-right-width: 1px;
}
.Flight-School-Dark-Mode .FlightPlan-price__breakdown p:nth-child(2) {
    min-width: 110px;
    text-align: center;
}
.Flight-School-Dark-Mode .FlightPlan-price__breakdown--red {
    --tw-text-opacity: 1;
    color: rgb(251 47 95 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightPlan-promo__about {
    margin-bottom: 1.5rem;
    text-align: center;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightPlan-promo {
    display: flex;
    justify-content: space-between;
}
.Flight-School-Dark-Mode .FlightPlan-promo__input {
    margin-right: 1.25rem;
    border-radius: 0.3rem;
    padding: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightPlan-promo__button {
    margin-left: 1.25rem;
    width: auto;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gold-300) / var(--tw-border-opacity, 1));
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightPlan-promo__button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--gold-300) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .terms-agreement {
    position: relative;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 30px;

    /* label {
      @apply flex-1;
    } */
}
.Flight-School-Dark-Mode .terms-agreement input {
    position: absolute;
    left: -99999px;
    margin-left: 0px;
    width: auto;
}
.Flight-School-Dark-Mode .terms-agreement input:checked + label:before {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gold-300) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--gold-300) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .terms-agreement label:before {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gold-300) / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
      position: absolute;
      text-align: left;
      content: '\2713';
      height: 20px;
      width: 20px;
      display: inline-block;
      border-radius: 4px;
      transform: translateY(20%);
      left: 0;
      display: flex;
      align-items: center;
      justify-content: center;
}
.Flight-School-Dark-Mode .terms-agreement label:hover:before {
    --tw-border-opacity: 1;
    border-color: rgb(var(--gold-300) / var(--tw-border-opacity, 1));
}
.Flight-School-Dark-Mode .FlightSchool-payment {
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
}
.Flight-School-Dark-Mode .FlightSchool-payment label {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightSchool-payment .Field-input {
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(42 41 40 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightSchool-payment input {
    --tw-bg-opacity: 1;
    background-color: rgb(42 41 40 / var(--tw-bg-opacity, 1));
}
.Flight-School-Dark-Mode .FlightSchool-payment input:-webkit-autofill,
    .Flight-School-Dark-Mode .FlightSchool-payment input:-webkit-autofill:hover,
    .Flight-School-Dark-Mode .FlightSchool-payment input:-webkit-autofill:focus,
    .Flight-School-Dark-Mode .FlightSchool-payment input:-webkit-autofill:active {
      -webkit-box-shadow: 0 0 0 30px #2a2928 inset !important;
      -webkit-text-fill-color: white;
    }
.Flight-School-Dark-Mode .FlightSchool-payment .Button {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(var(--gold-300) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--gold-300) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(var(--gold-700) / 1) var(--tw-gradient-to-position);
}
.Flight-School-Dark-Mode .FlightSchool-payment .Button--ghost {
    --tw-border-opacity: 1;
    border-color: rgb(var(--gold-300) / var(--tw-border-opacity, 1));
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightSchool-payment .Button--ghost:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--gold-300) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
/* Courses */
.Flight-School-Dark-Mode .CourseNav {
    --tw-bg-opacity: 1;
    background-color: rgb(42 41 40 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .ModuleContent-course--container {
    margin-top: 4.5rem;
}
/* @apply bg-darkModeBlack; */
.Flight-School-Dark-Mode .ModuleContent-course--container .Card--grey {
      /* @apply bg-darkModeBlack; */
      background-color: transparent;
    }
.Flight-School-Dark-Mode .CourseNav-item {
    --tw-bg-opacity: 1;
    background-color: rgb(42 41 40 / var(--tw-bg-opacity, 1));
}
.Flight-School-Dark-Mode .CourseNav-item:hover {
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 0.6;
}
.Flight-School-Dark-Mode .CourseNav-scroll {
    --tw-bg-opacity: 1;
    background-color: rgb(42 41 40 / var(--tw-bg-opacity, 1));
}
.Flight-School-Dark-Mode .CourseNav-item--active {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(var(--gold-300) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--gold-300) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(var(--gold-700) / 1) var(--tw-gradient-to-position);
}
.Flight-School-Dark-Mode .Course-module {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
/* Course progress nav */
.Flight-School-Dark-Mode h2 {
    margin-bottom: 1.5rem;
    font-family: Lyon Display, serif;
    font-size: 30px;
    font-weight: 700;
}
.Flight-School-Dark-Mode .FlightSchoolProgressNav {
    margin-bottom: 0px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
/* @apply text-white mb-16; */
.Flight-School-Dark-Mode .FlightSchoolProgressNav .Courses-progress {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.Flight-School-Dark-Mode .FlightSchoolProgressNav ol {
    display: grid;
    width: 100%;
    gap: 2rem;
}
@media (min-width: 640px) {
    .Flight-School-Dark-Mode .FlightSchoolProgressNav ol {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}
.Flight-School-Dark-Mode .FlightSchoolProgressNav li {
    display: flex;
    flex: 1 1 0%;
    align-items: flex-end;
}
.Flight-School-Dark-Mode .FlightSchoolProgressNav li a {
    flex: 1 1 0%;
    padding-left: 0px;
    padding-right: 0.5rem;
}
.Flight-School-Dark-Mode .FlightSchoolProgressNav li .CourseNav-link {
    padding-top: 0px;
    padding-bottom: 0px;
}
@media (min-width: 640px) {
    .Flight-School-Dark-Mode .FlightSchoolProgressNav li .CourseNav-link {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}
.Flight-School-Dark-Mode .FlightSchoolProgressNav-name {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
}
.Flight-School-Dark-Mode .FlightSchoolProgressNav-additional {
    font-size: 12px;
    font-weight: 600;
}
.Flight-School-Dark-Mode .FlightSchoolProgressNav-complete {
    font-size: 12px;
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightSchoolProgressNav-progress {
    font-size: 12px;
    font-weight: 600;
    font-style: normal !important;
}
.Flight-School-Dark-Mode .FlightSchoolProgressNav-starts-in {
    font-size: 12px;
    font-style: italic;
}
/* flight plan schedule modal */
.Flight-School-Dark-Mode .FlightSchoolSchedule-Modal {
    position: absolute;
    left: 50%;
    display: flex;
    min-height: 300px;
    width: 100%;
    max-width: 685px;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    flex-direction: column;
    border-radius: 2.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
    background-image: none;
    padding: 3.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    --tw-shadow: 0px 2px 12px rgba(50, 50, 50, 0.15);
    --tw-shadow-colored: 0px 2px 12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px) {
    .Flight-School-Dark-Mode .FlightSchoolSchedule-Modal {
        padding: 5rem;
    }
}
@media (min-width: 768px) {
    .Flight-School-Dark-Mode .FlightSchoolSchedule-Modal {
        width: 75%;
    }
}
.Flight-School-Dark-Mode .FlightSchoolSchedule-Modal {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: auto;
  }
.Flight-School-Dark-Mode .FlightSchoolSchedule-Modal h2 {
    margin-bottom: 1.25rem;
    margin-top: 0px;
    text-align: left;
    font-size: 3rem;
    line-height: 1;
    font-weight: 700;
}
.Flight-School-Dark-Mode .FlightSchoolSchedule-Modal .Field-label {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.Flight-School-Dark-Mode .FlightSchoolSchedule-Modal .Field-input {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1)) !important;
}
.Flight-School-Dark-Mode .FlightSchoolSchedule-Modal .FlightSchoolSchedule-Modal__submit {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    width: auto;
    border-radius: 26px;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(var(--gold-300) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--gold-300) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(var(--gold-700) / 1) var(--tw-gradient-to-position);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightSchoolSchedule-Modal .FlightSchoolSchedule-Modal__submit:disabled {
    opacity: 0.4;
}
@media (min-width: 640px) {
    .Flight-School-Dark-Mode .FlightSchoolSchedule-Modal .FlightSchoolSchedule-Modal__submit {
        margin-left: 0px;
    }
}
.Flight-School-Dark-Mode .FlightSchoolSchedule-Modal .FlightSchoolSchedule-Modal__submit i {
    font-size: 1.5rem;
    line-height: 2rem;
}
.Flight-School-Dark-Mode .FlightSchoolSchedule-Modal__close {
    position: absolute;
    top: 1.5rem;
    right: 2.5rem;
    width: auto;
}
.Flight-School-Dark-Mode .FlightSchoolSchedule-options {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Flight-School-Dark-Mode .FlightSchoolSchedule-options button {
    margin: 0.75rem;
    width: auto;
    flex: 1 1 0%;
    border-radius: 26px;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    padding: 1rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightSchoolSchedule-options button:first-child {
    margin-left: 0px;
}
.Flight-School-Dark-Mode .FlightSchoolSchedule-options button.selected {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightSchoolSchedule-days {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.Flight-School-Dark-Mode .FlightSchoolSchedule-days button {
    margin: 0.75rem;
    width: auto;
    flex: 1 1 0%;
    border-radius: 26px;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    padding: 1rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightSchoolSchedule-days button:first-child {
    margin-left: 0px;
}
.Flight-School-Dark-Mode .FlightSchoolSchedule-days button.selected {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightSchoolSchedule-days__info {
    text-align: center;
    font-style: italic;
}
/* Resources  */
.Flight-School-Dark-Mode .FlightSchoolResourceList .FlightSchoolResourceList-item {
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 3rem;
    --tw-bg-opacity: 1;
    background-color: rgb(42 41 40 / var(--tw-bg-opacity, 1));
    padding: 1.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FlightSchoolResourceList .FlightSchoolResourceList-item img {
    margin-right: 1rem;
    height: 2.5rem;
}
.Flight-School-Dark-Mode .FlightSchoolResourceList .FlightSchoolResourceList-item p:last-child {
    text-align: right;
}
/* Video */
.Flight-School-Dark-Mode .Video .Video-meta {
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .Video .Video-additional {
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .Video > .Card-content {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .Video > .Card-content .Title {
    font-size: 3.4rem;
}
.Flight-School-Dark-Mode .Card.Video {
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
}
/* Modules */
.Flight-School-Dark-Mode ol.ModuleNav-content.FPModuleNav-content {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2.5rem;
}
@media (min-width: 1024px) {
    .Flight-School-Dark-Mode ol.ModuleNav-content.FPModuleNav-content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.Flight-School-Dark-Mode ol.ModuleNav-content.FPModuleNav-content .Loading--tall {
    height: 385px;
}
.Flight-School-Dark-Mode ol.ModuleNav-content.FPModuleNav-content li.ModuleNav-item--video {
    margin-top: 0px;
    min-height: 385px;
    min-width: 50%;
    flex: 1;
    overflow: hidden;
    border-radius: 3rem;
    --tw-bg-opacity: 1;
    background-color: rgb(42 41 40 / var(--tw-bg-opacity, 1));
}
.Flight-School-Dark-Mode ol.ModuleNav-content.FPModuleNav-content li.ModuleNav-item--video a {
    height: 100%;
    padding: 0px;
}
.Flight-School-Dark-Mode .ModuleNav--inner {
    --tw-bg-opacity: 1;
    background-color: rgb(42 41 40 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .ModuleNav-fp-options {
    position: absolute;
    top: 0.25rem;
    right: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    align-self: flex-start;
    padding: 0.75rem;
    padding-right: 0px;
}
.Flight-School-Dark-Mode .FP-Ellipsis-Bubble {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    background-color: transparent;
    padding: 1rem;
    --tw-text-opacity: 1;
    color: rgb(168 168 183 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.Flight-School-Dark-Mode .FP-Ellipsis-Bubble:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
}
.Flight-School-Dark-Mode .FPModuleNav .ModuleNav-flex {
    flex-direction: column;
    align-items: stretch;
}
@media (min-width: 550px) {
    .Flight-School-Dark-Mode .FPModuleNav .ModuleNav-flex {
        flex-direction: row;
    }
}
.Flight-School-Dark-Mode .FPModuleNav .FlightSchool-bg-overlay {
    position: absolute;
    top: -1rem;
    height: calc(100% + 1rem);
    width: 100%;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 0.2;
}
.Flight-School-Dark-Mode .FPModuleNav .ModuleNav-flex__left {
    position: relative;
    height: 100%;
    width: 100%;
    flex: 1;
    padding-top: 10rem;
    padding-bottom: 10rem;
}
@media (min-width: 550px) {
    .Flight-School-Dark-Mode .FPModuleNav .ModuleNav-flex__left {
        max-width: 45%;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}
.Flight-School-Dark-Mode .FPModuleNav .ModuleNav-flex__left {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top;
    }
.Flight-School-Dark-Mode .FPModuleNav .FPModule-play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    padding: 1.5rem;
    --tw-text-opacity: 1 !important;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1)) !important;
}
.Flight-School-Dark-Mode .FPModuleNav .FPModule-play i {
    margin-left: 0.25rem;
}
.Flight-School-Dark-Mode .FPModuleNav .ModuleNav-fp-checklist h4 {
    margin-bottom: 0.75rem;
    font-family: Montserrat, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FPModuleNav .ModuleNav-fp-checklist p {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(78 75 73 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FPModuleNav .ModuleNav-fp-checklist [data-checklist='complete'] {
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FPModuleNav .ModuleNav-flex__right {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 3rem;
}
@media (min-width: 550px) {
    .Flight-School-Dark-Mode .FPModuleNav .ModuleNav-flex__right {
        max-width: 55%;
    }
}
.Flight-School-Dark-Mode .FPModuleNav .ModuleNav-flex__right .ModuleNav-pre {
    font-size: 12px;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FPModuleNav .ModuleNav-flex__right .ModuleNav-additional {
    margin-bottom: 2rem;
    width: fit-content;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Flight-School-Dark-Mode .FPModuleNav .ModuleNav-flex__right .ModuleNav-title {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0.75rem;
    margin-bottom: 2rem;
    overflow: auto;
    white-space: normal;
    font-family: Lyon Display, serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 2.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px) {
    .Flight-School-Dark-Mode .FPModuleNav .ModuleNav-flex__right .ModuleNav-title {
        font-size: 26px;
    }
}
.Flight-School-Dark-Mode .FPModuleNav .ModuleNav-flex__right .ModuleNav-title {
        line-height: 3rem;
      }
.Flight-School-Dark-Mode .ModuleNav-next {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.Flight-School-Dark-Mode .ModuleNav-next:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1)) !important;
}
/* Jumbotron */
.Flight-School-Dark-Mode .Jumbotron:before {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.Flight-School-Dark-Mode .Jumbotron-content {
    padding-top: 30rem;
}
.Flight-School-Dark-Mode .Jumbotron-content .Jumbotron-content--heading {
    text-align: left;
}
.Flight-School-Dark-Mode .Jumbotron-content .heading-instructors {
    display: none;
}
.Flight-School-Dark-Mode .Jumbotron-content .heading-ctas {
    display: none;
}
.Flight-School h2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    font-family: Lyon Display, serif;
    font-size: 38px;
}
.Flight-School p {
    max-width: 750px;
    font-size: 16px;
}
.Flight-School .Jumbotron-content {
    padding-top: 20rem;
    padding-bottom: 20rem;
}
.Flight-School .Jumbotron-content .heading-title {
    text-align: center !important;
}
.Flight-School .Jumbotron-content p {
    margin: auto;
    max-width: 500px;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
}
.Flight-School .Jumbotron-content .Flight-School-Ctas {
    flex-direction: column;
}
@media (min-width: 640px) {
    .Flight-School .Jumbotron-content .Flight-School-Ctas {
        flex-direction: row;
    }
}
.Flight-School .Jumbotron::before {
    background: transparent;
  }
.Flight-School .Button-waitlist {
    margin-bottom: 1.5rem;
    width: auto;
    border-width: 4px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1 !important;
    color: rgb(18 40 70 / var(--tw-text-opacity, 1)) !important;
}
@media (min-width: 640px) {
    .Flight-School .Button-waitlist {
        margin-right: 2rem;
        margin-bottom: 0px;
    }
}
.Flight-School .Button-waitlist__gold {
    margin-bottom: 1.5rem;
    min-height: 51.8px;
    border-width: 0px;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(var(--gold-300) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--gold-300) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(var(--gold-700) / 1) var(--tw-gradient-to-position);
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
@media (min-width: 640px) {
    .Flight-School .Button-waitlist__gold {
        margin-right: 2rem;
        margin-bottom: 0px;
    }
}
.Flight-School-Summary {
    position: relative;
    z-index: 20;
    margin: auto;
    margin-bottom: 3rem;
    margin-top: -8rem;
    width: 95%;
    max-width: 115rem;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    padding: 4rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
    text-align: center;
}
.Flight-School-Summary strong {
    font-weight: 700;
}
.Flight-School-Summary h2 {
    max-width: 800px !important;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
    .Flight-School-Summary h2 {
        margin-top: 3rem;
        margin-bottom: 3rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}
.Flight-School-Summary p {
    margin-top: 3rem;
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Summary .Flight-School-Ctas {
    margin-top: 2rem;
    margin-bottom: 2rem;
    flex-direction: column;
}
@media (min-width: 640px) {
    .Flight-School-Summary .Flight-School-Ctas {
        flex-direction: row;
    }
}
.Flight-School-Summary_three-features {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media (min-width: 768px) {
    .Flight-School-Summary_three-features {
        flex-direction: row;
    }
}
.Flight-School-Summary_feature {
    margin: 1rem;
    display: flex;
    flex: 1 1 0%;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    border-radius: 1.5rem;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(251 47 95 / var(--tw-border-opacity, 1));
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.Flight-School-Summary_feature p {
    margin: 0px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.Flight-School-Summary_feature span {
    margin-right: 0.5rem;
    display: flex;
    min-height: 25px;
    min-width: 25px;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(251 47 95 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.Flight-School-Summary_feature span i {
    margin-top: 0.5px;
}
.Flight-School-Summary__story {
    max-width: 680px !important;
    padding-top: 1rem;
    padding-bottom: 3rem;
}
.Flight-School-Three-Things__header {
    margin: auto;
    margin-bottom: 1rem;
    margin-top: 9rem;
    white-space: pre-line;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
    .Flight-School-Three-Things__header {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
.Flight-School-Three-Things {
    margin: auto;
    display: grid;
    width: 95%;
    max-width: 115rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 3rem;
    padding: 3rem;
}
@media (min-width: 1024px) {
    .Flight-School-Three-Things {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.Flight-School-Three-Things__icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    max-width: 25rem;
}
.Flight-School-Three-Things__title {
    margin: auto;
    margin-bottom: 1rem;
    margin-top: 1rem;
    white-space: pre-line;
    text-align: center;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
    .Flight-School-Three-Things__title {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
.Flight-School-Three-Things__copy {
    margin: auto;
    margin-bottom: 1rem;
    margin-top: 1rem;
    white-space: pre-line;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
    .Flight-School-Three-Things__copy {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
.Flight-School-Expect__header {
    margin: auto;
    margin-bottom: 1rem;
    margin-top: 9rem;
    white-space: pre-line;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
    .Flight-School-Expect__header {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
.Flight-School-Expect {
    margin: auto;
    display: grid;
    width: 95%;
    max-width: 115rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 2rem;
    padding: 3rem;
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
    .Flight-School-Expect {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
.Flight-School-Expect__card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
@media (min-width: 768px) {
    .Flight-School-Expect__card {
        flex-direction: row;
    }
}
.Flight-School-Expect__card--content {
    display: flex;
    flex: 3;
    flex-direction: column;
    align-items: flex-start;
    padding: 4rem;
}
.Flight-School-Expect__card--content img {
    margin-bottom: 2.5rem;
    height: 30px;
}
.Flight-School-Expect__card--content h4 {
    margin-bottom: 1.5rem;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
}
.Flight-School-Expect__card--content button,
  .Flight-School-Expect__card--content a {
    margin-top: auto !important;
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(var(--gold-600) / var(--tw-text-opacity, 1));
    text-decoration-line: underline;
}
.Flight-School-Expect__card--image {
    flex: 2;
    --tw-bg-opacity: 1;
    background-color: rgb(168 168 183 / var(--tw-bg-opacity, 1));
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-height: 30rem;
  /* height: auto; */
}
.Flight-School-Happens {
    position: relative;
    z-index: 20;
    margin: auto;
    margin-bottom: 3rem;
    margin-top: 8rem;
    width: 95%;
    max-width: 115rem;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(8 9 8 / var(--tw-bg-opacity, 1));
    background-image: url('/assets/Don-Dark-Overlay.043c20fa.png');
    padding: 3rem;
    text-align: center;

  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: auto;
}
.Flight-School-Happens strong {
    font-weight: 700;
}
.Flight-School-Happens h2 {
    margin-top: 3rem;
    margin-bottom: 3rem;
    max-width: 700px;
    padding-left: 3rem;
    padding-right: 3rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Happens p {
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-size: 16px;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
    .Flight-School-Happens p {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
.Flight-School-Happens ul {
    margin-left: auto;
    margin-right: auto;
    margin-left: 2rem;
    text-align: left;
}
@media (min-width: 640px) {
    .Flight-School-Happens ul {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}
.Flight-School-Happens li {
    width: auto;
    list-style-type: disc;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Happens .Flight-School-Ctas {
    margin-top: 3rem;
    margin-bottom: 2.5rem;
}
@media (min-width: 640px) {
    .Flight-School-Happens .Flight-School-Ctas {
        margin-left: 3rem;
    }
}
.Flight-School-Happens__content {
    margin: auto;
    max-width: 530px;
}
.Flight-School-Trailer {
    margin-top: 3rem;
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    max-width: 115rem;
    border-radius: 1.5rem;
    background-image: url('/assets/sbfs-video-section.c713945f.jpg');
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 13rem;
    padding-bottom: 13rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  height: auto;
}
.Flight-School-Trailer h2 {
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
    .Flight-School-Trailer h2 {
        padding: 4rem;
    }
}
.Flight-School-Trailer button {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    margin-left: auto;
    width: auto;
}
.Flight-School-Double-Revenue {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    max-width: 115rem;
    overflow: hidden;
}
.Flight-School-Double-Revenue .overlay {
    position: absolute;
    z-index: 30;
    height: 100%;
    width: 100%;
    border-radius: 1.5rem;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 0.5;
}
.Flight-School-Double-Revenue__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    background-image: url('/assets/sbfs-video-section.c713945f.jpg');
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  height: auto;
}
.Flight-School-Double-Revenue__content h2 {
    z-index: 50;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
    .Flight-School-Double-Revenue__content h2 {
        padding: 1.5rem;
    }
}
.Flight-School-Double-Revenue__content button {
    z-index: 50;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    margin-left: auto;
    width: auto;
}
.Flight-School-Double-Revenue__card {
    z-index: 50;
    margin-bottom: 1.5rem;
    width: 100%;
    max-width: 650px;
    border-radius: 3rem;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 0.2;
    padding: 3rem;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Double-Revenue__card p {
    margin-bottom: 1rem;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
}
.Flight-School-Double-Revenue__card li {
    margin-left: 1.5rem;
    margin-bottom: 1rem;
    list-style-type: disc;
}
.Flight-School-Double-Revenue__value-card {
    z-index: 50;
    margin-bottom: 1.5rem;
    display: flex;
    width: 100%;
    max-width: 650px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 3rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 3rem;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.Flight-School-Double-Revenue__value-card h4 {
    margin-bottom: 2rem;
    border-radius: 9999px;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gold-600) / var(--tw-border-opacity, 1));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(var(--gold-600) / var(--tw-text-opacity, 1));
}
.Flight-School-Double-Revenue__value-card h5 {
    margin-bottom: 2.5rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
    letter-spacing: 2px;
}
.Flight-School-Double-Revenue__value-card .Flight-School-Double-Revenue__dollars {
    margin-bottom: 2.5rem;
    font-size: 46px;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.Flight-School-Double-Revenue__value-card .Flight-School-Double-Revenue__guarantee {
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: flex;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.Flight-School-Double-Revenue__value-card .Flight-School-Double-Revenue__guarantee img {
    margin-right: 0.5rem;
    height: 16px;
}
.Flight-School-Double-Revenue__value-card a {
    margin-right: 0px !important;
}
.Flight-School-Double-Revenue__value-card p {
    margin-bottom: 1rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
    .Flight-School-Double-Revenue__value-card p {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}
.Flight-School-Compare {
    margin: auto;
    display: flex;
    width: 100%;
    max-width: 105rem;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
@media (min-width: 640px) {
    .Flight-School-Compare {
        width: 90%;
        padding: 3rem;
    }
}
@media (min-width: 768px) {
    .Flight-School-Compare {
        flex-direction: row;
    }
}
.Flight-School-Compare__card {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
    border-radius: 1.5rem;
}
@media (min-width: 768px) {
    .Flight-School-Compare__card {
        margin-bottom: 0px;
    }
}
.Flight-School-Compare__card--top {
    min-height: 20rem;
    --tw-bg-opacity: 1;
    background-color: rgb(168 168 183 / var(--tw-bg-opacity, 1));
    padding: 3rem;
    padding-bottom: 5rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: auto;
}
.Flight-School-Compare__card--top img {
    margin-top: 0.75rem;
    margin-bottom: 6rem;
    height: 45px;
}
.Flight-School-Compare__card--top h3 {
    font-family: Lyon Display, serif;
    font-size: 28px;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Compare__card--bottom {
    margin-top: -1.5rem;
    overflow: hidden;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    padding: 3rem;
}
.Flight-School-Compare__card--green,
.Flight-School-Compare__card--red {
    margin: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 1.5rem;
    padding: 1.5rem;
}
.Flight-School-Compare__card--green span, .Flight-School-Compare__card--red span {
    margin-right: 1rem;
    display: flex;
    min-height: 25px;
    min-width: 25px;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.Flight-School-Compare__card--green span i, .Flight-School-Compare__card--red span i {
    margin-top: 0.5px;
}
.Flight-School-Compare__card--green p, .Flight-School-Compare__card--red p {
    font-size: 1.5rem;
    line-height: 2rem;
}
.Flight-School-Compare__card--green {
    background-color: rgb(59 226 173 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 0.1;
}
.Flight-School-Compare__card--green span {
    --tw-bg-opacity: 1;
    background-color: rgb(59 226 173 / var(--tw-bg-opacity, 1));
}
.Flight-School-Compare__card--green p {
    --tw-text-opacity: 1;
    color: rgb(59 226 173 / var(--tw-text-opacity, 1));
}
.Flight-School-Compare__card--red {
    --tw-bg-opacity: 1;
    background-color: rgb(251 47 95 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 15%;
}
.Flight-School-Compare__card--red span {
    --tw-bg-opacity: 1;
    background-color: rgb(251 47 95 / var(--tw-bg-opacity, 1));
}
.Flight-School-Compare__card--red p {
    --tw-text-opacity: 1;
    color: rgb(251 47 95 / var(--tw-text-opacity, 1));
}
.Flight-School-Faq {
    margin: auto;
    width: 95%;
    max-width: 115rem;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    padding: 3rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.Flight-School-Faq h2 {
    margin-top: 3rem;
    margin-bottom: 3rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Faq .Flight-School-Ctas {
    margin-top: 3.5rem;
    margin-bottom: 1.5rem;
}
.Flight-School-Faq__cards {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
    gap: 2rem;
    padding: 1.5rem;
}
@media (min-width: 1024px) {
    .Flight-School-Faq__cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: repeat(1, minmax(0, 1fr));
    }
}
.Flight-School-Faq__card {
    display: flex;
    flex-direction: column;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(34 33 32 / var(--tw-bg-opacity, 1));
    padding: 3rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Flight-School-Faq__card button {
    margin-top: auto !important;
    width: auto;
    align-self: flex-start;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    padding: 1.5rem;
}
.Flight-School-Faq__card em {
    margin-bottom: 1.5rem;
    margin-top: 0.25rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-style: italic;
}
.Flight-School-Faq__question {
    margin-bottom: 2rem;
    font-weight: 700;
}
.Flight-School-Faq__answer {
    margin-bottom: 1.5rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
/* REVENUE CHALLENGE */
.RevenueChallenge h2 {
    margin-top: 2rem;
}
.RevenueChallenge h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-style: italic;
}
.RevenueChallenge label {
    margin-bottom: 0.5rem;
}
.RevenueChallenge-about {
    margin-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
    border-radius: 1rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(235 235 242 / var(--tw-border-opacity, 1));
    padding: 2.5rem;
}
@media (min-width: 1024px) {
    .RevenueChallenge-about {
        flex-direction: row;
    }
}
.RevenueChallenge-about h4 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
}
.RevenueChallenge-about p {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
@media (min-width: 1024px) {
    .RevenueChallenge-about__left {
        margin-right: 0.75rem;
    }
}
.RevenueChallenge-about__right {
    margin-top: 1rem;
}
@media (min-width: 1024px) {
    .RevenueChallenge-about__right {
        margin-top: 0px;
    }
}
.RevenueChallenge-about__right p {
    font-style: italic;
}
.RevenueChallenge-annual-revenue {
    margin-top: 0.75rem;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 249 / var(--tw-bg-opacity, 1));
}
.RevenueChallenge-increase-container {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
}
@media (min-width: 1024px) {
    .RevenueChallenge-increase-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.RevenueChallenge-increase-percent {
    flex: 1 1 0%;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 249 / var(--tw-bg-opacity, 1));
}
.RevenueChallenge-increase-revenue {
    flex: 1 1 0%;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 249 / var(--tw-bg-opacity, 1));
}
.RevenueChallenge-products,
.RevenueChallenge-stakeholders {
    margin-top: 1.5rem;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 249 / var(--tw-bg-opacity, 1));
    padding: 2.5rem;
}
@media (min-width: 1024px) {
    .RevenueChallenge-product__labels,
.RevenueChallenge-stakeholder__labels {
        display: flex;
    }
}
.RevenueChallenge-product__labels p,
  .RevenueChallenge-product__labels span,
  .RevenueChallenge-stakeholder__labels p,
  .RevenueChallenge-stakeholder__labels span {
    margin-right: 0.5rem;
    width: 100%;
    flex: 1 1 0%;
    padding: 1.5rem;
    text-align: left;
    font-weight: 700;
}
.RevenueChallenge-product__labels p:first-child,
  .RevenueChallenge-product__labels span:first-child,
  .RevenueChallenge-stakeholder__labels p:first-child,
  .RevenueChallenge-stakeholder__labels span:first-child {
    flex: 3;
}
.RevenueChallenge-product__labels p:last-child,
  .RevenueChallenge-product__labels span:last-child,
  .RevenueChallenge-stakeholder__labels p:last-child,
  .RevenueChallenge-stakeholder__labels span:last-child {
    margin-right: 0px;
    min-width: 150px;
}
.RevenueChallenge-product__new,
.RevenueChallenge-stakeholder__new,
.RevenueChallenge-stakeholder,
.RevenueChallenge-product {
    margin-bottom: 1rem;
}
.RevenueChallenge-product__new form, .RevenueChallenge-stakeholder__new form, .RevenueChallenge-stakeholder form, .RevenueChallenge-product form {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
}
@media (min-width: 1024px) {
    .RevenueChallenge-product__new form, .RevenueChallenge-stakeholder__new form, .RevenueChallenge-stakeholder form, .RevenueChallenge-product form {
        flex-direction: row;
    }
}
.RevenueChallenge-product__new form input, .RevenueChallenge-stakeholder__new form input, .RevenueChallenge-stakeholder form input, .RevenueChallenge-product form input {
    margin-top: 0.75rem;
    flex: 1 1 0%;
    resize: none;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 1.5rem;
}
@media (min-width: 1024px) {
    .RevenueChallenge-product__new form input, .RevenueChallenge-stakeholder__new form input, .RevenueChallenge-stakeholder form input, .RevenueChallenge-product form input {
        margin-top: 0px;
        border-radius: 0px;
        padding: 0px;
    }
    .RevenueChallenge-product__new form input:first-child, .RevenueChallenge-stakeholder__new form input:first-child, .RevenueChallenge-stakeholder form input:first-child, .RevenueChallenge-product form input:first-child {
        flex: 3;
    }
}
.RevenueChallenge-product__new form label, .RevenueChallenge-stakeholder__new form label, .RevenueChallenge-stakeholder form label, .RevenueChallenge-product form label {
    margin-right: 0.5rem;
    flex: 1 1 0%;
    border-radius: 1rem;
    padding: 0.75rem;
}
.RevenueChallenge-product__new form label:last-child, .RevenueChallenge-stakeholder__new form label:last-child, .RevenueChallenge-stakeholder form label:last-child, .RevenueChallenge-product form label:last-child {
    min-width: 150px;
}
@media (min-width: 1024px) {
    .RevenueChallenge-product__new form label, .RevenueChallenge-stakeholder__new form label, .RevenueChallenge-stakeholder form label, .RevenueChallenge-product form label {
        border-radius: 0px;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        padding: 1.5rem;
    }
    .RevenueChallenge-product__new form label:first-child, .RevenueChallenge-stakeholder__new form label:first-child, .RevenueChallenge-stakeholder form label:first-child, .RevenueChallenge-product form label:first-child {
        flex: 3;
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem;
    }
    .RevenueChallenge-product__new form label:last-child, .RevenueChallenge-stakeholder__new form label:last-child, .RevenueChallenge-stakeholder form label:last-child, .RevenueChallenge-product form label:last-child {
        margin-right: 0px;
        border-top-right-radius: 1rem;
        border-bottom-right-radius: 1rem;
    }
}
.RevenueChallenge-product__new form .error, .RevenueChallenge-stakeholder__new form .error, .RevenueChallenge-stakeholder form .error, .RevenueChallenge-product form .error {
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(251 47 95 / var(--tw-border-opacity, 1));
}
.RevenueChallenge-product__new i, .RevenueChallenge-stakeholder__new i, .RevenueChallenge-stakeholder i, .RevenueChallenge-product i {
    margin-left: 1rem;
}
.RevenueChallenge-product__new,
.RevenueChallenge-stakeholder__new {
    margin-bottom: 0px;
}
.RevenueChallenge-product,
.RevenueChallenge-stakeholder {
    margin-bottom: 1rem;
    display: flex;
}
.WeeklyQA {
    margin-bottom: 3rem;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1)) !important;
    padding: 4rem;
}
.WeeklyQA .WeeklyQA-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
}
@media (min-width: 1024px) {
    .WeeklyQA .WeeklyQA-content {
        flex-direction: row;
        text-align: left;
    }
}
.WeeklyQA .WeeklyQA-content .left {
    flex: 1 1 0%;
    padding-right: 2rem;
}
.WeeklyQA .WeeklyQA-content .left h3 {
    padding-bottom: 1rem;
    font-family: Lyon Display, serif;
    font-size: 36px;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.WeeklyQA .WeeklyQA-content .left p {
    padding-right: 1rem;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
    .WeeklyQA .WeeklyQA-content .left p {
        max-width: 80%;
    }
}
.WeeklyQA .WeeklyQA-content .right {
    width: 100%;
    flex: 1 1 0%;
    padding-top: 2rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
    .WeeklyQA .WeeklyQA-content .right {
        width: auto;
        flex: 0 1 auto;
        padding-top: 0px;
    }
}
.WeeklyQA .WeeklyQA-content .right p {
    text-align: center;
}
.WeeklyQA .WeeklyQA-content .right a {
    margin-top: 1.5rem;
    width: 100%;
    white-space: pre-wrap;
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
    .WeeklyQA .WeeklyQA-content .right a {
        width: auto;
    }
}
.FlightSchoolPlanOptions {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
@media (min-width: 768px) {
    .FlightSchoolPlanOptions {
        flex-direction: row;
    }
}
.FlightSchoolPlanOptionsButton {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    min-height: 8rem;
    border-radius: 1.5rem;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(42 41 40 / var(--tw-border-opacity, 1));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.FlightSchoolPlanOptionsButton:first-child {
    margin-bottom: 1.5rem;
}
.FlightSchoolPlanOptionsButton:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--gold-300) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1 !important;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1)) !important;
}
@media (min-width: 768px) {
    .FlightSchoolPlanOptionsButton:first-child {
        margin-bottom: 0px;
    }
}
.FlightSchoolPlanOptionsButton.active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--gold-300) / var(--tw-border-opacity, 1));
}
.FlightSchoolPlanOptionsButton .FlightSchoolPlanOptionsButton-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.FlightSchoolPlanOptionsButton .FlightSchoolPlanOptionsButton-title__small {
    font-size: 1.5rem;
    line-height: 2rem;
}
.FlightSchool-invoices {
    margin-top: 2rem;
    width: 100%;
}
.FlightSchool-invoice {
    position: relative;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.3rem;
    padding: 1.4rem;
  border: 1px solid #d3d3d3;

  /* p {
    @apply flex-1;
  } */
}
.FlightSchool-invoice.paid {
    background-color: rgb(59 226 173 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 0.1;
}
.FlightSchool-invoice.cancelled {
    background-color: rgb(251 47 95 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 0.1;
}
.FlightSchool-invoice-confirm {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.Masterminds {
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
}
.Masterminds .Jumbotron-content__masterminds {
    padding-top: 10rem;
    padding-bottom: 10rem;
}
.Masterminds .Jumbotron-content__masterminds .Masterminds-jumbotron-heading {
    font-family: Lyon Display, serif;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 400;
    font-style: italic;
}
.Masterminds .Mastermind-container {
    position: relative;
    z-index: 5;
    margin-left: auto;
    margin-right: auto;
    margin-top: -2.5rem;
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
    padding: 2.5rem;
}
.Masterminds .Mastermind-section__header {
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-family: Lyon Display, serif;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Masterminds .Mastermind-section__header h2 {
    font-size: 30px;
}
.Masterminds .Mastermind-section__header h3 {
    font-size: 20px;
}
.Masterminds .Mastermind-section__header button,
    .Masterminds .Mastermind-section__header a {
    width: auto;
    font-family: Montserrat, sans-serif;
}
.Masterminds .Mastermind-groups,
  .Masterminds .Mastermind-groups__archived {
    margin-bottom: 2rem;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
    border-radius: 3rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 1.5rem;
}
@media (min-width: 1024px) {
    .Masterminds .Mastermind-groups,
  .Masterminds .Mastermind-groups__archived {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.Masterminds .Mastermind-groups .Mastermind-group-card__title, .Masterminds .Mastermind-groups__archived .Mastermind-group-card__title {
    margin-bottom: 2rem;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
}
.Masterminds .Mastermind-groups .Loading, .Masterminds .Mastermind-groups__archived .Loading {
    height: 12rem;
}
.Masterminds .Mastermind-groups--empty,
  .Masterminds .Mastermind-groups__archived--empty {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.Masterminds .Mastermind-groups--empty .Mastermind-group-card, .Masterminds .Mastermind-groups__archived--empty .Mastermind-group-card {
    padding-top: 6rem;
    padding-bottom: 6rem;
    text-align: center;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
}
.Masterminds .Mastermind-group-card {
    position: relative;
    border-radius: 2.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(242 238 231 / var(--tw-bg-opacity, 1));
    padding: 2rem;
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.Masterminds .Mastermind-group-card i {
    margin-right: 1rem;
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Masterminds .Mastermind-group-card .Mastermind-group-card__settings .FP-Ellipsis-Bubble {
    padding: 0.75rem;
}
.Masterminds .Mastermind-group-card .Mastermind-group-card__settings .FP-Ellipsis-Bubble:hover {
    background-color: transparent;
}
.Masterminds .Mastermind-group-card .Mastermind-group-card__settings i {
    margin-right: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.Masterminds .Mastermind-group-card__startdate {
    display: flex;
    align-items: center;
}
.Masterminds .Mastermind-groups__archived {
    --tw-bg-opacity: 1;
    background-color: rgb(42 41 40 / var(--tw-bg-opacity, 1));
}
.Masterminds .Mastermind-groups__archived .Mastermind-group-card {
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Masterminds .Mastermind-groups__archived .Mastermind-group-card .Mastermind-group-card__settings .FP-Ellipsis-Bubble {
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Masterminds .Mastermind-groups__archived .Mastermind-group-card .Mastermind-group-card__settings i {
    margin-right: 0px;
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Masterminds .Mastermind-group-card__settings {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
}
.Masterminds .Mastermind-new {
    max-width: 600px;
}
.Masterminds .Mastermind-new h2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Masterminds .Mastermind-new__card {
    margin-bottom: 2rem;
}
.Masterminds .Mastermind-new__card label {
    margin-bottom: 1.4rem;
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.Masterminds .Mastermind-new__card input {
    margin-top: 0.25rem;
    width: 100%;
    border-radius: 0.3rem;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(211 211 211 / var(--tw-border-opacity, 1));
    padding: 1.4rem;
}
.Masterminds .Mastermind-new__card .FlightSchoolSchedule-options button {
    --tw-border-opacity: 1;
    border-color: rgb(22 21 20 / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.Masterminds .Mastermind-new__card .FlightSchoolSchedule-options button.selected {
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Masterminds .Mastermind-new__card .FlightSchoolSchedule-days button {
    --tw-border-opacity: 1;
    border-color: rgb(22 21 20 / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.Masterminds .Mastermind-new__card .FlightSchoolSchedule-days button.selected {
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Masterminds .Mastermind-new__card .FlightSchoolSchedule-days__info {
    margin-bottom: 2rem;
}
.Masterminds .Button {
    width: auto;
}
.Masterminds .Mastermind-new__cancel {
    --tw-bg-opacity: 1;
    background-color: rgb(42 41 40 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.Masterminds .Mastermind-new__cancel:hover {
    --tw-bg-opacity: 0.8;
}
.Masterminds .Mastermind-new__submit {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--gold-300) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.Masterminds .Mastermind-new__submit:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--gold-400) / var(--tw-bg-opacity, 1));
}
.Masterminds .Mastermind-new__graduation {
    margin-bottom: 1.5rem;
    border-radius: 26px;
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
    padding: 1rem;
}
.Masterminds .Mastermind-new__graduation span {
    font-weight: 700;
}
/* Group Page */
.Masterminds .Mastermind-group-content {
    display: flex;
    flex-direction: column;
}
@media (min-width: 1024px) {
    .Masterminds .Mastermind-group-content {
        flex-direction: row;
    }
}
.Masterminds .Mastermind-group-members {
    max-width: 700px;
    flex: 2;
}
@media (min-width: 1024px) {
    .Masterminds .Mastermind-group-members {
        margin-right: 3rem;
    }
}
.Masterminds .Mastermind-group-list {
    max-width: 700px;
    border-radius: 26px;
    --tw-bg-opacity: 1;
    background-color: rgb(42 41 40 / var(--tw-bg-opacity, 1));
    padding: 2rem;
}
.Masterminds .Mastermind-group-list .Card.Team-member:last-child {
    margin-bottom: 0px;
}
.Masterminds .Mastermind-group-aside {
    flex: 1 1 0%;
}
.Masterminds .Mastermind-group-header {
    margin-bottom: 2rem;
    margin-top: 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.Masterminds .Mastermind-group-header h2,
    .Masterminds .Mastermind-group-header input {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Masterminds .Mastermind-group-header input {
    margin-bottom: 1rem;
    width: 50%;
    border-radius: 26px;
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(42 41 40 / var(--tw-bg-opacity, 1));
    padding: 0.5rem;
    padding-left: 1.25rem;
    font-family: Lyon Display, serif;
    font-size: 30px;
}
.Masterminds .Mastermind-group-header h3 {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Masterminds .Mastermind-group-header i {
    margin-right: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.Masterminds .Mastermind-group-module {
    border-radius: 26px;
    --tw-bg-opacity: 1;
    background-color: rgb(42 41 40 / var(--tw-bg-opacity, 1));
    padding: 2rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
/* SIGN UP/ACCEPT INVITES */
.Mastermind-Invitation {
  /* @apply bg-darkModeBlack; */
}
.Mastermind-sign-up {
  /* @apply bg-darkModeBlack; */
}
*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(147 197 253 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(147 197 253 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: Montserrat, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
body {
    --tw-text-opacity: 1;
    color: rgb(18 40 70 / var(--tw-text-opacity, 1));
}
input[type='number']::-webkit-outer-spin-button,
  input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
input[type='number'] {
    -moz-appearance: textfield;
  }
[class^='hs-form'] {
    display: grid;
    gap: 1.5rem;
}
[class^='hs-form'] input:not([type='submit']),
    [class^='hs-form'] select {
    width: 100%;
    border-radius: 0.3rem;
    border-width: 1px !important;
    border-style: solid !important;
    --tw-border-opacity: 1;
    border-color: rgb(211 211 211 / var(--tw-border-opacity, 1));
    padding: 1.4rem;
}
[class^='hs-form'] input:not([type='submit']):focus,
    [class^='hs-form'] select:focus {
    --tw-border-opacity: 1;
    border-color: rgb(18 40 70 / var(--tw-border-opacity, 1));
}
[class^='hs-form'] input:not([type='submit']):focus-visible,
    [class^='hs-form'] select:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
[class^='hs-form'] select {
    appearance: none;
}
[class^='hs-form'] [class*='hs-form-field'] label {
    margin-bottom: 0.25rem;
    display: block;
}
[class^='hs-form'] [class*='fieldtype-select'] .input {
    position: relative;
}
[class^='hs-form'] [class*='fieldtype-select'] .input::after {
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    display: inline-block;
    --tw-translate-y: -50%;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    --tw-content: '\f078';
    content: var(--tw-content);
}
[class^='hs-form'] [type='submit'] {
    display: block;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(63 136 233 / var(--tw-bg-opacity, 1));
    padding-top: 1.55rem;
    padding-bottom: 1.55rem;
    padding-left: 4rem;
    padding-right: 4rem;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.1em;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      box-shadow: 0 0 0 rgba(57, 70, 136, 0);
      transition: all 0.2s, box-shadow 0.2s ease-out;
}
[class^='hs-form'] [class*='hs-error-msgs'] {
    margin-top: -0.25rem;
    width: 100%;
    border-bottom-right-radius: 0.3em;
    border-bottom-left-radius: 0.3em;
    --tw-bg-opacity: 1;
    background-color: rgb(251 47 95 / var(--tw-bg-opacity, 1));
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 1em;
    padding-right: 1em;
    vertical-align: top;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.js-pdf img {
    display: inline-block;
}
.container {
    width: 100%;
}
@media (min-width: 450px) {
    .container {
        max-width: 450px;
    }
}
@media (min-width: 550px) {
    .container {
        max-width: 550px;
    }
}
@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}
.Card {
    position: relative;
    z-index: 0;
    border-radius: 30px;
    transition-duration: 200ms;
}
.Dropdown-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1;
}
.Nav-link {
    position: relative;
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
}
.Bms-Tool-Page {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    max-width: 1800px;
    overflow: hidden;
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
@media (min-width: 640px) {
    .Bms-Tool-Page {
        margin-left: 2rem;
        margin-right: 2rem;
        border-radius: 26px;
    }
}
.Bms-Tool-Page div[data-lastpass-icon-root] {
      display: none;
    }
.Bms-Tool-Content {
    position: relative;
    z-index: 0;
    margin-left: 0px;
    display: flex;
    height: calc(100vh - 100px);
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
@media (min-width: 768px) {
    .Bms-Tool-Content {
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}
@media (min-width: 1024px) {
    .Bms-Tool-Content {
        margin-left: 295px;
    }
}
@media (min-width: 1280px) {
    .Bms-Tool-Content {
        padding-left: 6rem;
        padding-right: 6rem;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}
.Bms-Tool-Text-Input {
    width: auto;
    resize: none;
    padding: 0.25rem;
    font-size: 1.5rem;
    line-height: 1.75rem;
}
.Bms-Tool-Text-Input::placeholder {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.Bms-Tool-Text-Input:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.Bms-Tool-Worksheet-Card {
    display: flex;
    min-height: 270px;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    border-radius: 1.5rem;
    border-width: 2px;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 249 / var(--tw-bg-opacity, 1));
    padding: 3rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.Bms-Tool-Worksheet-Card:hover {
    --tw-border-opacity: 1;
    border-color: rgb(63 136 233 / var(--tw-border-opacity, 1));
}
.Bms-Tool-Worksheet-Row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 1.5rem;
    border-width: 2px;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 249 / var(--tw-bg-opacity, 1));
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.Bms-Tool-Worksheet-Row:hover {
    --tw-border-opacity: 1;
    border-color: rgb(63 136 233 / var(--tw-border-opacity, 1));
}
.Bms-Tool-Worksheet-Row .Bms-Tool-Worksheet-Row__name {
    max-width: 300px;
    flex: 1 1 0%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(63 136 233 / var(--tw-text-opacity, 1));
}
.Bms-Tool-Worksheet-Row .Bms-Tool-Worksheet-Row__type {
    max-width: 300px;
    flex: 1 1 0%;
}
.Bms-Tool-Worksheet-Row > p:last-child {
    text-align: right;
}
.Bms-Tool-Worksheet-Header > p:last-child {
    margin-left: auto;
    text-align: right;
}
.Bms-Tool-Worksheet-Header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.Bms-Tool-Share-Card {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    min-height: 300px;
    width: 100%;
    max-width: 500px;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.Bms-Tool-Share-Card form {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.Bms-Tool-Share-Card img {
    width: 35px;
    align-self: center;
}
@media (min-width: 1024px) {
    .Bms-Tool-Share-Card img {
        width: 40px;
    }
}
.Bms-Tool-Share-Card h2 {
    margin: 0px;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
    text-align: left;
    font-size: 26px;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(63 136 233 / var(--tw-text-opacity, 1));
}
.Bms-Tool-Share-Card input {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 249 / var(--tw-bg-opacity, 1));
    padding: 1.5rem;
    text-align: center;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 500;
}
.Bms-Tool-Share-Card button {
    margin-top: 0.5rem;
    margin-bottom: auto;
    width: 100%;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(63 136 233 / var(--tw-bg-opacity, 1));
    padding: 0.75rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Bms-Tool-Share-Card button:disabled {
    --tw-bg-opacity: 0.4;
}
.Bms-Tool-New-Card {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    min-height: 300px;
    width: 100%;
    max-width: 500px;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.Bms-Tool-New-Card form {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.Bms-Tool-New-Card img {
    width: 35px;
    align-self: center;
}
@media (min-width: 1024px) {
    .Bms-Tool-New-Card img {
        width: 40px;
    }
}
.Bms-Tool-New-Card h2 {
    margin: 0px;
    margin-top: 1.75rem;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(18 40 70 / var(--tw-text-opacity, 1));
}
.Bms-Tool-New-Card input {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 249 / var(--tw-bg-opacity, 1));
    padding: 1.5rem;
    text-align: center;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 500;
}
.Bms-Tool-New-Card button {
    margin-top: 0.5rem;
    margin-bottom: auto;
    width: 100%;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(63 136 233 / var(--tw-bg-opacity, 1));
    padding: 0.75rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Bms-Tool-New-Card button:disabled {
    --tw-bg-opacity: 0.4;
}
.Bms-Tool-Title {
    margin: 0.5rem;
    margin-bottom: 0.5rem;
    margin-left: 0px;
    font-weight: 600;
}
.Bms-Tool-Button-Cancel {
    margin-right: 0.25rem;
    width: auto;
    border-radius: 1.5rem;
    padding: 0.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(18 40 70 / var(--tw-text-opacity, 1));
}
.Bms-Tool-Button-Save {
    width: auto;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(63 136 233 / var(--tw-bg-opacity, 1));
    padding: 0.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.Bms-Tool-Nav-Wrapper {
    position: absolute;
    z-index: 30;
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: auto;
    overflow-x: hidden;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #2977DF var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(41 119 223 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #1B68CF var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.Bms-Tool-Nav-Menu {
    margin-bottom: 1rem;
    margin-left: -2rem;
    display: flex;
    width: calc(100% + 8rem);
    align-items: center;
    justify-content: space-between;
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(245 245 249 / var(--tw-border-opacity, 1));
    padding-bottom: 1.25rem;
    padding-left: 3rem;
    padding-right: 7rem;
}
@media (min-width: 1024px) {
    .Bms-Tool-Nav-Menu {
        display: none;
    }
}
.Bms-Tool-Nav {
    z-index: 40;
    margin-bottom: 0.25rem;
    border-radius: 1rem;
    padding: 1.25rem;
    padding-bottom: 0.75rem;
    padding-top: 1.5rem;
}
@media (min-width: 1024px) {
    .Bms-Tool-Nav {
        padding-right: 2.5rem;
        padding-top: 0.75rem;
    }
}
.Bms-Tool-Nav h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
}
.Bms-Tool-Nav button {
    margin-top: 0.5rem;
    border-radius: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(27 104 207 / var(--tw-bg-opacity, 1));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: left;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
}
.Bms-Tool-Nav button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(27 104 207 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1024px) {
    .Bms-Tool-Nav button {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
        margin-left: 15px;
        background-color: transparent;
    }
}
.Bms-Tool-Nav-Icon {
    margin-right: 1rem;
    height: 15px;
    width: 15px;
}
.Bms-Ellipsis-Bubble {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 249 / var(--tw-bg-opacity, 1));
    padding: 1rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.Bms-Ellipsis-Bubble:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 242 / var(--tw-bg-opacity, 1));
}
.Cash-Flow-Summary {
    margin-top: 0px;
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media (min-width: 1024px) {
    .Cash-Flow-Summary {
        flex-direction: row;
    }
}
.Cash-Flow-Summary__amounts {
    display: flex;
    width: 100%;
    flex: 1 1 0%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 249 / var(--tw-bg-opacity, 1));
    padding: 1rem;
}
@media (min-width: 1024px) {
    .Cash-Flow-Summary__amounts {
        width: auto;
    }
}
.Cash-Flow-Summary__amounts--row {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 249 / var(--tw-bg-opacity, 1));
    padding-left: 1rem;
    padding-right: 1rem;
}
.Cash-Flow-Summary__nets {
    margin-top: 1.5rem;
    display: flex;
    height: 100%;
    min-width: 200px;
    flex: 1 1 0%;
    align-items: center;
    justify-content: space-between;
}
@media (min-width: 1024px) {
    .Cash-Flow-Summary__nets {
        margin-top: 0px;
        margin-left: 1.5rem;
        max-width: 220px;
        flex-direction: column;
    }
}
.Cash-Flow-Summary__card {
    position: relative;
    margin-bottom: 1rem;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    align-self: stretch;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 249 / var(--tw-bg-opacity, 1));
    padding: 0.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
@media (min-width: 640px) {
    .Cash-Flow-Summary__card {
        margin-bottom: 0px;
        flex: 1 1 0%;
    }
}
.Cash-Flow-Summary__label {
    margin-bottom: 0.75rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25rem !important;
}
@media (min-width: 640px) {
    .Cash-Flow-Summary__label {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}
.Cash-Flow-Summary__label {

    /* i {
      @apply text-[8px];
    } */
  }
.Cash-Flow-Summary__label span {
    display: flex;
    min-height: 15px;
    min-width: 15px;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(218 225 232 / var(--tw-bg-opacity, 1));
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.Cash-Flow-Summary__dollars {
    margin-bottom: 0.5rem;
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(18 40 70 / var(--tw-text-opacity, 1));
}
.Cash-Flow-Forecasting {
    position: relative;
    margin: auto;
    margin-bottom: 1.5rem;
    width: 100%;
    max-width: 700px;
    justify-content: center;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 249 / var(--tw-bg-opacity, 1));
    padding: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
@media (min-width: 1280px) {
    .Cash-Flow-Forecasting {
        margin-bottom: 0px;
    }
}
.Cash-Flow-Forecasting__controls {
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
    margin-bottom: 3rem;
    width: auto;
    max-width: 220px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.Cash-Flow-Forecasting__controls input {
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(63 136 233 / var(--tw-text-opacity, 1));
}
.Cash-Flow-Forecasting__controls button {
    min-height: 35px;
    min-width: 35px;
    max-width: 35px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(63 136 233 / var(--tw-text-opacity, 1));
}
.Cash-Flow-Forecasting__controls button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(147 197 253 / var(--tw-bg-opacity, 1));
}
.Cash-Flow-Diagram__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 1.5rem;
}
.Cash-Flow-Diagram__card-mobile {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    flex: 1 1 0%;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    overflow: visible;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 1.5rem;
    padding-left: 2.5rem;
}
.Cash-Flow-Diagram__card-grey {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 0;
    display: flex;
    height: 150px;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 249 / var(--tw-bg-opacity, 1));
    padding-left: 100px;
}
.Cash-Flow-Diagram__beaker {
    z-index: 10;
    display: flex;
    width: 115px;
    justify-content: center;
}
.Cash-Flow-Diagram__beaker img {
    margin-top: -0px;
    height: 200px;
}
.Cash-Flow-Diagram__info {
    z-index: 10;
    margin-left: 5rem;
    width: 100%;
}
@media (min-width: 550px) {
    .Cash-Flow-Diagram__info {
        margin-left: 1rem;
        width: auto;
    }
}
.Cash-Flow-Diagram__info .Cash-Flow-Diagram__label {
    text-align: left;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
}
@media (min-width: 550px) {
    .Cash-Flow-Diagram__info .Cash-Flow-Diagram__label {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}
.Cash-Flow-Diagram__info .Cash-Flow-Diagram__dollars {
    text-align: left;
    font-size: 1.5rem;
    line-height: 2rem;
}
.Cash-Flow-Diagram__dollars {
    margin-bottom: 0.5rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(63 136 233 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
    .Cash-Flow-Diagram__dollars {
        font-size: 17px;
    }
}
.Cash-Flow-Diagram__label {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
}
@media (min-width: 640px) {
    .Cash-Flow-Diagram__label {
        font-size: 1.4rem;
    }
}
.Cash-Flow-Input {
    flex: 1 1 0%;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 1rem;
    text-align: center;
    font-weight: 700;
}
.Cash-Flow-Input::placeholder {
    font-weight: 400;
    font-style: italic;
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.Cash-Flow-Threshold-Label {
    position: relative;
    margin: 0px;
    margin-bottom: 1rem;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 249 / var(--tw-bg-opacity, 1));
    padding: 1.5rem;
    text-align: center;
    font-weight: 700;
}
@media (min-width: 768px) {
    .Cash-Flow-Threshold-Label {
        margin: 1rem;
        margin-right: 1rem;
        flex: 1 1 0%;
    }
}
.Cash-Flow-Section-Header {
    margin-bottom: 1rem;
    padding: 0.5rem;
    padding-bottom: 1rem;
    text-align: left;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(18 40 70 / var(--tw-text-opacity, 1));
}
.Cash-Flow-Section-Header span {
    right: 1rem;
    top: 1rem;
}
.Bms-Upgrade-Modal {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    min-height: 300px;
    width: 75%;
    max-width: 685px;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    flex-direction: column;
    border-radius: 2.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    background-image: none;
    padding: 3.5rem;
    --tw-shadow: 0px 2px 12px rgba(57, 70, 136, 0.15);
    --tw-shadow-colored: 0px 2px 12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px) {
    .Bms-Upgrade-Modal {
        padding: 5rem;
    }
}
@media (min-width: 768px) {
    .Bms-Upgrade-Modal {
        background-image: url('/assets/Don-cut-out.923b9f92.png');
    }
}
.Bms-Upgrade-Modal {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: auto;
  }
.Bms-Upgrade-Modal h2 {
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: left;
    font-size: 3rem;
    line-height: 1;
    font-weight: 700;
}
.pointer-events-none {
    pointer-events: none;
}
.pointer-events-auto {
    pointer-events: auto;
}
.visible {
    visibility: visible;
}
.\!invisible {
    visibility: hidden !important;
}
.invisible {
    visibility: hidden;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.\!absolute {
    position: absolute !important;
}
.absolute {
    position: absolute;
}
.\!relative {
    position: relative !important;
}
.relative {
    position: relative;
}
.\!-left-12 {
    left: -3rem !important;
}
.\!top-0 {
    top: 0px !important;
}
.-bottom-2 {
    bottom: -0.5rem;
}
.-bottom-\[34px\] {
    bottom: -34px;
}
.-left-\[11px\] {
    left: -11px;
}
.-left-\[12\.5px\] {
    left: -12.5px;
}
.-right-\[13px\] {
    right: -13px;
}
.-right-\[2px\] {
    right: -2px;
}
.-top-\[24rem\] {
    top: -24rem;
}
.-top-\[2px\] {
    top: -2px;
}
.-top-\[6px\] {
    top: -6px;
}
.bottom-0 {
    bottom: 0px;
}
.bottom-10 {
    bottom: 2.5rem;
}
.bottom-2 {
    bottom: 0.5rem;
}
.bottom-5 {
    bottom: 1.25rem;
}
.bottom-8 {
    bottom: 2rem;
}
.left-0 {
    left: 0px;
}
.left-1\/2 {
    left: 50%;
}
.left-16 {
    left: 4rem;
}
.left-6 {
    left: 1.5rem;
}
.left-\[50\%\] {
    left: 50%;
}
.left-\[5000px\] {
    left: 5000px;
}
.right-0 {
    right: 0px;
}
.right-1 {
    right: 0.25rem;
}
.right-1\/2 {
    right: 50%;
}
.right-10 {
    right: 2.5rem;
}
.right-12 {
    right: 3rem;
}
.right-3 {
    right: 0.75rem;
}
.right-4 {
    right: 1rem;
}
.right-5 {
    right: 1.25rem;
}
.right-6 {
    right: 1.5rem;
}
.right-8 {
    right: 2rem;
}
.top-0 {
    top: 0px;
}
.top-1\/2 {
    top: 50%;
}
.top-10 {
    top: 2.5rem;
}
.top-12 {
    top: 3rem;
}
.top-16 {
    top: 4rem;
}
.top-2 {
    top: 0.5rem;
}
.top-28 {
    top: 7rem;
}
.top-4 {
    top: 1rem;
}
.top-5 {
    top: 1.25rem;
}
.top-6 {
    top: 1.5rem;
}
.top-8 {
    top: 2rem;
}
.top-\[1px\] {
    top: 1px;
}
.top-\[24\%\] {
    top: 24%;
}
.top-\[2px\] {
    top: 2px;
}
.top-\[50\%\] {
    top: 50%;
}
.top-\[60\%\] {
    top: 60%;
}
.top-\[74\%\] {
    top: 74%;
}
.top-full {
    top: 100%;
}
.z-0 {
    z-index: 0;
}
.z-10 {
    z-index: 10;
}
.z-20 {
    z-index: 20;
}
.z-40 {
    z-index: 40;
}
.z-50 {
    z-index: 50;
}
.z-\[1000\] {
    z-index: 1000;
}
.z-\[100\] {
    z-index: 100;
}
.z-\[35\] {
    z-index: 35;
}
.z-\[40\] {
    z-index: 40;
}
.z-\[60\] {
    z-index: 60;
}
.z-\[900\] {
    z-index: 900;
}
.z-\[98\] {
    z-index: 98;
}
.z-\[999\] {
    z-index: 999;
}
.z-\[99\] {
    z-index: 99;
}
.-order-1 {
    order: -1;
}
.order-1 {
    order: 1;
}
.order-5 {
    order: 5;
}
.col-span-2 {
    grid-column: span 2 / span 2;
}
.col-span-6 {
    grid-column: span 6 / span 6;
}
.row-span-1 {
    grid-row: span 1 / span 1;
}
.m-0 {
    margin: 0px;
}
.m-1 {
    margin: 0.25rem;
}
.m-2 {
    margin: 0.5rem;
}
.m-3 {
    margin: 0.75rem;
}
.m-4 {
    margin: 1rem;
}
.m-auto {
    margin: auto;
}
.\!mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.\!my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.\!my-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}
.mx-0 {
    margin-left: 0px;
    margin-right: 0px;
}
.mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
}
.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}
.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.my-\[3rem\] {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.\!-mb-16 {
    margin-bottom: -4rem !important;
}
.\!mb-0 {
    margin-bottom: 0px !important;
}
.\!mb-12 {
    margin-bottom: 3rem !important;
}
.\!mb-2 {
    margin-bottom: 0.5rem !important;
}
.\!mb-8 {
    margin-bottom: 2rem !important;
}
.\!ml-0 {
    margin-left: 0px !important;
}
.\!ml-3 {
    margin-left: 0.75rem !important;
}
.\!mr-0 {
    margin-right: 0px !important;
}
.\!mr-3 {
    margin-right: 0.75rem !important;
}
.\!mr-6 {
    margin-right: 1.5rem !important;
}
.\!mt-0 {
    margin-top: 0px !important;
}
.-mb-10 {
    margin-bottom: -2.5rem;
}
.-mb-12 {
    margin-bottom: -3rem;
}
.-mb-3 {
    margin-bottom: -0.75rem;
}
.-mb-8 {
    margin-bottom: -2rem;
}
.-mr-12 {
    margin-right: -3rem;
}
.-mr-3 {
    margin-right: -0.75rem;
}
.-mt-12 {
    margin-top: -3rem;
}
.-mt-2 {
    margin-top: -0.5rem;
}
.-mt-6 {
    margin-top: -1.5rem;
}
.-mt-8 {
    margin-top: -2rem;
}
.-mt-\[5rem\] {
    margin-top: -5rem;
}
.mb-0 {
    margin-bottom: 0px;
}
.mb-1 {
    margin-bottom: 0.25rem;
}
.mb-10 {
    margin-bottom: 2.5rem;
}
.mb-12 {
    margin-bottom: 3rem;
}
.mb-16 {
    margin-bottom: 4rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.mb-3 {
    margin-bottom: 0.75rem;
}
.mb-4 {
    margin-bottom: 1rem;
}
.mb-5 {
    margin-bottom: 1.25rem;
}
.mb-6 {
    margin-bottom: 1.5rem;
}
.mb-8 {
    margin-bottom: 2rem;
}
.mb-\[4rem\] {
    margin-bottom: 4rem;
}
.mb-\[7rem\] {
    margin-bottom: 7rem;
}
.ml-0 {
    margin-left: 0px;
}
.ml-1 {
    margin-left: 0.25rem;
}
.ml-2 {
    margin-left: 0.5rem;
}
.ml-3 {
    margin-left: 0.75rem;
}
.ml-4 {
    margin-left: 1rem;
}
.ml-5 {
    margin-left: 1.25rem;
}
.ml-8 {
    margin-left: 2rem;
}
.ml-\[5\.5px\] {
    margin-left: 5.5px;
}
.ml-auto {
    margin-left: auto;
}
.mr-0 {
    margin-right: 0px;
}
.mr-1 {
    margin-right: 0.25rem;
}
.mr-10 {
    margin-right: 2.5rem;
}
.mr-2 {
    margin-right: 0.5rem;
}
.mr-3 {
    margin-right: 0.75rem;
}
.mr-4 {
    margin-right: 1rem;
}
.mr-5 {
    margin-right: 1.25rem;
}
.mr-6 {
    margin-right: 1.5rem;
}
.mr-7 {
    margin-right: 1.75rem;
}
.mr-\[2px\] {
    margin-right: 2px;
}
.mr-\[6px\] {
    margin-right: 6px;
}
.mt-0 {
    margin-top: 0px;
}
.mt-1 {
    margin-top: 0.25rem;
}
.mt-10 {
    margin-top: 2.5rem;
}
.mt-12 {
    margin-top: 3rem;
}
.mt-2 {
    margin-top: 0.5rem;
}
.mt-20 {
    margin-top: 5rem;
}
.mt-3 {
    margin-top: 0.75rem;
}
.mt-4 {
    margin-top: 1rem;
}
.mt-5 {
    margin-top: 1.25rem;
}
.mt-6 {
    margin-top: 1.5rem;
}
.mt-8 {
    margin-top: 2rem;
}
.mt-9 {
    margin-top: 2.25rem;
}
.mt-\[3rem\] {
    margin-top: 3rem;
}
.mt-auto {
    margin-top: auto;
}
.\!block {
    display: block !important;
}
.block {
    display: block;
}
.\!inline-block {
    display: inline-block !important;
}
.inline-block {
    display: inline-block;
}
.inline {
    display: inline;
}
.\!flex {
    display: flex !important;
}
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.table {
    display: table;
}
.grid {
    display: grid;
}
.hidden {
    display: none;
}
.aspect-video {
    aspect-ratio: 16 / 9;
}
.\!h-1\/2 {
    height: 50% !important;
}
.h-0 {
    height: 0px;
}
.h-1\/2 {
    height: 50%;
}
.h-10 {
    height: 2.5rem;
}
.h-12 {
    height: 3rem;
}
.h-16 {
    height: 4rem;
}
.h-3 {
    height: 0.75rem;
}
.h-3\/4 {
    height: 75%;
}
.h-4 {
    height: 1rem;
}
.h-48 {
    height: 12rem;
}
.h-5 {
    height: 1.25rem;
}
.h-52 {
    height: 13rem;
}
.h-6 {
    height: 1.5rem;
}
.h-7 {
    height: 1.75rem;
}
.h-8 {
    height: 2rem;
}
.h-9 {
    height: 2.25rem;
}
.h-\[100vh\] {
    height: 100vh;
}
.h-\[12px\] {
    height: 12px;
}
.h-\[14px\] {
    height: 14px;
}
.h-\[200px\] {
    height: 200px;
}
.h-\[250px\] {
    height: 250px;
}
.h-\[25px\] {
    height: 25px;
}
.h-\[280px\] {
    height: 280px;
}
.h-\[2em\] {
    height: 2em;
}
.h-\[2rem\] {
    height: 2rem;
}
.h-\[30px\] {
    height: 30px;
}
.h-\[35px\] {
    height: 35px;
}
.h-\[36px\] {
    height: 36px;
}
.h-auto {
    height: auto;
}
.h-full {
    height: 100%;
}
.h-screen {
    height: 100vh;
}
.max-h-0 {
    max-height: 0px;
}
.max-h-7 {
    max-height: 1.75rem;
}
.max-h-8 {
    max-height: 2rem;
}
.max-h-\[100px\] {
    max-height: 100px;
}
.max-h-\[150px\] {
    max-height: 150px;
}
.max-h-\[15rem\] {
    max-height: 15rem;
}
.max-h-\[200px\] {
    max-height: 200px;
}
.max-h-\[350px\] {
    max-height: 350px;
}
.max-h-\[400px\] {
    max-height: 400px;
}
.max-h-\[500px\] {
    max-height: 500px;
}
.max-h-\[75px\] {
    max-height: 75px;
}
.min-h-\[100px\] {
    min-height: 100px;
}
.min-h-\[120px\] {
    min-height: 120px;
}
.min-h-\[130px\] {
    min-height: 130px;
}
.min-h-\[25rem\] {
    min-height: 25rem;
}
.min-h-\[300px\] {
    min-height: 300px;
}
.min-h-\[30rem\] {
    min-height: 30rem;
}
.min-h-\[42px\] {
    min-height: 42px;
}
.min-h-\[42rem\] {
    min-height: 42rem;
}
.min-h-\[45px\] {
    min-height: 45px;
}
.min-h-\[45rem\] {
    min-height: 45rem;
}
.min-h-\[650px\] {
    min-height: 650px;
}
.min-h-\[70px\] {
    min-height: 70px;
}
.min-h-\[85px\] {
    min-height: 85px;
}
.min-h-\[90px\] {
    min-height: 90px;
}
.min-h-full {
    min-height: 100%;
}
.min-h-screen {
    min-height: 100vh;
}
.\!w-10 {
    width: 2.5rem !important;
}
.\!w-5 {
    width: 1.25rem !important;
}
.\!w-8 {
    width: 2rem !important;
}
.\!w-\[calc\(100\%-6rem\)\] {
    width: calc(100% - 6rem) !important;
}
.\!w-auto {
    width: auto !important;
}
.\!w-full {
    width: 100% !important;
}
.w-0 {
    width: 0px;
}
.w-10\/12 {
    width: 83.333333%;
}
.w-11\/12 {
    width: 91.666667%;
}
.w-12 {
    width: 3rem;
}
.w-16 {
    width: 4rem;
}
.w-2\/4 {
    width: 50%;
}
.w-24 {
    width: 6rem;
}
.w-3\/4 {
    width: 75%;
}
.w-36 {
    width: 9rem;
}
.w-40 {
    width: 10rem;
}
.w-5 {
    width: 1.25rem;
}
.w-56 {
    width: 14rem;
}
.w-6 {
    width: 1.5rem;
}
.w-6\/12 {
    width: 50%;
}
.w-64 {
    width: 16rem;
}
.w-72 {
    width: 18rem;
}
.w-8 {
    width: 2rem;
}
.w-80 {
    width: 20rem;
}
.w-\[0px\] {
    width: 0px;
}
.w-\[100\%\] {
    width: 100%;
}
.w-\[12px\] {
    width: 12px;
}
.w-\[13\%\] {
    width: 13%;
}
.w-\[14px\] {
    width: 14px;
}
.w-\[15px\] {
    width: 15px;
}
.w-\[16\%\] {
    width: 16%;
}
.w-\[23\%\] {
    width: 23%;
}
.w-\[25px\] {
    width: 25px;
}
.w-\[2rem\] {
    width: 2rem;
}
.w-\[30\%\] {
    width: 30%;
}
.w-\[30px\] {
    width: 30px;
}
.w-\[325px\] {
    width: 325px;
}
.w-\[50\%\] {
    width: 50%;
}
.w-\[500px\] {
    width: 500px;
}
.w-\[600px\] {
    width: 600px;
}
.w-\[95\%\] {
    width: 95%;
}
.w-\[inherit\] {
    width: inherit;
}
.w-auto {
    width: auto;
}
.w-full {
    width: 100%;
}
.w-screen {
    width: 100vw;
}
.min-w-\[14px\] {
    min-width: 14px;
}
.min-w-\[190px\] {
    min-width: 190px;
}
.min-w-\[200px\] {
    min-width: 200px;
}
.min-w-\[250px\] {
    min-width: 250px;
}
.min-w-\[2rem\] {
    min-width: 2rem;
}
.min-w-\[300px\] {
    min-width: 300px;
}
.min-w-\[45px\] {
    min-width: 45px;
}
.min-w-\[60px\] {
    min-width: 60px;
}
.min-w-\[70px\] {
    min-width: 70px;
}
.min-w-\[88px\] {
    min-width: 88px;
}
.max-w-3xl {
    max-width: 48rem;
}
.max-w-\[1000px\] {
    max-width: 1000px;
}
.max-w-\[105rem\] {
    max-width: 105rem;
}
.max-w-\[1150px\] {
    max-width: 1150px;
}
.max-w-\[115rem\] {
    max-width: 115rem;
}
.max-w-\[1200px\] {
    max-width: 1200px;
}
.max-w-\[120px\] {
    max-width: 120px;
}
.max-w-\[120rem\] {
    max-width: 120rem;
}
.max-w-\[1250px\] {
    max-width: 1250px;
}
.max-w-\[130rem\] {
    max-width: 130rem;
}
.max-w-\[135rem\] {
    max-width: 135rem;
}
.max-w-\[255px\] {
    max-width: 255px;
}
.max-w-\[268px\] {
    max-width: 268px;
}
.max-w-\[300px\] {
    max-width: 300px;
}
.max-w-\[400px\] {
    max-width: 400px;
}
.max-w-\[45px\] {
    max-width: 45px;
}
.max-w-\[50\%\] {
    max-width: 50%;
}
.max-w-\[500px\] {
    max-width: 500px;
}
.max-w-\[54px\] {
    max-width: 54px;
}
.max-w-\[600px\] {
    max-width: 600px;
}
.max-w-\[625px\] {
    max-width: 625px;
}
.max-w-\[65rem\] {
    max-width: 65rem;
}
.max-w-\[70\%\] {
    max-width: 70%;
}
.max-w-\[800px\] {
    max-width: 800px;
}
.max-w-\[830px\] {
    max-width: 830px;
}
.max-w-\[850px\] {
    max-width: 850px;
}
.max-w-\[90\%\] {
    max-width: 90%;
}
.max-w-\[95rem\] {
    max-width: 95rem;
}
.max-w-\[99\%\] {
    max-width: 99%;
}
.max-w-full {
    max-width: 100%;
}
.max-w-lg {
    max-width: 32rem;
}
.max-w-xl {
    max-width: 36rem;
}
.flex-1 {
    flex: 1 1 0%;
}
.flex-\[1\] {
    flex: 1;
}
.flex-\[2\] {
    flex: 2;
}
.flex-\[3\] {
    flex: 3;
}
.flex-\[7\] {
    flex: 7;
}
.flex-shrink-0 {
    flex-shrink: 0;
}
.shrink-0 {
    flex-shrink: 0;
}
.grow {
    flex-grow: 1;
}
.grow-\[5\] {
    flex-grow: 5;
}
.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[50\%\] {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[50\%\] {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/2 {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/4 {
    --tw-translate-x: 25%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-2px\] {
    --tw-translate-x: -2px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\/4 {
    --tw-translate-y: 25%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2 {
    --tw-translate-y: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-6 {
    --tw-translate-y: 1.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[2px\] {
    --tw-translate-y: 2px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[4px\] {
    --tw-translate-y: 4px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-45 {
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes fade-in {
    0% {
        opacity: 0%;
    }
    100% {
        opacity: 100%;
    }
}
.animate-fade-in {
    animation: fade-in 0.25s ease-in;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
.animate-spin {
    animation: spin 1s linear infinite;
}
.cursor-pointer {
    cursor: pointer;
}
.resize-none {
    resize: none;
}
.resize {
    resize: both;
}
.list-disc {
    list-style-type: disc;
}
.appearance-none {
    appearance: none;
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
}
.flex-row {
    flex-direction: row;
}
.flex-row-reverse {
    flex-direction: row-reverse;
}
.flex-col {
    flex-direction: column;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.place-content-center {
    place-content: center;
}
.place-items-start {
    place-items: start;
}
.place-items-center {
    place-items: center;
}
.items-start {
    align-items: flex-start;
}
.items-center {
    align-items: center;
}
.items-stretch {
    align-items: stretch;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.\!justify-center {
    justify-content: center !important;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.justify-around {
    justify-content: space-around;
}
.justify-stretch {
    justify-content: stretch;
}
.gap-0 {
    gap: 0px;
}
.gap-1 {
    gap: 0.25rem;
}
.gap-10 {
    gap: 2.5rem;
}
.gap-12 {
    gap: 3rem;
}
.gap-2 {
    gap: 0.5rem;
}
.gap-20 {
    gap: 5rem;
}
.gap-4 {
    gap: 1rem;
}
.gap-6 {
    gap: 1.5rem;
}
.gap-8 {
    gap: 2rem;
}
.gap-x-4 {
    column-gap: 1rem;
}
.gap-x-8 {
    column-gap: 2rem;
}
.gap-y-2 {
    row-gap: 0.5rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(5rem * var(--tw-space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.space-y-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-sbAi > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(124 0 255 / var(--tw-divide-opacity, 1));
}
.divide-sbAi\/0 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0);
}
.divide-sbAi\/10 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.1);
}
.divide-sbAi\/100 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 1);
}
.divide-sbAi\/15 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.15);
}
.divide-sbAi\/20 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.2);
}
.divide-sbAi\/25 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.25);
}
.divide-sbAi\/30 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.3);
}
.divide-sbAi\/35 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.35);
}
.divide-sbAi\/40 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.4);
}
.divide-sbAi\/45 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.45);
}
.divide-sbAi\/5 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.05);
}
.divide-sbAi\/50 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.5);
}
.divide-sbAi\/55 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.55);
}
.divide-sbAi\/60 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.6);
}
.divide-sbAi\/65 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.65);
}
.divide-sbAi\/70 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.7);
}
.divide-sbAi\/75 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.75);
}
.divide-sbAi\/80 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.8);
}
.divide-sbAi\/85 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.85);
}
.divide-sbAi\/90 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.9);
}
.divide-sbAi\/95 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(124 0 255 / 0.95);
}
.self-start {
    align-self: flex-start;
}
.self-center {
    align-self: center;
}
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-scroll {
    overflow: scroll;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.overflow-y-scroll {
    overflow-y: scroll;
}
.overflow-ellipsis {
    text-overflow: ellipsis;
}
.text-ellipsis {
    text-overflow: ellipsis;
}
.whitespace-normal {
    white-space: normal;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.whitespace-pre-line {
    white-space: pre-line;
}
.rounded {
    border-radius: 0.25rem;
}
.rounded-2xl {
    border-radius: 1rem;
}
.rounded-3xl {
    border-radius: 1.5rem;
}
.rounded-\[1\.5rem\] {
    border-radius: 1.5rem;
}
.rounded-\[20px\] {
    border-radius: 20px;
}
.rounded-\[25px\] {
    border-radius: 25px;
}
.rounded-\[26px\] {
    border-radius: 26px;
}
.rounded-\[3rem\] {
    border-radius: 3rem;
}
.rounded-\[50px\] {
    border-radius: 50px;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-lg {
    border-radius: 0.5rem;
}
.rounded-xl {
    border-radius: 0.75rem;
}
.\!rounded-r-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}
.rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.rounded-b-\[15px\] {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.rounded-b-\[26px\] {
    border-bottom-right-radius: 26px;
    border-bottom-left-radius: 26px;
}
.rounded-b-\[50px\] {
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
}
.rounded-b-none {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.rounded-l-3xl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.rounded-l-none {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.rounded-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.rounded-r-3xl {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}
.rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}
.rounded-t-\[26px\] {
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
}
.rounded-t-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem;
}
.rounded-br-3xl {
    border-bottom-right-radius: 1.5rem;
}
.rounded-tr-none {
    border-top-right-radius: 0px;
}
.border {
    border-width: 1px;
}
.border-0 {
    border-width: 0px;
}
.border-2 {
    border-width: 2px;
}
.border-4 {
    border-width: 4px;
}
.border-\[1px\] {
    border-width: 1px;
}
.border-b-2 {
    border-bottom-width: 2px;
}
.border-l {
    border-left-width: 1px;
}
.border-l-2 {
    border-left-width: 2px;
}
.border-r-0 {
    border-right-width: 0px;
}
.border-r-2 {
    border-right-width: 2px;
}
.border-t {
    border-top-width: 1px;
}
.border-solid {
    border-style: solid;
}
.border-none {
    border-style: none;
}
.border-\[\#000\] {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(18 40 70 / var(--tw-border-opacity, 1));
}
.border-gold-300 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--gold-300) / var(--tw-border-opacity, 1));
}
.border-lightGrey {
    --tw-border-opacity: 1;
    border-color: rgb(211 211 211 / var(--tw-border-opacity, 1));
}
.border-offWhite {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 249 / var(--tw-border-opacity, 1));
}
.border-red {
    --tw-border-opacity: 1;
    border-color: rgb(251 47 95 / var(--tw-border-opacity, 1));
}
.border-sbAi {
    --tw-border-opacity: 1;
    border-color: rgb(124 0 255 / var(--tw-border-opacity, 1));
}
.border-sbAi\/0 {
    border-color: rgb(124 0 255 / 0);
}
.border-sbAi\/10 {
    border-color: rgb(124 0 255 / 0.1);
}
.border-sbAi\/100 {
    border-color: rgb(124 0 255 / 1);
}
.border-sbAi\/15 {
    border-color: rgb(124 0 255 / 0.15);
}
.border-sbAi\/20 {
    border-color: rgb(124 0 255 / 0.2);
}
.border-sbAi\/25 {
    border-color: rgb(124 0 255 / 0.25);
}
.border-sbAi\/30 {
    border-color: rgb(124 0 255 / 0.3);
}
.border-sbAi\/35 {
    border-color: rgb(124 0 255 / 0.35);
}
.border-sbAi\/40 {
    border-color: rgb(124 0 255 / 0.4);
}
.border-sbAi\/45 {
    border-color: rgb(124 0 255 / 0.45);
}
.border-sbAi\/5 {
    border-color: rgb(124 0 255 / 0.05);
}
.border-sbAi\/50 {
    border-color: rgb(124 0 255 / 0.5);
}
.border-sbAi\/55 {
    border-color: rgb(124 0 255 / 0.55);
}
.border-sbAi\/60 {
    border-color: rgb(124 0 255 / 0.6);
}
.border-sbAi\/65 {
    border-color: rgb(124 0 255 / 0.65);
}
.border-sbAi\/70 {
    border-color: rgb(124 0 255 / 0.7);
}
.border-sbAi\/75 {
    border-color: rgb(124 0 255 / 0.75);
}
.border-sbAi\/80 {
    border-color: rgb(124 0 255 / 0.8);
}
.border-sbAi\/85 {
    border-color: rgb(124 0 255 / 0.85);
}
.border-sbAi\/90 {
    border-color: rgb(124 0 255 / 0.9);
}
.border-sbAi\/95 {
    border-color: rgb(124 0 255 / 0.95);
}
.border-subtleGrey {
    --tw-border-opacity: 1;
    border-color: rgb(235 235 242 / var(--tw-border-opacity, 1));
}
.border-theme {
    --tw-border-opacity: 1;
    border-color: rgb(63 136 233 / var(--tw-border-opacity, 1));
}
.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-x-sbAi {
    --tw-border-opacity: 1;
    border-left-color: rgb(124 0 255 / var(--tw-border-opacity, 1));
    border-right-color: rgb(124 0 255 / var(--tw-border-opacity, 1));
}
.border-x-sbAi\/0 {
    border-left-color: rgb(124 0 255 / 0);
    border-right-color: rgb(124 0 255 / 0);
}
.border-x-sbAi\/10 {
    border-left-color: rgb(124 0 255 / 0.1);
    border-right-color: rgb(124 0 255 / 0.1);
}
.border-x-sbAi\/100 {
    border-left-color: rgb(124 0 255 / 1);
    border-right-color: rgb(124 0 255 / 1);
}
.border-x-sbAi\/15 {
    border-left-color: rgb(124 0 255 / 0.15);
    border-right-color: rgb(124 0 255 / 0.15);
}
.border-x-sbAi\/20 {
    border-left-color: rgb(124 0 255 / 0.2);
    border-right-color: rgb(124 0 255 / 0.2);
}
.border-x-sbAi\/25 {
    border-left-color: rgb(124 0 255 / 0.25);
    border-right-color: rgb(124 0 255 / 0.25);
}
.border-x-sbAi\/30 {
    border-left-color: rgb(124 0 255 / 0.3);
    border-right-color: rgb(124 0 255 / 0.3);
}
.border-x-sbAi\/35 {
    border-left-color: rgb(124 0 255 / 0.35);
    border-right-color: rgb(124 0 255 / 0.35);
}
.border-x-sbAi\/40 {
    border-left-color: rgb(124 0 255 / 0.4);
    border-right-color: rgb(124 0 255 / 0.4);
}
.border-x-sbAi\/45 {
    border-left-color: rgb(124 0 255 / 0.45);
    border-right-color: rgb(124 0 255 / 0.45);
}
.border-x-sbAi\/5 {
    border-left-color: rgb(124 0 255 / 0.05);
    border-right-color: rgb(124 0 255 / 0.05);
}
.border-x-sbAi\/50 {
    border-left-color: rgb(124 0 255 / 0.5);
    border-right-color: rgb(124 0 255 / 0.5);
}
.border-x-sbAi\/55 {
    border-left-color: rgb(124 0 255 / 0.55);
    border-right-color: rgb(124 0 255 / 0.55);
}
.border-x-sbAi\/60 {
    border-left-color: rgb(124 0 255 / 0.6);
    border-right-color: rgb(124 0 255 / 0.6);
}
.border-x-sbAi\/65 {
    border-left-color: rgb(124 0 255 / 0.65);
    border-right-color: rgb(124 0 255 / 0.65);
}
.border-x-sbAi\/70 {
    border-left-color: rgb(124 0 255 / 0.7);
    border-right-color: rgb(124 0 255 / 0.7);
}
.border-x-sbAi\/75 {
    border-left-color: rgb(124 0 255 / 0.75);
    border-right-color: rgb(124 0 255 / 0.75);
}
.border-x-sbAi\/80 {
    border-left-color: rgb(124 0 255 / 0.8);
    border-right-color: rgb(124 0 255 / 0.8);
}
.border-x-sbAi\/85 {
    border-left-color: rgb(124 0 255 / 0.85);
    border-right-color: rgb(124 0 255 / 0.85);
}
.border-x-sbAi\/90 {
    border-left-color: rgb(124 0 255 / 0.9);
    border-right-color: rgb(124 0 255 / 0.9);
}
.border-x-sbAi\/95 {
    border-left-color: rgb(124 0 255 / 0.95);
    border-right-color: rgb(124 0 255 / 0.95);
}
.border-y-sbAi {
    --tw-border-opacity: 1;
    border-top-color: rgb(124 0 255 / var(--tw-border-opacity, 1));
    border-bottom-color: rgb(124 0 255 / var(--tw-border-opacity, 1));
}
.border-y-sbAi\/0 {
    border-top-color: rgb(124 0 255 / 0);
    border-bottom-color: rgb(124 0 255 / 0);
}
.border-y-sbAi\/10 {
    border-top-color: rgb(124 0 255 / 0.1);
    border-bottom-color: rgb(124 0 255 / 0.1);
}
.border-y-sbAi\/100 {
    border-top-color: rgb(124 0 255 / 1);
    border-bottom-color: rgb(124 0 255 / 1);
}
.border-y-sbAi\/15 {
    border-top-color: rgb(124 0 255 / 0.15);
    border-bottom-color: rgb(124 0 255 / 0.15);
}
.border-y-sbAi\/20 {
    border-top-color: rgb(124 0 255 / 0.2);
    border-bottom-color: rgb(124 0 255 / 0.2);
}
.border-y-sbAi\/25 {
    border-top-color: rgb(124 0 255 / 0.25);
    border-bottom-color: rgb(124 0 255 / 0.25);
}
.border-y-sbAi\/30 {
    border-top-color: rgb(124 0 255 / 0.3);
    border-bottom-color: rgb(124 0 255 / 0.3);
}
.border-y-sbAi\/35 {
    border-top-color: rgb(124 0 255 / 0.35);
    border-bottom-color: rgb(124 0 255 / 0.35);
}
.border-y-sbAi\/40 {
    border-top-color: rgb(124 0 255 / 0.4);
    border-bottom-color: rgb(124 0 255 / 0.4);
}
.border-y-sbAi\/45 {
    border-top-color: rgb(124 0 255 / 0.45);
    border-bottom-color: rgb(124 0 255 / 0.45);
}
.border-y-sbAi\/5 {
    border-top-color: rgb(124 0 255 / 0.05);
    border-bottom-color: rgb(124 0 255 / 0.05);
}
.border-y-sbAi\/50 {
    border-top-color: rgb(124 0 255 / 0.5);
    border-bottom-color: rgb(124 0 255 / 0.5);
}
.border-y-sbAi\/55 {
    border-top-color: rgb(124 0 255 / 0.55);
    border-bottom-color: rgb(124 0 255 / 0.55);
}
.border-y-sbAi\/60 {
    border-top-color: rgb(124 0 255 / 0.6);
    border-bottom-color: rgb(124 0 255 / 0.6);
}
.border-y-sbAi\/65 {
    border-top-color: rgb(124 0 255 / 0.65);
    border-bottom-color: rgb(124 0 255 / 0.65);
}
.border-y-sbAi\/70 {
    border-top-color: rgb(124 0 255 / 0.7);
    border-bottom-color: rgb(124 0 255 / 0.7);
}
.border-y-sbAi\/75 {
    border-top-color: rgb(124 0 255 / 0.75);
    border-bottom-color: rgb(124 0 255 / 0.75);
}
.border-y-sbAi\/80 {
    border-top-color: rgb(124 0 255 / 0.8);
    border-bottom-color: rgb(124 0 255 / 0.8);
}
.border-y-sbAi\/85 {
    border-top-color: rgb(124 0 255 / 0.85);
    border-bottom-color: rgb(124 0 255 / 0.85);
}
.border-y-sbAi\/90 {
    border-top-color: rgb(124 0 255 / 0.9);
    border-bottom-color: rgb(124 0 255 / 0.9);
}
.border-y-sbAi\/95 {
    border-top-color: rgb(124 0 255 / 0.95);
    border-bottom-color: rgb(124 0 255 / 0.95);
}
.border-b-sbAi {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(124 0 255 / var(--tw-border-opacity, 1));
}
.border-b-sbAi\/0 {
    border-bottom-color: rgb(124 0 255 / 0);
}
.border-b-sbAi\/10 {
    border-bottom-color: rgb(124 0 255 / 0.1);
}
.border-b-sbAi\/100 {
    border-bottom-color: rgb(124 0 255 / 1);
}
.border-b-sbAi\/15 {
    border-bottom-color: rgb(124 0 255 / 0.15);
}
.border-b-sbAi\/20 {
    border-bottom-color: rgb(124 0 255 / 0.2);
}
.border-b-sbAi\/25 {
    border-bottom-color: rgb(124 0 255 / 0.25);
}
.border-b-sbAi\/30 {
    border-bottom-color: rgb(124 0 255 / 0.3);
}
.border-b-sbAi\/35 {
    border-bottom-color: rgb(124 0 255 / 0.35);
}
.border-b-sbAi\/40 {
    border-bottom-color: rgb(124 0 255 / 0.4);
}
.border-b-sbAi\/45 {
    border-bottom-color: rgb(124 0 255 / 0.45);
}
.border-b-sbAi\/5 {
    border-bottom-color: rgb(124 0 255 / 0.05);
}
.border-b-sbAi\/50 {
    border-bottom-color: rgb(124 0 255 / 0.5);
}
.border-b-sbAi\/55 {
    border-bottom-color: rgb(124 0 255 / 0.55);
}
.border-b-sbAi\/60 {
    border-bottom-color: rgb(124 0 255 / 0.6);
}
.border-b-sbAi\/65 {
    border-bottom-color: rgb(124 0 255 / 0.65);
}
.border-b-sbAi\/70 {
    border-bottom-color: rgb(124 0 255 / 0.7);
}
.border-b-sbAi\/75 {
    border-bottom-color: rgb(124 0 255 / 0.75);
}
.border-b-sbAi\/80 {
    border-bottom-color: rgb(124 0 255 / 0.8);
}
.border-b-sbAi\/85 {
    border-bottom-color: rgb(124 0 255 / 0.85);
}
.border-b-sbAi\/90 {
    border-bottom-color: rgb(124 0 255 / 0.9);
}
.border-b-sbAi\/95 {
    border-bottom-color: rgb(124 0 255 / 0.95);
}
.border-b-white {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-e-sbAi {
    --tw-border-opacity: 1;
    border-inline-end-color: rgb(124 0 255 / var(--tw-border-opacity, 1));
}
.border-e-sbAi\/0 {
    border-inline-end-color: rgb(124 0 255 / 0);
}
.border-e-sbAi\/10 {
    border-inline-end-color: rgb(124 0 255 / 0.1);
}
.border-e-sbAi\/100 {
    border-inline-end-color: rgb(124 0 255 / 1);
}
.border-e-sbAi\/15 {
    border-inline-end-color: rgb(124 0 255 / 0.15);
}
.border-e-sbAi\/20 {
    border-inline-end-color: rgb(124 0 255 / 0.2);
}
.border-e-sbAi\/25 {
    border-inline-end-color: rgb(124 0 255 / 0.25);
}
.border-e-sbAi\/30 {
    border-inline-end-color: rgb(124 0 255 / 0.3);
}
.border-e-sbAi\/35 {
    border-inline-end-color: rgb(124 0 255 / 0.35);
}
.border-e-sbAi\/40 {
    border-inline-end-color: rgb(124 0 255 / 0.4);
}
.border-e-sbAi\/45 {
    border-inline-end-color: rgb(124 0 255 / 0.45);
}
.border-e-sbAi\/5 {
    border-inline-end-color: rgb(124 0 255 / 0.05);
}
.border-e-sbAi\/50 {
    border-inline-end-color: rgb(124 0 255 / 0.5);
}
.border-e-sbAi\/55 {
    border-inline-end-color: rgb(124 0 255 / 0.55);
}
.border-e-sbAi\/60 {
    border-inline-end-color: rgb(124 0 255 / 0.6);
}
.border-e-sbAi\/65 {
    border-inline-end-color: rgb(124 0 255 / 0.65);
}
.border-e-sbAi\/70 {
    border-inline-end-color: rgb(124 0 255 / 0.7);
}
.border-e-sbAi\/75 {
    border-inline-end-color: rgb(124 0 255 / 0.75);
}
.border-e-sbAi\/80 {
    border-inline-end-color: rgb(124 0 255 / 0.8);
}
.border-e-sbAi\/85 {
    border-inline-end-color: rgb(124 0 255 / 0.85);
}
.border-e-sbAi\/90 {
    border-inline-end-color: rgb(124 0 255 / 0.9);
}
.border-e-sbAi\/95 {
    border-inline-end-color: rgb(124 0 255 / 0.95);
}
.border-l-sbAi {
    --tw-border-opacity: 1;
    border-left-color: rgb(124 0 255 / var(--tw-border-opacity, 1));
}
.border-l-sbAi\/0 {
    border-left-color: rgb(124 0 255 / 0);
}
.border-l-sbAi\/10 {
    border-left-color: rgb(124 0 255 / 0.1);
}
.border-l-sbAi\/100 {
    border-left-color: rgb(124 0 255 / 1);
}
.border-l-sbAi\/15 {
    border-left-color: rgb(124 0 255 / 0.15);
}
.border-l-sbAi\/20 {
    border-left-color: rgb(124 0 255 / 0.2);
}
.border-l-sbAi\/25 {
    border-left-color: rgb(124 0 255 / 0.25);
}
.border-l-sbAi\/30 {
    border-left-color: rgb(124 0 255 / 0.3);
}
.border-l-sbAi\/35 {
    border-left-color: rgb(124 0 255 / 0.35);
}
.border-l-sbAi\/40 {
    border-left-color: rgb(124 0 255 / 0.4);
}
.border-l-sbAi\/45 {
    border-left-color: rgb(124 0 255 / 0.45);
}
.border-l-sbAi\/5 {
    border-left-color: rgb(124 0 255 / 0.05);
}
.border-l-sbAi\/50 {
    border-left-color: rgb(124 0 255 / 0.5);
}
.border-l-sbAi\/55 {
    border-left-color: rgb(124 0 255 / 0.55);
}
.border-l-sbAi\/60 {
    border-left-color: rgb(124 0 255 / 0.6);
}
.border-l-sbAi\/65 {
    border-left-color: rgb(124 0 255 / 0.65);
}
.border-l-sbAi\/70 {
    border-left-color: rgb(124 0 255 / 0.7);
}
.border-l-sbAi\/75 {
    border-left-color: rgb(124 0 255 / 0.75);
}
.border-l-sbAi\/80 {
    border-left-color: rgb(124 0 255 / 0.8);
}
.border-l-sbAi\/85 {
    border-left-color: rgb(124 0 255 / 0.85);
}
.border-l-sbAi\/90 {
    border-left-color: rgb(124 0 255 / 0.9);
}
.border-l-sbAi\/95 {
    border-left-color: rgb(124 0 255 / 0.95);
}
.border-r-sbAi {
    --tw-border-opacity: 1;
    border-right-color: rgb(124 0 255 / var(--tw-border-opacity, 1));
}
.border-r-sbAi\/0 {
    border-right-color: rgb(124 0 255 / 0);
}
.border-r-sbAi\/10 {
    border-right-color: rgb(124 0 255 / 0.1);
}
.border-r-sbAi\/100 {
    border-right-color: rgb(124 0 255 / 1);
}
.border-r-sbAi\/15 {
    border-right-color: rgb(124 0 255 / 0.15);
}
.border-r-sbAi\/20 {
    border-right-color: rgb(124 0 255 / 0.2);
}
.border-r-sbAi\/25 {
    border-right-color: rgb(124 0 255 / 0.25);
}
.border-r-sbAi\/30 {
    border-right-color: rgb(124 0 255 / 0.3);
}
.border-r-sbAi\/35 {
    border-right-color: rgb(124 0 255 / 0.35);
}
.border-r-sbAi\/40 {
    border-right-color: rgb(124 0 255 / 0.4);
}
.border-r-sbAi\/45 {
    border-right-color: rgb(124 0 255 / 0.45);
}
.border-r-sbAi\/5 {
    border-right-color: rgb(124 0 255 / 0.05);
}
.border-r-sbAi\/50 {
    border-right-color: rgb(124 0 255 / 0.5);
}
.border-r-sbAi\/55 {
    border-right-color: rgb(124 0 255 / 0.55);
}
.border-r-sbAi\/60 {
    border-right-color: rgb(124 0 255 / 0.6);
}
.border-r-sbAi\/65 {
    border-right-color: rgb(124 0 255 / 0.65);
}
.border-r-sbAi\/70 {
    border-right-color: rgb(124 0 255 / 0.7);
}
.border-r-sbAi\/75 {
    border-right-color: rgb(124 0 255 / 0.75);
}
.border-r-sbAi\/80 {
    border-right-color: rgb(124 0 255 / 0.8);
}
.border-r-sbAi\/85 {
    border-right-color: rgb(124 0 255 / 0.85);
}
.border-r-sbAi\/90 {
    border-right-color: rgb(124 0 255 / 0.9);
}
.border-r-sbAi\/95 {
    border-right-color: rgb(124 0 255 / 0.95);
}
.border-s-sbAi {
    --tw-border-opacity: 1;
    border-inline-start-color: rgb(124 0 255 / var(--tw-border-opacity, 1));
}
.border-s-sbAi\/0 {
    border-inline-start-color: rgb(124 0 255 / 0);
}
.border-s-sbAi\/10 {
    border-inline-start-color: rgb(124 0 255 / 0.1);
}
.border-s-sbAi\/100 {
    border-inline-start-color: rgb(124 0 255 / 1);
}
.border-s-sbAi\/15 {
    border-inline-start-color: rgb(124 0 255 / 0.15);
}
.border-s-sbAi\/20 {
    border-inline-start-color: rgb(124 0 255 / 0.2);
}
.border-s-sbAi\/25 {
    border-inline-start-color: rgb(124 0 255 / 0.25);
}
.border-s-sbAi\/30 {
    border-inline-start-color: rgb(124 0 255 / 0.3);
}
.border-s-sbAi\/35 {
    border-inline-start-color: rgb(124 0 255 / 0.35);
}
.border-s-sbAi\/40 {
    border-inline-start-color: rgb(124 0 255 / 0.4);
}
.border-s-sbAi\/45 {
    border-inline-start-color: rgb(124 0 255 / 0.45);
}
.border-s-sbAi\/5 {
    border-inline-start-color: rgb(124 0 255 / 0.05);
}
.border-s-sbAi\/50 {
    border-inline-start-color: rgb(124 0 255 / 0.5);
}
.border-s-sbAi\/55 {
    border-inline-start-color: rgb(124 0 255 / 0.55);
}
.border-s-sbAi\/60 {
    border-inline-start-color: rgb(124 0 255 / 0.6);
}
.border-s-sbAi\/65 {
    border-inline-start-color: rgb(124 0 255 / 0.65);
}
.border-s-sbAi\/70 {
    border-inline-start-color: rgb(124 0 255 / 0.7);
}
.border-s-sbAi\/75 {
    border-inline-start-color: rgb(124 0 255 / 0.75);
}
.border-s-sbAi\/80 {
    border-inline-start-color: rgb(124 0 255 / 0.8);
}
.border-s-sbAi\/85 {
    border-inline-start-color: rgb(124 0 255 / 0.85);
}
.border-s-sbAi\/90 {
    border-inline-start-color: rgb(124 0 255 / 0.9);
}
.border-s-sbAi\/95 {
    border-inline-start-color: rgb(124 0 255 / 0.95);
}
.border-t-sbAi {
    --tw-border-opacity: 1;
    border-top-color: rgb(124 0 255 / var(--tw-border-opacity, 1));
}
.border-t-sbAi\/0 {
    border-top-color: rgb(124 0 255 / 0);
}
.border-t-sbAi\/10 {
    border-top-color: rgb(124 0 255 / 0.1);
}
.border-t-sbAi\/100 {
    border-top-color: rgb(124 0 255 / 1);
}
.border-t-sbAi\/15 {
    border-top-color: rgb(124 0 255 / 0.15);
}
.border-t-sbAi\/20 {
    border-top-color: rgb(124 0 255 / 0.2);
}
.border-t-sbAi\/25 {
    border-top-color: rgb(124 0 255 / 0.25);
}
.border-t-sbAi\/30 {
    border-top-color: rgb(124 0 255 / 0.3);
}
.border-t-sbAi\/35 {
    border-top-color: rgb(124 0 255 / 0.35);
}
.border-t-sbAi\/40 {
    border-top-color: rgb(124 0 255 / 0.4);
}
.border-t-sbAi\/45 {
    border-top-color: rgb(124 0 255 / 0.45);
}
.border-t-sbAi\/5 {
    border-top-color: rgb(124 0 255 / 0.05);
}
.border-t-sbAi\/50 {
    border-top-color: rgb(124 0 255 / 0.5);
}
.border-t-sbAi\/55 {
    border-top-color: rgb(124 0 255 / 0.55);
}
.border-t-sbAi\/60 {
    border-top-color: rgb(124 0 255 / 0.6);
}
.border-t-sbAi\/65 {
    border-top-color: rgb(124 0 255 / 0.65);
}
.border-t-sbAi\/70 {
    border-top-color: rgb(124 0 255 / 0.7);
}
.border-t-sbAi\/75 {
    border-top-color: rgb(124 0 255 / 0.75);
}
.border-t-sbAi\/80 {
    border-top-color: rgb(124 0 255 / 0.8);
}
.border-t-sbAi\/85 {
    border-top-color: rgb(124 0 255 / 0.85);
}
.border-t-sbAi\/90 {
    border-top-color: rgb(124 0 255 / 0.9);
}
.border-t-sbAi\/95 {
    border-top-color: rgb(124 0 255 / 0.95);
}
.\!bg-almostBlack {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(1 1 1 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-darkModeBlack {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-theme {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(63 136 233 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#010101\] {
    --tw-bg-opacity: 1;
    background-color: rgb(1 1 1 / var(--tw-bg-opacity, 1));
}
.bg-\[\#122846\] {
    --tw-bg-opacity: 1;
    background-color: rgb(18 40 70 / var(--tw-bg-opacity, 1));
}
.bg-\[\#161514\] {
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1B2035\] {
    --tw-bg-opacity: 1;
    background-color: rgb(27 32 53 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2977DF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(41 119 223 / var(--tw-bg-opacity, 1));
}
.bg-\[\#7D92AD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(125 146 173 / var(--tw-bg-opacity, 1));
}
.bg-\[\#DFE3E7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(223 227 231 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F3F5F7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(243 245 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F9F6F2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 246 242 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f5f5f9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 249 / var(--tw-bg-opacity, 1));
}
.bg-almostBlack {
    --tw-bg-opacity: 1;
    background-color: rgb(1 1 1 / var(--tw-bg-opacity, 1));
}
.bg-almostBlack\/20 {
    background-color: rgb(1 1 1 / 0.2);
}
.bg-amber-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}
.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(18 40 70 / var(--tw-bg-opacity, 1));
}
.bg-black\/20 {
    background-color: rgb(18 40 70 / 0.2);
}
.bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--blue-400) / var(--tw-bg-opacity, 1));
}
.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-darkBlue {
    --tw-bg-opacity: 1;
    background-color: rgb(41 119 223 / var(--tw-bg-opacity, 1));
}
.bg-darkModeBlack {
    --tw-bg-opacity: 1;
    background-color: rgb(22 21 20 / var(--tw-bg-opacity, 1));
}
.bg-darkModeGrey {
    --tw-bg-opacity: 1;
    background-color: rgb(42 41 40 / var(--tw-bg-opacity, 1));
}
.bg-darkerBlue {
    --tw-bg-opacity: 1;
    background-color: rgb(27 104 207 / var(--tw-bg-opacity, 1));
}
.bg-darkestBlue {
    --tw-bg-opacity: 1;
    background-color: rgb(7 25 48 / var(--tw-bg-opacity, 1));
}
.bg-evenDarkerBlue {
    --tw-bg-opacity: 1;
    background-color: rgb(24 93 185 / var(--tw-bg-opacity, 1));
}
.bg-gold-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--gold-700) / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-300\/20 {
    background-color: rgb(209 213 219 / 0.2);
}
.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(168 168 183 / var(--tw-bg-opacity, 1));
}
.bg-offWhite {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 249 / var(--tw-bg-opacity, 1));
}
.bg-orange-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.bg-problem {
    --tw-bg-opacity: 1;
    background-color: rgb(239 65 52 / var(--tw-bg-opacity, 1));
}
.bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}
.bg-red {
    --tw-bg-opacity: 1;
    background-color: rgb(251 47 95 / var(--tw-bg-opacity, 1));
}
.bg-sbAi {
    --tw-bg-opacity: 1;
    background-color: rgb(124 0 255 / var(--tw-bg-opacity, 1));
}
.bg-sbAi\/0 {
    background-color: rgb(124 0 255 / 0);
}
.bg-sbAi\/10 {
    background-color: rgb(124 0 255 / 0.1);
}
.bg-sbAi\/100 {
    background-color: rgb(124 0 255 / 1);
}
.bg-sbAi\/15 {
    background-color: rgb(124 0 255 / 0.15);
}
.bg-sbAi\/20 {
    background-color: rgb(124 0 255 / 0.2);
}
.bg-sbAi\/25 {
    background-color: rgb(124 0 255 / 0.25);
}
.bg-sbAi\/30 {
    background-color: rgb(124 0 255 / 0.3);
}
.bg-sbAi\/35 {
    background-color: rgb(124 0 255 / 0.35);
}
.bg-sbAi\/40 {
    background-color: rgb(124 0 255 / 0.4);
}
.bg-sbAi\/45 {
    background-color: rgb(124 0 255 / 0.45);
}
.bg-sbAi\/5 {
    background-color: rgb(124 0 255 / 0.05);
}
.bg-sbAi\/50 {
    background-color: rgb(124 0 255 / 0.5);
}
.bg-sbAi\/55 {
    background-color: rgb(124 0 255 / 0.55);
}
.bg-sbAi\/60 {
    background-color: rgb(124 0 255 / 0.6);
}
.bg-sbAi\/65 {
    background-color: rgb(124 0 255 / 0.65);
}
.bg-sbAi\/70 {
    background-color: rgb(124 0 255 / 0.7);
}
.bg-sbAi\/75 {
    background-color: rgb(124 0 255 / 0.75);
}
.bg-sbAi\/80 {
    background-color: rgb(124 0 255 / 0.8);
}
.bg-sbAi\/85 {
    background-color: rgb(124 0 255 / 0.85);
}
.bg-sbAi\/90 {
    background-color: rgb(124 0 255 / 0.9);
}
.bg-sbAi\/95 {
    background-color: rgb(124 0 255 / 0.95);
}
.bg-subtleGrey {
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 242 / var(--tw-bg-opacity, 1));
}
.bg-subtleGrey\/90 {
    background-color: rgb(235 235 242 / 0.9);
}
.bg-theme {
    --tw-bg-opacity: 1;
    background-color: rgb(63 136 233 / var(--tw-bg-opacity, 1));
}
.bg-themeHover {
    --tw-bg-opacity: 1;
    background-color: rgb(27 104 207 / var(--tw-bg-opacity, 1));
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/50 {
    background-color: rgb(255 255 255 / 0.5);
}
.bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}
.bg-opacity-10 {
    --tw-bg-opacity: 0.1;
}
.bg-opacity-20 {
    --tw-bg-opacity: 0.2;
}
.bg-opacity-30 {
    --tw-bg-opacity: 0.3;
}
.bg-opacity-50 {
    --tw-bg-opacity: 0.5;
}
.bg-opacity-70 {
    --tw-bg-opacity: 0.7;
}
.bg-opacity-75 {
    --tw-bg-opacity: 0.75;
}
.bg-opacity-95 {
    --tw-bg-opacity: 0.95;
}
.bg-\[url\(\'\/src\/assets\/images\/2x-rev-final\.jpg\'\)\] {
    background-image: url('/assets/2x-rev-final.8aaa2568.jpg');
}
.bg-\[url\(\'\/src\/assets\/images\/Community-Homepage-Promo6\.jpg\'\)\] {
    background-image: url('/assets/Community-Homepage-Promo6.52b03fac.jpg');
}
.bg-\[url\(\'\/src\/assets\/images\/FlightSchoolBG\.jpg\'\)\] {
    background-image: url('/assets/FlightSchoolBG.291d7ff4.jpg');
}
.bg-\[url\(\'\/src\/assets\/images\/bms-member-bg\.jpg\'\)\] {
    background-image: url('/assets/bms-member-bg.f922dd76.jpg');
}
.bg-\[url\(\'\/src\/assets\/images\/community-join-final2\.jpg\'\)\] {
    background-image: url('/assets/community-join-final2.ace12129.jpg');
}
.bg-\[url\(\'\/src\/assets\/images\/sbfs-header\.jpg\'\)\] {
    background-image: url('/assets/sbfs-header.1735949e.jpg');
}
.bg-\[url\(\'\/src\/assets\/images\/weekly-final2\.jpg\'\)\] {
    background-image: url('/assets/weekly-final2.c63d3243.jpg');
}
.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-actionDark {
    --tw-gradient-from: #33d4a9 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(51 212 169 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-almostBlack {
    --tw-gradient-from: #010101 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(1 1 1 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-darkBlue {
    --tw-gradient-from: #2977DF var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(41 119 223 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gold-300 {
    --tw-gradient-from: rgb(var(--gold-300) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--gold-300) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gradStart {
    --tw-gradient-from: #3faffd var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(63 175 253 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-offWhite {
    --tw-gradient-from: #F5F5F9 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(245 245 249 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-planDark {
    --tw-gradient-from: #9d6027 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(157 96 39 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-problemDark {
    --tw-gradient-from: #ed3b33 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(237 59 51 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi {
    --tw-gradient-from: #7c00ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/0 {
    --tw-gradient-from: rgb(124 0 255 / 0) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/10 {
    --tw-gradient-from: rgb(124 0 255 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/100 {
    --tw-gradient-from: rgb(124 0 255 / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/15 {
    --tw-gradient-from: rgb(124 0 255 / 0.15) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/20 {
    --tw-gradient-from: rgb(124 0 255 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/25 {
    --tw-gradient-from: rgb(124 0 255 / 0.25) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/30 {
    --tw-gradient-from: rgb(124 0 255 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/35 {
    --tw-gradient-from: rgb(124 0 255 / 0.35) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/40 {
    --tw-gradient-from: rgb(124 0 255 / 0.4) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/45 {
    --tw-gradient-from: rgb(124 0 255 / 0.45) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/5 {
    --tw-gradient-from: rgb(124 0 255 / 0.05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/50 {
    --tw-gradient-from: rgb(124 0 255 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/55 {
    --tw-gradient-from: rgb(124 0 255 / 0.55) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/60 {
    --tw-gradient-from: rgb(124 0 255 / 0.6) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/65 {
    --tw-gradient-from: rgb(124 0 255 / 0.65) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/70 {
    --tw-gradient-from: rgb(124 0 255 / 0.7) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/75 {
    --tw-gradient-from: rgb(124 0 255 / 0.75) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/80 {
    --tw-gradient-from: rgb(124 0 255 / 0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/85 {
    --tw-gradient-from: rgb(124 0 255 / 0.85) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/90 {
    --tw-gradient-from: rgb(124 0 255 / 0.9) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sbAi\/95 {
    --tw-gradient-from: rgb(124 0 255 / 0.95) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-solutionDark {
    --tw-gradient-from: #61339a var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(97 51 154 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-stakesNegDark {
    --tw-gradient-from: #f3a13e var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(243 161 62 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-stakesPosDark {
    --tw-gradient-from: #2957fc var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(41 87 252 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-gradMid {
    --tw-gradient-to: rgb(37 157 252 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #259dfc var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #7c00ff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/0 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/10 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/100 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/15 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/20 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/25 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.25) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/30 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/35 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.35) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/40 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/45 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.45) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/5 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/50 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/55 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.55) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/60 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/65 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.65) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/70 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/75 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.75) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/80 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/85 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.85) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/90 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sbAi\/95 {
    --tw-gradient-to: rgb(124 0 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 0 255 / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-actionLight {
    --tw-gradient-to: #33d4ca var(--tw-gradient-to-position);
}
.to-darkerBlue {
    --tw-gradient-to: #1B68CF var(--tw-gradient-to-position);
}
.to-gold-700 {
    --tw-gradient-to: rgb(var(--gold-700) / 1) var(--tw-gradient-to-position);
}
.to-gradEnd {
    --tw-gradient-to: #6e56d7 var(--tw-gradient-to-position);
}
.to-planLight {
    --tw-gradient-to: #bf8a59 var(--tw-gradient-to-position);
}
.to-problemLight {
    --tw-gradient-to: #fc7136 var(--tw-gradient-to-position);
}
.to-sbAi {
    --tw-gradient-to: #7c00ff var(--tw-gradient-to-position);
}
.to-sbAi\/0 {
    --tw-gradient-to: rgb(124 0 255 / 0) var(--tw-gradient-to-position);
}
.to-sbAi\/10 {
    --tw-gradient-to: rgb(124 0 255 / 0.1) var(--tw-gradient-to-position);
}
.to-sbAi\/100 {
    --tw-gradient-to: rgb(124 0 255 / 1) var(--tw-gradient-to-position);
}
.to-sbAi\/15 {
    --tw-gradient-to: rgb(124 0 255 / 0.15) var(--tw-gradient-to-position);
}
.to-sbAi\/20 {
    --tw-gradient-to: rgb(124 0 255 / 0.2) var(--tw-gradient-to-position);
}
.to-sbAi\/25 {
    --tw-gradient-to: rgb(124 0 255 / 0.25) var(--tw-gradient-to-position);
}
.to-sbAi\/30 {
    --tw-gradient-to: rgb(124 0 255 / 0.3) var(--tw-gradient-to-position);
}
.to-sbAi\/35 {
    --tw-gradient-to: rgb(124 0 255 / 0.35) var(--tw-gradient-to-position);
}
.to-sbAi\/40 {
    --tw-gradient-to: rgb(124 0 255 / 0.4) var(--tw-gradient-to-position);
}
.to-sbAi\/45 {
    --tw-gradient-to: rgb(124 0 255 / 0.45) var(--tw-gradient-to-position);
}
.to-sbAi\/5 {
    --tw-gradient-to: rgb(124 0 255 / 0.05) var(--tw-gradient-to-position);
}
.to-sbAi\/50 {
    --tw-gradient-to: rgb(124 0 255 / 0.5) var(--tw-gradient-to-position);
}
.to-sbAi\/55 {
    --tw-gradient-to: rgb(124 0 255 / 0.55) var(--tw-gradient-to-position);
}
.to-sbAi\/60 {
    --tw-gradient-to: rgb(124 0 255 / 0.6) var(--tw-gradient-to-position);
}
.to-sbAi\/65 {
    --tw-gradient-to: rgb(124 0 255 / 0.65) var(--tw-gradient-to-position);
}
.to-sbAi\/70 {
    --tw-gradient-to: rgb(124 0 255 / 0.7) var(--tw-gradient-to-position);
}
.to-sbAi\/75 {
    --tw-gradient-to: rgb(124 0 255 / 0.75) var(--tw-gradient-to-position);
}
.to-sbAi\/80 {
    --tw-gradient-to: rgb(124 0 255 / 0.8) var(--tw-gradient-to-position);
}
.to-sbAi\/85 {
    --tw-gradient-to: rgb(124 0 255 / 0.85) var(--tw-gradient-to-position);
}
.to-sbAi\/90 {
    --tw-gradient-to: rgb(124 0 255 / 0.9) var(--tw-gradient-to-position);
}
.to-sbAi\/95 {
    --tw-gradient-to: rgb(124 0 255 / 0.95) var(--tw-gradient-to-position);
}
.to-solutionLight {
    --tw-gradient-to: #aa349e var(--tw-gradient-to-position);
}
.to-stakesNegLight {
    --tw-gradient-to: #f3bf3e var(--tw-gradient-to-position);
}
.to-stakesPosLight {
    --tw-gradient-to: #4a72ff var(--tw-gradient-to-position);
}
.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.bg-cover {
    background-size: cover;
}
.bg-center {
    background-position: center;
}
.bg-no-repeat {
    background-repeat: no-repeat;
}
.fill-current {
    fill: currentColor;
}
.fill-sbAi {
    fill: #7c00ff;
}
.fill-sbAi\/0 {
    fill: rgb(124 0 255 / 0);
}
.fill-sbAi\/10 {
    fill: rgb(124 0 255 / 0.1);
}
.fill-sbAi\/100 {
    fill: rgb(124 0 255 / 1);
}
.fill-sbAi\/15 {
    fill: rgb(124 0 255 / 0.15);
}
.fill-sbAi\/20 {
    fill: rgb(124 0 255 / 0.2);
}
.fill-sbAi\/25 {
    fill: rgb(124 0 255 / 0.25);
}
.fill-sbAi\/30 {
    fill: rgb(124 0 255 / 0.3);
}
.fill-sbAi\/35 {
    fill: rgb(124 0 255 / 0.35);
}
.fill-sbAi\/40 {
    fill: rgb(124 0 255 / 0.4);
}
.fill-sbAi\/45 {
    fill: rgb(124 0 255 / 0.45);
}
.fill-sbAi\/5 {
    fill: rgb(124 0 255 / 0.05);
}
.fill-sbAi\/50 {
    fill: rgb(124 0 255 / 0.5);
}
.fill-sbAi\/55 {
    fill: rgb(124 0 255 / 0.55);
}
.fill-sbAi\/60 {
    fill: rgb(124 0 255 / 0.6);
}
.fill-sbAi\/65 {
    fill: rgb(124 0 255 / 0.65);
}
.fill-sbAi\/70 {
    fill: rgb(124 0 255 / 0.7);
}
.fill-sbAi\/75 {
    fill: rgb(124 0 255 / 0.75);
}
.fill-sbAi\/80 {
    fill: rgb(124 0 255 / 0.8);
}
.fill-sbAi\/85 {
    fill: rgb(124 0 255 / 0.85);
}
.fill-sbAi\/90 {
    fill: rgb(124 0 255 / 0.9);
}
.fill-sbAi\/95 {
    fill: rgb(124 0 255 / 0.95);
}
.fill-transparent {
    fill: transparent;
}
.stroke-current {
    stroke: currentColor;
}
.stroke-sbAi {
    stroke: #7c00ff;
}
.stroke-sbAi\/0 {
    stroke: rgb(124 0 255 / 0);
}
.stroke-sbAi\/10 {
    stroke: rgb(124 0 255 / 0.1);
}
.stroke-sbAi\/100 {
    stroke: rgb(124 0 255 / 1);
}
.stroke-sbAi\/15 {
    stroke: rgb(124 0 255 / 0.15);
}
.stroke-sbAi\/20 {
    stroke: rgb(124 0 255 / 0.2);
}
.stroke-sbAi\/25 {
    stroke: rgb(124 0 255 / 0.25);
}
.stroke-sbAi\/30 {
    stroke: rgb(124 0 255 / 0.3);
}
.stroke-sbAi\/35 {
    stroke: rgb(124 0 255 / 0.35);
}
.stroke-sbAi\/40 {
    stroke: rgb(124 0 255 / 0.4);
}
.stroke-sbAi\/45 {
    stroke: rgb(124 0 255 / 0.45);
}
.stroke-sbAi\/5 {
    stroke: rgb(124 0 255 / 0.05);
}
.stroke-sbAi\/50 {
    stroke: rgb(124 0 255 / 0.5);
}
.stroke-sbAi\/55 {
    stroke: rgb(124 0 255 / 0.55);
}
.stroke-sbAi\/60 {
    stroke: rgb(124 0 255 / 0.6);
}
.stroke-sbAi\/65 {
    stroke: rgb(124 0 255 / 0.65);
}
.stroke-sbAi\/70 {
    stroke: rgb(124 0 255 / 0.7);
}
.stroke-sbAi\/75 {
    stroke: rgb(124 0 255 / 0.75);
}
.stroke-sbAi\/80 {
    stroke: rgb(124 0 255 / 0.8);
}
.stroke-sbAi\/85 {
    stroke: rgb(124 0 255 / 0.85);
}
.stroke-sbAi\/90 {
    stroke: rgb(124 0 255 / 0.9);
}
.stroke-sbAi\/95 {
    stroke: rgb(124 0 255 / 0.95);
}
.stroke-\[7\.7rem\] {
    stroke-width: 7.7rem;
}
.object-contain {
    object-fit: contain;
}
.object-cover {
    object-fit: cover;
}
.\!p-0 {
    padding: 0px !important;
}
.\!p-10 {
    padding: 2.5rem !important;
}
.\!p-12 {
    padding: 3rem !important;
}
.\!p-4 {
    padding: 1rem !important;
}
.\!p-6 {
    padding: 1.5rem !important;
}
.p-0 {
    padding: 0px;
}
.p-1 {
    padding: 0.25rem;
}
.p-10 {
    padding: 2.5rem;
}
.p-12 {
    padding: 3rem;
}
.p-16 {
    padding: 4rem;
}
.p-2 {
    padding: 0.5rem;
}
.p-20 {
    padding: 5rem;
}
.p-3 {
    padding: 0.75rem;
}
.p-4 {
    padding: 1rem;
}
.p-5 {
    padding: 1.25rem;
}
.p-6 {
    padding: 1.5rem;
}
.p-7 {
    padding: 1.75rem;
}
.p-8 {
    padding: 2rem;
}
.p-\[25px\] {
    padding: 25px;
}
.\!px-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}
.\!px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.\!px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}
.px-0 {
    padding-left: 0px;
    padding-right: 0px;
}
.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
}
.px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
}
.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.px-\[18\.5px\] {
    padding-left: 18.5px;
    padding-right: 18.5px;
}
.py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}
.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.py-\[8px\] {
    padding-top: 8px;
    padding-bottom: 8px;
}
.pb-0 {
    padding-bottom: 0px;
}
.pb-1 {
    padding-bottom: 0.25rem;
}
.pb-12 {
    padding-bottom: 3rem;
}
.pb-14 {
    padding-bottom: 3.5rem;
}
.pb-2 {
    padding-bottom: 0.5rem;
}
.pb-20 {
    padding-bottom: 5rem;
}
.pb-3 {
    padding-bottom: 0.75rem;
}
.pb-6 {
    padding-bottom: 1.5rem;
}
.pb-8 {
    padding-bottom: 2rem;
}
.pb-\[6px\] {
    padding-bottom: 6px;
}
.pl-0 {
    padding-left: 0px;
}
.pl-1 {
    padding-left: 0.25rem;
}
.pl-6 {
    padding-left: 1.5rem;
}
.pl-8 {
    padding-left: 2rem;
}
.pl-\[2rem\] {
    padding-left: 2rem;
}
.pr-0 {
    padding-right: 0px;
}
.pr-6 {
    padding-right: 1.5rem;
}
.pr-8 {
    padding-right: 2rem;
}
.pt-0 {
    padding-top: 0px;
}
.pt-16 {
    padding-top: 4rem;
}
.pt-2 {
    padding-top: 0.5rem;
}
.pt-20 {
    padding-top: 5rem;
}
.pt-24 {
    padding-top: 6rem;
}
.pt-4 {
    padding-top: 1rem;
}
.pt-6 {
    padding-top: 1.5rem;
}
.pt-7 {
    padding-top: 1.75rem;
}
.pt-8 {
    padding-top: 2rem;
}
.pt-80 {
    padding-top: 20rem;
}
.pt-\[100px\] {
    padding-top: 100px;
}
.pt-\[3px\] {
    padding-top: 3px;
}
.\!text-left {
    text-align: left !important;
}
.text-left {
    text-align: left;
}
.\!text-center {
    text-align: center !important;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.\!font-sans {
    font-family: Montserrat, sans-serif !important;
}
.font-\[\'Montserrat\'\] {
    font-family: 'Montserrat';
}
.font-sans {
    font-family: Montserrat, sans-serif;
}
.font-serif {
    font-family: Lyon Display, serif;
}
.\!text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
}
.\!text-6xl {
    font-size: 3.75rem !important;
    line-height: 1 !important;
}
.\!text-\[13px\] {
    font-size: 13px !important;
}
.\!text-\[30px\] {
    font-size: 30px !important;
}
.\!text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
}
.\!text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
}
.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}
.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.text-5xl {
    font-size: 3rem;
    line-height: 1;
}
.text-\[1\.1rem\] {
    font-size: 1.1rem;
}
.text-\[1\.2rem\] {
    font-size: 1.2rem;
}
.text-\[12rem\] {
    font-size: 12rem;
}
.text-\[13px\] {
    font-size: 13px;
}
.text-\[14px\] {
    font-size: 14px;
}
.text-\[1rem\] {
    font-size: 1rem;
}
.text-\[2\.875rem\] {
    font-size: 2.875rem;
}
.text-\[22px\] {
    font-size: 22px;
}
.text-\[24px\] {
    font-size: 24px;
}
.text-\[25px\] {
    font-size: 25px;
}
.text-\[3rem\] {
    font-size: 3rem;
}
.text-\[45px\] {
    font-size: 45px;
}
.text-\[8px\] {
    font-size: 8px;
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}
.\!font-bold {
    font-weight: 700 !important;
}
.\!font-normal {
    font-weight: 400 !important;
}
.font-bold {
    font-weight: 700;
}
.font-light {
    font-weight: 300;
}
.font-medium {
    font-weight: 500;
}
.font-normal {
    font-weight: 400;
}
.font-semibold {
    font-weight: 600;
}
.font-thin {
    font-weight: 100;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.capitalize {
    text-transform: capitalize;
}
.italic {
    font-style: italic;
}
.\!leading-\[0\.9\] {
    line-height: 0.9 !important;
}
.\!leading-\[1\.1\] {
    line-height: 1.1 !important;
}
.\!leading-none {
    line-height: 1 !important;
}
.leading-4 {
    line-height: 1rem;
}
.leading-6 {
    line-height: 1.5rem;
}
.leading-7 {
    line-height: 1.75rem;
}
.leading-8 {
    line-height: 2rem;
}
.leading-9 {
    line-height: 2.25rem;
}
.leading-\[1\.1\] {
    line-height: 1.1;
}
.leading-\[1\.2\] {
    line-height: 1.2;
}
.leading-\[1\.4\] {
    line-height: 1.4;
}
.leading-\[1\.5\] {
    line-height: 1.5;
}
.tracking-tight {
    letter-spacing: -0.025em;
}
.tracking-wide {
    letter-spacing: 0.025em;
}
.\!text-\[\#000\] {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
.\!text-black {
    --tw-text-opacity: 1 !important;
    color: rgb(18 40 70 / var(--tw-text-opacity, 1)) !important;
}
.\!text-darkModeBlack {
    --tw-text-opacity: 1 !important;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1)) !important;
}
.\!text-gold-300 {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1)) !important;
}
.\!text-red {
    --tw-text-opacity: 1 !important;
    color: rgb(251 47 95 / var(--tw-text-opacity, 1)) !important;
}
.\!text-theme {
    --tw-text-opacity: 1 !important;
    color: rgb(63 136 233 / var(--tw-text-opacity, 1)) !important;
}
.\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#000000\] {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-\[\#000\] {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-\[\#122846\] {
    --tw-text-opacity: 1;
    color: rgb(18 40 70 / var(--tw-text-opacity, 1));
}
.text-\[\#d3d3d3\] {
    --tw-text-opacity: 1;
    color: rgb(211 211 211 / var(--tw-text-opacity, 1));
}
.text-action {
    --tw-text-opacity: 1;
    color: rgb(52 213 170 / var(--tw-text-opacity, 1));
}
.text-almostBlack {
    --tw-text-opacity: 1;
    color: rgb(1 1 1 / var(--tw-text-opacity, 1));
}
.text-black {
    --tw-text-opacity: 1;
    color: rgb(18 40 70 / var(--tw-text-opacity, 1));
}
.text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(var(--blue-400) / var(--tw-text-opacity, 1));
}
.text-blue-900 {
    --tw-text-opacity: 1;
    color: rgb(var(--blue-900) / var(--tw-text-opacity, 1));
}
.text-darkBlue {
    --tw-text-opacity: 1;
    color: rgb(41 119 223 / var(--tw-text-opacity, 1));
}
.text-darkModeBlack {
    --tw-text-opacity: 1;
    color: rgb(22 21 20 / var(--tw-text-opacity, 1));
}
.text-darkestBlue {
    --tw-text-opacity: 1;
    color: rgb(7 25 48 / var(--tw-text-opacity, 1));
}
.text-gold-300 {
    --tw-text-opacity: 1;
    color: rgb(var(--gold-300) / var(--tw-text-opacity, 1));
}
.text-gold-700 {
    --tw-text-opacity: 1;
    color: rgb(var(--gold-700) / var(--tw-text-opacity, 1));
}
.text-golden {
    --tw-text-opacity: 1;
    color: rgb(239 219 38 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-grey {
    --tw-text-opacity: 1;
    color: rgb(168 168 183 / var(--tw-text-opacity, 1));
}
.text-lightGrey {
    --tw-text-opacity: 1;
    color: rgb(211 211 211 / var(--tw-text-opacity, 1));
}
.text-orange-400 {
    --tw-text-opacity: 1;
    color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}
.text-plan {
    --tw-text-opacity: 1;
    color: rgb(174 116 63 / var(--tw-text-opacity, 1));
}
.text-problem {
    --tw-text-opacity: 1;
    color: rgb(239 65 52 / var(--tw-text-opacity, 1));
}
.text-red {
    --tw-text-opacity: 1;
    color: rgb(251 47 95 / var(--tw-text-opacity, 1));
}
.text-sbAi {
    --tw-text-opacity: 1;
    color: rgb(124 0 255 / var(--tw-text-opacity, 1));
}
.text-sbAi\/0 {
    color: rgb(124 0 255 / 0);
}
.text-sbAi\/10 {
    color: rgb(124 0 255 / 0.1);
}
.text-sbAi\/100 {
    color: rgb(124 0 255 / 1);
}
.text-sbAi\/15 {
    color: rgb(124 0 255 / 0.15);
}
.text-sbAi\/20 {
    color: rgb(124 0 255 / 0.2);
}
.text-sbAi\/25 {
    color: rgb(124 0 255 / 0.25);
}
.text-sbAi\/30 {
    color: rgb(124 0 255 / 0.3);
}
.text-sbAi\/35 {
    color: rgb(124 0 255 / 0.35);
}
.text-sbAi\/40 {
    color: rgb(124 0 255 / 0.4);
}
.text-sbAi\/45 {
    color: rgb(124 0 255 / 0.45);
}
.text-sbAi\/5 {
    color: rgb(124 0 255 / 0.05);
}
.text-sbAi\/50 {
    color: rgb(124 0 255 / 0.5);
}
.text-sbAi\/55 {
    color: rgb(124 0 255 / 0.55);
}
.text-sbAi\/60 {
    color: rgb(124 0 255 / 0.6);
}
.text-sbAi\/65 {
    color: rgb(124 0 255 / 0.65);
}
.text-sbAi\/70 {
    color: rgb(124 0 255 / 0.7);
}
.text-sbAi\/75 {
    color: rgb(124 0 255 / 0.75);
}
.text-sbAi\/80 {
    color: rgb(124 0 255 / 0.8);
}
.text-sbAi\/85 {
    color: rgb(124 0 255 / 0.85);
}
.text-sbAi\/90 {
    color: rgb(124 0 255 / 0.9);
}
.text-sbAi\/95 {
    color: rgb(124 0 255 / 0.95);
}
.text-solution {
    --tw-text-opacity: 1;
    color: rgb(99 52 155 / var(--tw-text-opacity, 1));
}
.text-stakesNeg {
    --tw-text-opacity: 1;
    color: rgb(244 162 63 / var(--tw-text-opacity, 1));
}
.text-stakesPos {
    --tw-text-opacity: 1;
    color: rgb(43 90 252 / var(--tw-text-opacity, 1));
}
.text-theme {
    --tw-text-opacity: 1;
    color: rgb(63 136 233 / var(--tw-text-opacity, 1));
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
    text-decoration-line: underline;
}
.line-through {
    text-decoration-line: line-through;
}
.no-underline {
    text-decoration-line: none;
}
.decoration-sbAi {
    text-decoration-color: #7c00ff;
}
.decoration-sbAi\/0 {
    text-decoration-color: rgb(124 0 255 / 0);
}
.decoration-sbAi\/10 {
    text-decoration-color: rgb(124 0 255 / 0.1);
}
.decoration-sbAi\/100 {
    text-decoration-color: rgb(124 0 255 / 1);
}
.decoration-sbAi\/15 {
    text-decoration-color: rgb(124 0 255 / 0.15);
}
.decoration-sbAi\/20 {
    text-decoration-color: rgb(124 0 255 / 0.2);
}
.decoration-sbAi\/25 {
    text-decoration-color: rgb(124 0 255 / 0.25);
}
.decoration-sbAi\/30 {
    text-decoration-color: rgb(124 0 255 / 0.3);
}
.decoration-sbAi\/35 {
    text-decoration-color: rgb(124 0 255 / 0.35);
}
.decoration-sbAi\/40 {
    text-decoration-color: rgb(124 0 255 / 0.4);
}
.decoration-sbAi\/45 {
    text-decoration-color: rgb(124 0 255 / 0.45);
}
.decoration-sbAi\/5 {
    text-decoration-color: rgb(124 0 255 / 0.05);
}
.decoration-sbAi\/50 {
    text-decoration-color: rgb(124 0 255 / 0.5);
}
.decoration-sbAi\/55 {
    text-decoration-color: rgb(124 0 255 / 0.55);
}
.decoration-sbAi\/60 {
    text-decoration-color: rgb(124 0 255 / 0.6);
}
.decoration-sbAi\/65 {
    text-decoration-color: rgb(124 0 255 / 0.65);
}
.decoration-sbAi\/70 {
    text-decoration-color: rgb(124 0 255 / 0.7);
}
.decoration-sbAi\/75 {
    text-decoration-color: rgb(124 0 255 / 0.75);
}
.decoration-sbAi\/80 {
    text-decoration-color: rgb(124 0 255 / 0.8);
}
.decoration-sbAi\/85 {
    text-decoration-color: rgb(124 0 255 / 0.85);
}
.decoration-sbAi\/90 {
    text-decoration-color: rgb(124 0 255 / 0.9);
}
.decoration-sbAi\/95 {
    text-decoration-color: rgb(124 0 255 / 0.95);
}
.placeholder-sbAi::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(124 0 255 / var(--tw-placeholder-opacity, 1));
}
.placeholder-sbAi\/0::placeholder {
    color: rgb(124 0 255 / 0);
}
.placeholder-sbAi\/10::placeholder {
    color: rgb(124 0 255 / 0.1);
}
.placeholder-sbAi\/100::placeholder {
    color: rgb(124 0 255 / 1);
}
.placeholder-sbAi\/15::placeholder {
    color: rgb(124 0 255 / 0.15);
}
.placeholder-sbAi\/20::placeholder {
    color: rgb(124 0 255 / 0.2);
}
.placeholder-sbAi\/25::placeholder {
    color: rgb(124 0 255 / 0.25);
}
.placeholder-sbAi\/30::placeholder {
    color: rgb(124 0 255 / 0.3);
}
.placeholder-sbAi\/35::placeholder {
    color: rgb(124 0 255 / 0.35);
}
.placeholder-sbAi\/40::placeholder {
    color: rgb(124 0 255 / 0.4);
}
.placeholder-sbAi\/45::placeholder {
    color: rgb(124 0 255 / 0.45);
}
.placeholder-sbAi\/5::placeholder {
    color: rgb(124 0 255 / 0.05);
}
.placeholder-sbAi\/50::placeholder {
    color: rgb(124 0 255 / 0.5);
}
.placeholder-sbAi\/55::placeholder {
    color: rgb(124 0 255 / 0.55);
}
.placeholder-sbAi\/60::placeholder {
    color: rgb(124 0 255 / 0.6);
}
.placeholder-sbAi\/65::placeholder {
    color: rgb(124 0 255 / 0.65);
}
.placeholder-sbAi\/70::placeholder {
    color: rgb(124 0 255 / 0.7);
}
.placeholder-sbAi\/75::placeholder {
    color: rgb(124 0 255 / 0.75);
}
.placeholder-sbAi\/80::placeholder {
    color: rgb(124 0 255 / 0.8);
}
.placeholder-sbAi\/85::placeholder {
    color: rgb(124 0 255 / 0.85);
}
.placeholder-sbAi\/90::placeholder {
    color: rgb(124 0 255 / 0.9);
}
.placeholder-sbAi\/95::placeholder {
    color: rgb(124 0 255 / 0.95);
}
.caret-sbAi {
    caret-color: #7c00ff;
}
.caret-sbAi\/0 {
    caret-color: rgb(124 0 255 / 0);
}
.caret-sbAi\/10 {
    caret-color: rgb(124 0 255 / 0.1);
}
.caret-sbAi\/100 {
    caret-color: rgb(124 0 255 / 1);
}
.caret-sbAi\/15 {
    caret-color: rgb(124 0 255 / 0.15);
}
.caret-sbAi\/20 {
    caret-color: rgb(124 0 255 / 0.2);
}
.caret-sbAi\/25 {
    caret-color: rgb(124 0 255 / 0.25);
}
.caret-sbAi\/30 {
    caret-color: rgb(124 0 255 / 0.3);
}
.caret-sbAi\/35 {
    caret-color: rgb(124 0 255 / 0.35);
}
.caret-sbAi\/40 {
    caret-color: rgb(124 0 255 / 0.4);
}
.caret-sbAi\/45 {
    caret-color: rgb(124 0 255 / 0.45);
}
.caret-sbAi\/5 {
    caret-color: rgb(124 0 255 / 0.05);
}
.caret-sbAi\/50 {
    caret-color: rgb(124 0 255 / 0.5);
}
.caret-sbAi\/55 {
    caret-color: rgb(124 0 255 / 0.55);
}
.caret-sbAi\/60 {
    caret-color: rgb(124 0 255 / 0.6);
}
.caret-sbAi\/65 {
    caret-color: rgb(124 0 255 / 0.65);
}
.caret-sbAi\/70 {
    caret-color: rgb(124 0 255 / 0.7);
}
.caret-sbAi\/75 {
    caret-color: rgb(124 0 255 / 0.75);
}
.caret-sbAi\/80 {
    caret-color: rgb(124 0 255 / 0.8);
}
.caret-sbAi\/85 {
    caret-color: rgb(124 0 255 / 0.85);
}
.caret-sbAi\/90 {
    caret-color: rgb(124 0 255 / 0.9);
}
.caret-sbAi\/95 {
    caret-color: rgb(124 0 255 / 0.95);
}
.accent-sbAi {
    accent-color: #7c00ff;
}
.accent-sbAi\/0 {
    accent-color: rgb(124 0 255 / 0);
}
.accent-sbAi\/10 {
    accent-color: rgb(124 0 255 / 0.1);
}
.accent-sbAi\/100 {
    accent-color: rgb(124 0 255 / 1);
}
.accent-sbAi\/15 {
    accent-color: rgb(124 0 255 / 0.15);
}
.accent-sbAi\/20 {
    accent-color: rgb(124 0 255 / 0.2);
}
.accent-sbAi\/25 {
    accent-color: rgb(124 0 255 / 0.25);
}
.accent-sbAi\/30 {
    accent-color: rgb(124 0 255 / 0.3);
}
.accent-sbAi\/35 {
    accent-color: rgb(124 0 255 / 0.35);
}
.accent-sbAi\/40 {
    accent-color: rgb(124 0 255 / 0.4);
}
.accent-sbAi\/45 {
    accent-color: rgb(124 0 255 / 0.45);
}
.accent-sbAi\/5 {
    accent-color: rgb(124 0 255 / 0.05);
}
.accent-sbAi\/50 {
    accent-color: rgb(124 0 255 / 0.5);
}
.accent-sbAi\/55 {
    accent-color: rgb(124 0 255 / 0.55);
}
.accent-sbAi\/60 {
    accent-color: rgb(124 0 255 / 0.6);
}
.accent-sbAi\/65 {
    accent-color: rgb(124 0 255 / 0.65);
}
.accent-sbAi\/70 {
    accent-color: rgb(124 0 255 / 0.7);
}
.accent-sbAi\/75 {
    accent-color: rgb(124 0 255 / 0.75);
}
.accent-sbAi\/80 {
    accent-color: rgb(124 0 255 / 0.8);
}
.accent-sbAi\/85 {
    accent-color: rgb(124 0 255 / 0.85);
}
.accent-sbAi\/90 {
    accent-color: rgb(124 0 255 / 0.9);
}
.accent-sbAi\/95 {
    accent-color: rgb(124 0 255 / 0.95);
}
.opacity-0 {
    opacity: 0;
}
.opacity-100 {
    opacity: 1;
}
.opacity-20 {
    opacity: 0.2;
}
.opacity-25 {
    opacity: 0.25;
}
.opacity-40 {
    opacity: 0.4;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-60 {
    opacity: 0.6;
}
.opacity-70 {
    opacity: 0.7;
}
.opacity-80 {
    opacity: 0.8;
}
.opacity-95 {
    opacity: 0.95;
}
.shadow-1 {
    --tw-shadow: 0 1rem 4rem var(--shadow-1);
    --tw-shadow-colored: 0 1rem 4rem var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2 {
    --tw-shadow: 0 1rem 2rem var(--shadow-2);
    --tw-shadow-colored: 0 1rem 2rem var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-3 {
    --tw-shadow: 0 0 1rem var(--shadow-2);
    --tw-shadow-colored: 0 0 1rem var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-4 {
    --tw-shadow: 0 3px 1rem var(--shadow-2), 0 -3px 1rem var(--shadow-2);
    --tw-shadow-colored: 0 3px 1rem var(--tw-shadow-color), 0 -3px 1rem var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-card {
    --tw-shadow: 0px 2px 12px rgba(57, 70, 136, 0.15);
    --tw-shadow-colored: 0px 2px 12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sbAi {
    --tw-shadow-color: #7c00ff;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/0 {
    --tw-shadow-color: rgb(124 0 255 / 0);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/10 {
    --tw-shadow-color: rgb(124 0 255 / 0.1);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/100 {
    --tw-shadow-color: rgb(124 0 255 / 1);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/15 {
    --tw-shadow-color: rgb(124 0 255 / 0.15);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/20 {
    --tw-shadow-color: rgb(124 0 255 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/25 {
    --tw-shadow-color: rgb(124 0 255 / 0.25);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/30 {
    --tw-shadow-color: rgb(124 0 255 / 0.3);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/35 {
    --tw-shadow-color: rgb(124 0 255 / 0.35);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/40 {
    --tw-shadow-color: rgb(124 0 255 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/45 {
    --tw-shadow-color: rgb(124 0 255 / 0.45);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/5 {
    --tw-shadow-color: rgb(124 0 255 / 0.05);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/50 {
    --tw-shadow-color: rgb(124 0 255 / 0.5);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/55 {
    --tw-shadow-color: rgb(124 0 255 / 0.55);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/60 {
    --tw-shadow-color: rgb(124 0 255 / 0.6);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/65 {
    --tw-shadow-color: rgb(124 0 255 / 0.65);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/70 {
    --tw-shadow-color: rgb(124 0 255 / 0.7);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/75 {
    --tw-shadow-color: rgb(124 0 255 / 0.75);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/80 {
    --tw-shadow-color: rgb(124 0 255 / 0.8);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/85 {
    --tw-shadow-color: rgb(124 0 255 / 0.85);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/90 {
    --tw-shadow-color: rgb(124 0 255 / 0.9);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sbAi\/95 {
    --tw-shadow-color: rgb(124 0 255 / 0.95);
    --tw-shadow: var(--tw-shadow-colored);
}
.outline-sbAi {
    outline-color: #7c00ff;
}
.outline-sbAi\/0 {
    outline-color: rgb(124 0 255 / 0);
}
.outline-sbAi\/10 {
    outline-color: rgb(124 0 255 / 0.1);
}
.outline-sbAi\/100 {
    outline-color: rgb(124 0 255 / 1);
}
.outline-sbAi\/15 {
    outline-color: rgb(124 0 255 / 0.15);
}
.outline-sbAi\/20 {
    outline-color: rgb(124 0 255 / 0.2);
}
.outline-sbAi\/25 {
    outline-color: rgb(124 0 255 / 0.25);
}
.outline-sbAi\/30 {
    outline-color: rgb(124 0 255 / 0.3);
}
.outline-sbAi\/35 {
    outline-color: rgb(124 0 255 / 0.35);
}
.outline-sbAi\/40 {
    outline-color: rgb(124 0 255 / 0.4);
}
.outline-sbAi\/45 {
    outline-color: rgb(124 0 255 / 0.45);
}
.outline-sbAi\/5 {
    outline-color: rgb(124 0 255 / 0.05);
}
.outline-sbAi\/50 {
    outline-color: rgb(124 0 255 / 0.5);
}
.outline-sbAi\/55 {
    outline-color: rgb(124 0 255 / 0.55);
}
.outline-sbAi\/60 {
    outline-color: rgb(124 0 255 / 0.6);
}
.outline-sbAi\/65 {
    outline-color: rgb(124 0 255 / 0.65);
}
.outline-sbAi\/70 {
    outline-color: rgb(124 0 255 / 0.7);
}
.outline-sbAi\/75 {
    outline-color: rgb(124 0 255 / 0.75);
}
.outline-sbAi\/80 {
    outline-color: rgb(124 0 255 / 0.8);
}
.outline-sbAi\/85 {
    outline-color: rgb(124 0 255 / 0.85);
}
.outline-sbAi\/90 {
    outline-color: rgb(124 0 255 / 0.9);
}
.outline-sbAi\/95 {
    outline-color: rgb(124 0 255 / 0.95);
}
.ring-sbAi {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(124 0 255 / var(--tw-ring-opacity, 1));
}
.ring-sbAi\/0 {
    --tw-ring-color: rgb(124 0 255 / 0);
}
.ring-sbAi\/10 {
    --tw-ring-color: rgb(124 0 255 / 0.1);
}
.ring-sbAi\/100 {
    --tw-ring-color: rgb(124 0 255 / 1);
}
.ring-sbAi\/15 {
    --tw-ring-color: rgb(124 0 255 / 0.15);
}
.ring-sbAi\/20 {
    --tw-ring-color: rgb(124 0 255 / 0.2);
}
.ring-sbAi\/25 {
    --tw-ring-color: rgb(124 0 255 / 0.25);
}
.ring-sbAi\/30 {
    --tw-ring-color: rgb(124 0 255 / 0.3);
}
.ring-sbAi\/35 {
    --tw-ring-color: rgb(124 0 255 / 0.35);
}
.ring-sbAi\/40 {
    --tw-ring-color: rgb(124 0 255 / 0.4);
}
.ring-sbAi\/45 {
    --tw-ring-color: rgb(124 0 255 / 0.45);
}
.ring-sbAi\/5 {
    --tw-ring-color: rgb(124 0 255 / 0.05);
}
.ring-sbAi\/50 {
    --tw-ring-color: rgb(124 0 255 / 0.5);
}
.ring-sbAi\/55 {
    --tw-ring-color: rgb(124 0 255 / 0.55);
}
.ring-sbAi\/60 {
    --tw-ring-color: rgb(124 0 255 / 0.6);
}
.ring-sbAi\/65 {
    --tw-ring-color: rgb(124 0 255 / 0.65);
}
.ring-sbAi\/70 {
    --tw-ring-color: rgb(124 0 255 / 0.7);
}
.ring-sbAi\/75 {
    --tw-ring-color: rgb(124 0 255 / 0.75);
}
.ring-sbAi\/80 {
    --tw-ring-color: rgb(124 0 255 / 0.8);
}
.ring-sbAi\/85 {
    --tw-ring-color: rgb(124 0 255 / 0.85);
}
.ring-sbAi\/90 {
    --tw-ring-color: rgb(124 0 255 / 0.9);
}
.ring-sbAi\/95 {
    --tw-ring-color: rgb(124 0 255 / 0.95);
}
.ring-offset-sbAi {
    --tw-ring-offset-color: #7c00ff;
}
.ring-offset-sbAi\/0 {
    --tw-ring-offset-color: rgb(124 0 255 / 0);
}
.ring-offset-sbAi\/10 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.1);
}
.ring-offset-sbAi\/100 {
    --tw-ring-offset-color: rgb(124 0 255 / 1);
}
.ring-offset-sbAi\/15 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.15);
}
.ring-offset-sbAi\/20 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.2);
}
.ring-offset-sbAi\/25 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.25);
}
.ring-offset-sbAi\/30 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.3);
}
.ring-offset-sbAi\/35 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.35);
}
.ring-offset-sbAi\/40 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.4);
}
.ring-offset-sbAi\/45 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.45);
}
.ring-offset-sbAi\/5 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.05);
}
.ring-offset-sbAi\/50 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.5);
}
.ring-offset-sbAi\/55 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.55);
}
.ring-offset-sbAi\/60 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.6);
}
.ring-offset-sbAi\/65 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.65);
}
.ring-offset-sbAi\/70 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.7);
}
.ring-offset-sbAi\/75 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.75);
}
.ring-offset-sbAi\/80 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.8);
}
.ring-offset-sbAi\/85 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.85);
}
.ring-offset-sbAi\/90 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.9);
}
.ring-offset-sbAi\/95 {
    --tw-ring-offset-color: rgb(124 0 255 / 0.95);
}
.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.duration-200 {
    transition-duration: 200ms;
}
.duration-300 {
    transition-duration: 300ms;
}
:root {
  --blue-400: 41 119 223;
  --blue-500: 32 90 165;
  --blue-700: 73 101 137;
  --blue-900: 45 51 83;
  --purple: 111 87 206;
  --gold-300: 227 193 132;
  --gold-400: 204 172 115;
  --gold-600: 156 132 46;
  --gold-700: 133 107 41;
  --alert: 252 83 122;
  --light: 250 250 254;
  --dark: 20 19 18;
  --background: 243 245 247;
  --pinned: 228 237 255;
  --trending: 249 238 234;
  --shadow-1: rgb(45 51 82 / 0.15);
  --shadow-2: rgb(45 51 82 / 0.05);
}
html[data-scroll='none'] {
    overflow: hidden;
}
div[id^='__lpform_'] {
  display: none;
}
.Eco-Nav {
    min-height: 100vh;
}
.Bms-Upgrade-Modal__header {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.Bms-Upgrade-Modal__list--header {
    margin-top: 1.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
}
.Bms-Upgrade-Modal__list {
    width: 100%;
}
@media (min-width: 768px) {
    .Bms-Upgrade-Modal__list {
        width: 50%;
    }
}
.Bms-Upgrade-Modal__list-item {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400;
}
.Bms-Upgrade-Modal__list-item img {
    margin-right: 1.25rem;
}
.Bms-Upgrade-Modal__actions {
    margin-bottom: 0.5rem;
}
.Bms-Upgrade-Modal__actions button {
    margin-bottom: 1rem;
    margin-top: 2rem;
    width: auto;
    border-radius: 26px;
    --tw-bg-opacity: 1;
    background-color: rgb(63 136 233 / var(--tw-bg-opacity, 1));
    padding: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.Bms-Upgrade-Modal__actions button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(27 104 207 / var(--tw-bg-opacity, 1));
}
.Bms-Upgrade-Modal__actions a {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(63 136 233 / var(--tw-text-opacity, 1));
    text-decoration-line: underline;
}
.Bms-Upgrade-Modal__actions a:hover {
    cursor: pointer;
}
.Bms-Upgrade-Modal__close {
    position: absolute;
    top: 2.5rem;
    right: 2.5rem;
    width: auto;
}
.Bms-Nav-Cta {
    z-index: 50;
    margin-top: auto;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(7 25 48 / var(--tw-bg-opacity, 1));
    padding: 2rem;
    text-align: center;
}
.Bms-Nav-Cta h4 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
}
.Bms-Nav-Cta p {
    display: none;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.Bms-Nav-Cta button {
    margin-bottom: 1rem;
    margin-top: 1rem;
    width: 100%;
    border-radius: 26px;
    --tw-bg-opacity: 1;
    background-color: rgb(63 136 233 / var(--tw-bg-opacity, 1));
    padding: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.Bms-Nav-Cta button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(27 104 207 / var(--tw-bg-opacity, 1));
}
.Bms-Nav-Cta a {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(63 136 233 / var(--tw-text-opacity, 1));
    text-decoration-line: underline;
}
.Bms-Nav-Cta a:hover {
    cursor: pointer;
}
.Bms-SalesScript-Preview strong {
    font-weight: 700;
}
.Bms-SalesScript-Preview ol,
  .Bms-SalesScript-Preview ul {
    padding-left: 1.5rem;
}
.Bms-SalesScript-Preview ol li {
    list-style-type: decimal;
}
.Bms-SalesScript-Preview ul li {
    list-style-type: disc;
}
.animate-up {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.animate-up:hover {
    --tw-translate-y: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.success-transition {
  opacity: 1;
  animation: fadeInOut 2s;
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.tox,
[class^='tox'] {
  border-style: none !important;
  background-image: none !important;
}
.tox svg {
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tox-editor-header {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
  color: rgb(156 163 175);
  font-style: italic;
}
.FadeInUp-enter {
    top: 3rem;
    opacity: 0.75;
}
.FadeInUp-enter-active {
    top: 0px;
    opacity: 1;
    transition-duration: 1000ms;
}
.FadeInUp-enter-done {
    top: 0px;
    opacity: 1;
    transition-duration: 1000ms;
}
.FadeIn-enter {
    opacity: 0.75;
}
.FadeIn-enter-active {
    opacity: 1;
    transition-duration: 1000ms;
}
.FadeIn-enter-done {
    opacity: 1;
    transition-duration: 1000ms;
}
.MoveUp-enter {
    top: 2.5rem;
}
.MoveUp-enter-active {
    top: 0px;
    transition-duration: 500ms;
}
.MoveUp-enter-done {
    top: 0px;
    transition-duration: 500ms;
}
.hs-dependent-field {
    display: grid;
    gap: 1.5rem;
}
.placeholder\:text-\[13px\]::placeholder {
    font-size: 13px;
}
.placeholder\:italic::placeholder {
    font-style: italic;
}
.placeholder\:text-slate-500::placeholder {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.before\:-z-10::before {
    content: var(--tw-content);
    z-index: -10;
}
.first\:mb-6:first-child {
    margin-bottom: 1.5rem;
}
.hover\:cursor-default:hover {
    cursor: default;
}
.hover\:cursor-pointer:hover {
    cursor: pointer;
}
.hover\:bg-\[\#1363CD\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(19 99 205 / var(--tw-bg-opacity, 1));
}
.hover\:bg-darkBlue:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(41 119 223 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-lightGrey:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(211 211 211 / var(--tw-bg-opacity, 1));
}
.hover\:bg-offWhite:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-oldBlack:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(44 50 84 / var(--tw-bg-opacity, 1));
}
.hover\:bg-theme:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(63 136 233 / var(--tw-bg-opacity, 1));
}
.hover\:bg-themeHover:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(27 104 207 / var(--tw-bg-opacity, 1));
}
.hover\:bg-opacity-10:hover {
    --tw-bg-opacity: 0.1;
}
.hover\:bg-opacity-50:hover {
    --tw-bg-opacity: 0.5;
}
.hover\:text-blue-400:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--blue-400) / var(--tw-text-opacity, 1));
}
.hover\:text-red:hover {
    --tw-text-opacity: 1;
    color: rgb(251 47 95 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:\!no-underline:hover {
    text-decoration-line: none !important;
}
.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
}
.disabled\:bg-opacity-40:disabled {
    --tw-bg-opacity: 0.4;
}
.disabled\:text-grey:disabled {
    --tw-text-opacity: 1;
    color: rgb(168 168 183 / var(--tw-text-opacity, 1));
}
.disabled\:opacity-70:disabled {
    opacity: 0.7;
}
@media (min-width: 450px) {
    .xxs\:bg-transparent {
        background-color: transparent;
    }
}
@media (min-width: 550px) {
    .xs\:-mt-2 {
        margin-top: -0.5rem;
    }
    .xs\:inline-block {
        display: inline-block;
    }
    .xs\:hidden {
        display: none;
    }
    .xs\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .xs\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .xs\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .xs\:pt-10 {
        padding-top: 2.5rem;
    }
}
@media (min-width: 640px) {
    .sm\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .sm\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .sm\:\!mb-16 {
        margin-bottom: 4rem !important;
    }
    .sm\:mb-0 {
        margin-bottom: 0px;
    }
    .sm\:mb-8 {
        margin-bottom: 2rem;
    }
    .sm\:mr-3 {
        margin-right: 0.75rem;
    }
    .sm\:mr-4 {
        margin-right: 1rem;
    }
    .sm\:block {
        display: block;
    }
    .sm\:inline-block {
        display: inline-block;
    }
    .sm\:hidden {
        display: none;
    }
    .sm\:w-\[45\%\] {
        width: 45%;
    }
    .sm\:w-\[45rem\] {
        width: 45rem;
    }
    .sm\:w-\[55\%\] {
        width: 55%;
    }
    .sm\:w-\[550px\] {
        width: 550px;
    }
    .sm\:w-\[77\%\] {
        width: 77%;
    }
    .sm\:columns-2 {
        columns: 2;
    }
    .sm\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .sm\:flex-row {
        flex-direction: row;
    }
    .sm\:place-items-center {
        place-items: center;
    }
    .sm\:gap-2 {
        gap: 0.5rem;
    }
    .sm\:gap-8 {
        gap: 2rem;
    }
    .sm\:\!p-6 {
        padding: 1.5rem !important;
    }
    .sm\:p-2 {
        padding: 0.5rem;
    }
    .sm\:\!px-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
    .sm\:\!px-20 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
    .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .sm\:\!text-3xl {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important;
    }
    .sm\:\!text-\[50px\] {
        font-size: 50px !important;
    }
    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .sm\:text-\[34px\] {
        font-size: 34px;
    }
}
@media (min-width: 768px) {
    .md\:m-0 {
        margin: 0px;
    }
    .md\:my-2 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .md\:-mt-12 {
        margin-top: -3rem;
    }
    .md\:mb-2 {
        margin-bottom: 0.5rem;
    }
    .md\:ml-10 {
        margin-left: 2.5rem;
    }
    .md\:mt-0 {
        margin-top: 0px;
    }
    .md\:mt-12 {
        margin-top: 3rem;
    }
    .md\:block {
        display: block;
    }
    .md\:inline {
        display: inline;
    }
    .md\:hidden {
        display: none;
    }
    .md\:h-\[310px\] {
        height: 310px;
    }
    .md\:h-full {
        height: 100%;
    }
    .md\:w-1\/2 {
        width: 50%;
    }
    .md\:w-11\/12 {
        width: 91.666667%;
    }
    .md\:w-3\/4 {
        width: 75%;
    }
    .md\:w-9\/12 {
        width: 75%;
    }
    .md\:w-auto {
        width: auto;
    }
    .md\:max-w-\[120px\] {
        max-width: 120px;
    }
    .md\:max-w-full {
        max-width: 100%;
    }
    .md\:flex-1 {
        flex: 1 1 0%;
    }
    .md\:flex-\[3\] {
        flex: 3;
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:flex-row {
        flex-direction: row;
    }
    .md\:flex-col {
        flex-direction: column;
    }
    .md\:items-start {
        align-items: flex-start;
    }
    .md\:justify-between {
        justify-content: space-between;
    }
    .md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .md\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(2rem * var(--tw-space-x-reverse));
        margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }
    .md\:rounded-none {
        border-radius: 0px;
    }
    .md\:rounded-l-3xl {
        border-top-left-radius: 1.5rem;
        border-bottom-left-radius: 1.5rem;
    }
    .md\:rounded-l-none {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .md\:rounded-r-3xl {
        border-top-right-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
    }
    .md\:rounded-r-none {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .md\:rounded-tr-none {
        border-top-right-radius: 0px;
    }
    .md\:border-l-2 {
        border-left-width: 2px;
    }
    .md\:border-r-\[6px\] {
        border-right-width: 6px;
    }
    .md\:p-0 {
        padding: 0px;
    }
    .md\:px-32 {
        padding-left: 8rem;
        padding-right: 8rem;
    }
    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .md\:py-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .md\:pt-0 {
        padding-top: 0px;
    }
    .md\:text-center {
        text-align: center;
    }
    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .md\:text-7xl {
        font-size: 4.5rem;
        line-height: 1;
    }
    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}
@media (min-width: 1024px) {
    .lg\:sticky {
        position: sticky;
    }
    .lg\:bottom-auto {
        bottom: auto;
    }
    .lg\:right-10 {
        right: 2.5rem;
    }
    .lg\:top-10 {
        top: 2.5rem;
    }
    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .lg\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .lg\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .lg\:row-span-2 {
        grid-row: span 2 / span 2;
    }
    .lg\:row-span-3 {
        grid-row: span 3 / span 3;
    }
    .lg\:my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }
    .lg\:my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .lg\:mb-0 {
        margin-bottom: 0px;
    }
    .lg\:mb-2 {
        margin-bottom: 0.5rem;
    }
    .lg\:ml-8 {
        margin-left: 2rem;
    }
    .lg\:mr-0 {
        margin-right: 0px;
    }
    .lg\:mt-10 {
        margin-top: 2.5rem;
    }
    .lg\:mt-20 {
        margin-top: 5rem;
    }
    .lg\:mt-6 {
        margin-top: 1.5rem;
    }
    .lg\:block {
        display: block;
    }
    .lg\:flex {
        display: flex;
    }
    .lg\:hidden {
        display: none;
    }
    .lg\:h-full {
        height: 100%;
    }
    .lg\:max-h-\[700px\] {
        max-height: 700px;
    }
    .lg\:w-10\/12 {
        width: 83.333333%;
    }
    .lg\:w-2\/12 {
        width: 16.666667%;
    }
    .lg\:w-3\/5 {
        width: 60%;
    }
    .lg\:w-4\/12 {
        width: 33.333333%;
    }
    .lg\:w-6\/12 {
        width: 50%;
    }
    .lg\:w-7\/12 {
        width: 58.333333%;
    }
    .lg\:w-8\/12 {
        width: 66.666667%;
    }
    .lg\:w-\[295px\] {
        width: 295px;
    }
    .lg\:max-w-\[200px\] {
        max-width: 200px;
    }
    .lg\:max-w-\[300px\] {
        max-width: 300px;
    }
    .lg\:max-w-\[85\%\] {
        max-width: 85%;
    }
    .lg\:translate-x-0 {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .lg\:translate-y-0 {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .lg\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .lg\:grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr));
    }
    .lg\:flex-row {
        flex-direction: row;
    }
    .lg\:flex-col {
        flex-direction: column;
    }
    .lg\:items-start {
        align-items: flex-start;
    }
    .lg\:items-center {
        align-items: center;
    }
    .lg\:justify-start {
        justify-content: flex-start;
    }
    .lg\:rounded-l-3xl {
        border-top-left-radius: 1.5rem;
        border-bottom-left-radius: 1.5rem;
    }
    .lg\:rounded-r-3xl {
        border-top-right-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
    }
    .lg\:rounded-bl-none {
        border-bottom-left-radius: 0px;
    }
    .lg\:rounded-tr-none {
        border-top-right-radius: 0px;
    }
    .lg\:bg-transparent {
        background-color: transparent;
    }
    .lg\:p-28 {
        padding: 7rem;
    }
    .lg\:p-\[6rem\] {
        padding: 6rem;
    }
    .lg\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem;
    }
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .lg\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .lg\:pt-0 {
        padding-top: 0px;
    }
    .lg\:text-left {
        text-align: left;
    }
    .lg\:text-center {
        text-align: center;
    }
    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .lg\:font-bold {
        font-weight: 700;
    }
}
@media (min-width: 1280px) {
    .xl\:order-last {
        order: 9999;
    }
    .xl\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    .xl\:mb-0 {
        margin-bottom: 0px;
    }
    .xl\:ml-0 {
        margin-left: 0px;
    }
    .xl\:mr-0 {
        margin-right: 0px;
    }
    .xl\:mr-12 {
        margin-right: 3rem;
    }
    .xl\:mr-6 {
        margin-right: 1.5rem;
    }
    .xl\:mt-0 {
        margin-top: 0px;
    }
    .xl\:mt-6 {
        margin-top: 1.5rem;
    }
    .xl\:block {
        display: block;
    }
    .xl\:inline {
        display: inline;
    }
    .xl\:flex {
        display: flex;
    }
    .xl\:h-96 {
        height: 24rem;
    }
    .xl\:h-\[350px\] {
        height: 350px;
    }
    .xl\:min-h-\[38rem\] {
        min-height: 38rem;
    }
    .xl\:min-h-full {
        min-height: 100%;
    }
    .xl\:w-5\/12 {
        width: 41.666667%;
    }
    .xl\:w-7\/12 {
        width: 58.333333%;
    }
    .xl\:w-full {
        width: 100%;
    }
    .xl\:max-w-\[255px\] {
        max-width: 255px;
    }
    .xl\:max-w-\[330px\] {
        max-width: 330px;
    }
    .xl\:flex-1 {
        flex: 1 1 0%;
    }
    .xl\:flex-\[1\] {
        flex: 1;
    }
    .xl\:flex-\[2\] {
        flex: 2;
    }
    .xl\:flex-\[4\] {
        flex: 4;
    }
    .xl\:flex-\[5\] {
        flex: 5;
    }
    .xl\:grow-\[5\] {
        flex-grow: 5;
    }
    .xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .xl\:flex-row {
        flex-direction: row;
    }
    .xl\:flex-col {
        flex-direction: column;
    }
    .xl\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .xl\:pl-0 {
        padding-left: 0px;
    }
    .xl\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
}
@media (min-width: 1536px) {
    .\32xl\:max-w-\[400px\] {
        max-width: 400px;
    }
}
@media (prefers-color-scheme: dark) {
    .dark\:bg-gray-700 {
        --tw-bg-opacity: 1;
        background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
    }
}
.\[\&\+div\]\:border-t+div {
    border-top-width: 1px;
}
.\[\&\+div\]\:border-gray-100+div {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.\[\&\+div\]\:pt-1+div {
    padding-top: 0.25rem;
}
.\[\&\>i\]\:\!text-\[12px\]>i {
    font-size: 12px !important;
}
.\[\&\>li\]\:flex>li {
    display: flex;
}
.\[\&\>li\]\:items-center>li {
    align-items: center;
}
@media(min-width:37.5em) {
    .\[\@media\(min-width\:37\.5em\)\]\:inline-block {
        display: inline-block;
    }
}
html {
  font-size: 62.5%;
  color: #2c3254;
}
/* @media all and (min-width: 112.5em) {
  html {
    font-size: 75%;
  }
}
@media not all and (min-width: 37.5em) {
  html {
    font-size: 50%;
  }
}
@media not all and (min-width: 18.75em) {
  html {
    font-size: 37.5%;
  }
} */
input,
button,
textarea {
  background: transparent;
  display: block;
  width: 100%;
  font-size: 100%;
  font: inherit;
  border: none;
  outline: none;
  padding: 0;
  resize: vertical;
}
button {
  cursor: pointer;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
  font-weight: 300;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  color: inherit;
  text-decoration: inherit;
}
strong {
  font-weight: 600;
}
* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
[data-fullscreen-container] {
  position: static !important;
  overflow: visible !important;
  transform: none;
}
[data-fullscreen] {
  z-index: 1000;
  position: fixed !important;
  height: 100vh !important;
  width: 100vw !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}
body {
  font-family: montserrat, sans-serif;
  font-size: 1.4rem;
}
.Root {
  display: block;
  position: relative;
  z-index: 0;
  min-height: 100vh;
}
.ReactModal__Body--open {
  overflow: hidden;
}
.Text--white {
  color: #fff;
}
.Text--blue {
  color: #3f88e9;
}
.Text--gray {
  color: #808080;
}
.Text--small {
  font-size: 1.2rem;
}
.Text--bold {
  font-weight: 700;
}
.Margin--top-0 {
  margin-top: 0;
}
.Margin--top-1 {
  margin-top: 1rem;
}
.Margin--bottom-0 {
  margin-bottom: 0;
}
.Margin--bottom-1 {
  margin-bottom: 1rem;
}
.Margin--left-0 {
  margin-left: 0;
}
.Margin--left-1 {
  margin-left: 1rem;
}
.Margin--right-0 {
  margin-right: 0;
}
.Margin--right-1 {
  margin-right: 1rem;
}
.Padding--top-0 {
  padding-top: 0 !important;
}
.Padding--top-1 {
  padding-top: 1rem;
}
.Padding--bottom-0 {
  padding-bottom: 0;
}
.Padding--bottom-1 {
  padding-bottom: 1rem;
}
.Padding--left-0 {
  padding-left: 0;
}
.Padding--left-1 {
  padding-left: 1rem;
}
.Padding--right-0 {
  padding-right: 0;
}
.Padding--right-1 {
  padding-right: 1rem;
}
.Fade-enter,
.Fade-exit-done {
  opacity: 0;
  pointer-events: none;
}
.Fade-enter-active {
  opacity: 1;
  pointer-events: auto;
  transition: all 0.25s;
}
.Fade-enter-done,
.Fade-exit {
  opacity: 1;
  pointer-events: auto;
}
.Fade-exit-active {
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
}
.Smooth-Fade-enter,
.Smooth-Fade-exit-done {
  opacity: 0;
  pointer-events: none;
}
.Smooth-Fade-enter-active {
  opacity: 1;
  pointer-events: auto;
  transition: all 0.45s;
}
.Smooth-Fade-enter-done,
.Smooth-Fade-exit {
  opacity: 1;
  pointer-events: auto;
}
.Smooth-Fade-exit-active {
  opacity: 0;
  pointer-events: none;
  transition: all 0.6s;
  display: none;
}
.Smooth-Fade-exit-done {
  display: none;
}
.Slide-up-enter,
.Slide-up-exit-done {
  transform: translateY(calc(100% + 5rem));
}
.Slide-up-enter-active {
  transform: translateY(0%);
  transition: all 0.25s;
}
.Slide-up-enter-done,
.Slide-up-exit {
  transform: translateY(0%);
  pointer-events: auto;
}
.Slide-up-exit-active {
  transform: translateY(calc(100% + 5rem));
  transition: all 0.5s;
}
.Ad {
  padding: 0;
  overflow: hidden;
  display: flex;
  background-color: #fafafe;
  flex-wrap: wrap;
  border-radius: 3rem;
}
.Ad--left__title {
  font-family: montserrat, sans-serif;
  color: #3f88e9;
  margin-bottom: 1rem;
  white-space: pre-line;
}
.Ad--left__description {
  margin-bottom: 1rem;
  line-height: 1.8;
  white-space: pre-line;
}
.Ad--left__button {
  width: auto;
  display: inline-block;
  min-width: 100px;
  margin: 1rem 0;
}
.Ad--left__link-button {
  display: block;
  color: #3f88e9;
  text-decoration: underline;
  width: auto;
  font-size: 12px;
  margin-top: 8px;
}
.Ad--left__link-button:hover {
  cursor: pointer;
}
.Ad--right__thumb {
  position: relative;
  display: block;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 2.5rem;
  height: 100%;
}
@media all and (min-width: 56.25em) {
  .Ad--right__thumb {
    background-position: center center;
    background-size: cover;
    height: 30rem;
  }
}
@media not all and (min-width: 28.125em) {
  .Ad--right__thumb {
    background-position: center center;
  }
}
.Ad--video {
  border-radius: 0;
}
@media all and (min-width: 56.25em) {
  .Ad--video {
    display: none;
  }
}
.Ad--video .Ad--left {
  padding: 4rem 5rem;
}
@media not all and (min-width: 56.25em) {
  .Ad--video .Ad--left {
    padding: 5rem 2.5rem;
  }
}
.Application {
  position: relative;
  height: 100vh;
  width: 100vw;
  border-top: 0 solid #fb2f5f;
  transition: border-top-width 0.2s ease-in-out;
}
.Application--withStatus {
  border-top-width: 6rem;
}
.Application-status {
  position: absolute;
  bottom: 100%;
  right: 0;
  left: 0;
  color: #fff;
  padding: 1.25rem;
  text-align: center;
  font-weight: bold;
  line-height: 1.8;
}
.Maintenance {
  position: absolute;
  background: #f5f5f9;
  top: 2.5rem;
  left: 2.5rem;
  bottom: 2.5rem;
  right: 2.5rem;
  padding: 2.5rem;
  border-radius: 3rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Maintenance .Title {
  line-height: 1.2;
  margin: 1.25rem 0;
}
.Maintenance .Icon {
  width: 20rem;
  margin-bottom: 2.5rem;
  height: auto;
}
.Assessment-meta {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #a8a8b7;
  font-size: 1.2rem;
  font-weight: 800;
  padding: 2.5rem 5rem;
  line-height: 2;
}
@media not all and (min-width: 37.5em) {
  .Assessment-meta {
    padding: 2.5rem;
  }
}
.Assessment-meta .Icon {
  height: 1.2em;
}
.Assessment--question .Card-content {
  padding-top: 2.5rem;
}
.Assessment-module {
  float: right;
}
.Assessment-description,
.Assessment-title {
  margin-bottom: 2.5rem;
}
.Assessment-buttons {
  display: flex;
  flex-wrap: wrap;
  margin: -1.25rem;
  justify-content: space-between;
  align-items: stretch;
}
.Assessment-button {
  flex: 1 1;
  margin: 1.25rem;
  max-width: 100%;
}
@media all and (min-width: 37.5em) {
  .Assessment-button {
    max-width: 20rem;
  }
}
.Assessment-choices {
  margin-bottom: 2.5rem;
  display: flex;
  flex-wrap: wrap;
}
.Assessment-choice {
  position: relative;
  flex: 1 0 50%;
  padding-right: 2.5rem;
  margin-bottom: 2.5rem;
  margin-top: 0;
}
.Assessment-freetext {
  padding: 2.5rem;
  width: 100%;
  resize: none;
  height: 20em;
  line-height: 1.4;
  font-size: 1.4rem;
  margin-bottom: 2.5rem;
  border: 1px solid #d3d3d3;
  border-radius: 0.4rem;
  font-weight: 100;
  font-family: inherit;
}
@media not all and (min-width: 37.5em) {
  .Assessment-freetext {
    padding: 1.25rem;
    font-size: 1.2rem;
  }
}
.Assessment-freetext:focus {
  border-color: #2c3254;
  outline: none;
}
.Assessment-freetext::placeholder {
  color: #d3d3d3;
  font-style: italic;
}
.Assessment-continue.Button {
  margin: 2.5rem auto 0;
  display: table;
  width: auto;
  padding-left: 5rem;
  padding-right: 5rem;
}
.Assessment-retake.Button {
  width: auto;
  margin: 2.5rem auto 0;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.Assessment-score {
  font-size: 6.5rem;
  color: #3f88e9;
  line-height: 1;
}
.Assessment--complete {
  text-align: center;
}
.Assessment-trophy {
  height: 12rem;
  margin-bottom: 2.5rem;
}
.assessment-review {
  margin-top: 50px;
}
.assessment-review__header {
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.assessment-review__header button {
  width: auto;
  margin-bottom: 20px;
}
.assessment-review__header h1 {
  font-weight: bold;
}
.assessment-review__score {
  margin-bottom: 25px;
}
.assessment-review .Assessment-meta {
  display: flex;
  justify-content: space-between;
}
.assessment-review__answer-validity {
  color: #fc537a;
}
.assessment-review__answer-validity.correct {
  color: #2aeeb0;
}
.assessment-review__answer-validity i {
  margin-right: 8px;
  transform: translateY(1px);
}
.assessment-review .Assessment-choice.Radio--selected i {
  border-color: #fc537a;
}
.assessment-review .Assessment-choice.Radio--selected i:before {
  background-color: #fc537a;
}
.assessment-review .Assessment-choice.Radio--selected.correct-choice i.Radio-icon {
  border-color: #2aeeb0;
}
.assessment-review .Assessment-choice.Radio--selected.correct-choice i.Radio-icon:before {
  background-color: #2aeeb0;
}
.Avatar {
  height: auto;
  width: 5rem;
  border-radius: 999rem;
  font-size: 100%;
  color: #2c3254;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}
.Avatar--small {
  width: 3rem;
  font-size: 80%;
}
.Avatar--dark {
  color: #fff;
}
.Avatar--grey {
  background: #d3d3d3;
}
.Avatar-wrapper {
  position: relative;
  padding-bottom: 100%;
  width: 100%;
}
.Avatar-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.Banner {
  position: fixed;
  transform: translateY(calc(100% + 5rem));
  z-index: 99;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #2c3254;
  padding: 2rem 0;
}
@media not all and (min-width: 75em) {
  .Banner {
    padding-top: 3rem;
  }
}
.Banner-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Banner-container::after {
  display: none;
}
@media not all and (min-width: 75em) {
  .Banner-container {
    flex-direction: column;
    text-align: center;
  }
}
.Banner-text {
  font-size: 2.4rem;
  font-family: 'Lyon Display', sans-serif;
  font-weight: bold;
}
.Banner-button {
  margin-top: 0 !important;
  margin-left: 3rem;
}
@media not all and (min-width: 75em) {
  .Banner-button {
    margin-top: 2rem !important;
    margin-left: 0;
  }
}
.Banner-close {
  font-size: 1rem;
  position: absolute;
  top: 0;
  left: 50%;
  display: inline-block;
  transform: translate(-50%, -100%);
  width: auto;
  padding: 1rem 2rem;
  background-color: #2c3254;
  border-radius: 9999rem;
}
@media not all and (min-width: 75em) {
  .Banner-close {
    transform: translate(-50%, calc(-100% - 1rem));
  }
}
.Banner-close i {
  margin-right: 0.5rem;
}
.Banner-close strong {
  font-weight: bold !important;
}
.BannerAd {
  display: block;
  background-size: cover;
  background-position: center;
  position: relative;
  margin: 1.25rem 0;
}
.BannerAd > .Card-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.BannerAd.Card--dark:before {
  display: none;
}
.BannerAd-description {
  font-size: 1.8rem;
}
.BannerAd-left {
  margin-right: 5rem;
}
@media not all and (min-width: 56.25em) {
  .BannerAd {
    flex-direction: column;
  }
  .BannerAd-left {
    margin-right: 0;
    margin-bottom: 2.5rem;
  }
  .BannerAd .Card-content {
    flex-direction: column;
    text-align: center;
  }
}
.Button {
  text-transform: uppercase;
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  border-radius: 9999rem;
  padding: 1.55rem 4rem;
  letter-spacing: 0.1em;
  font-weight: 600;
  background: #3f88e9;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(57, 70, 136, 0);
  transition: all 0.2s, box-shadow 0.2s ease-out;
  line-height: 1;
  font-size: 1.2rem;
  white-space: nowrap;
}
p + .Button:last-child {
  margin-top: 2.5rem;
}
.Button--loading > *:not(.Loading) {
  opacity: 0.2;
}
.Form > .Button {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  margin-bottom: 1.25rem;
}
.Button-icon {
  height: 1.4em;
  width: 1.4em;
  margin-right: 0.4em;
  vertical-align: middle;
  line-height: 1;
}
.Button-icon--right {
  margin-right: 0;
  margin-left: 0.4em;
}
.Button--grad {
  background: linear-gradient(135deg, #3faffd, #259dfc, #6e56d7);
  background-position: 0% 0%;
}
.Button--grad__red {
  background: linear-gradient(135deg, #fb2f5f, #ff6037);
  background-position: 0% 0%;
}
@keyframes pulse {
  50% {
    background-position: 100% 100%;
  }
}
.Button--inline {
  display: inline-block;
  width: auto;
}
.Button--black {
  background: #2c3254;
}
.Button--green {
  background: #3be2ad;
}
.Button--red {
  background: #fb2f5f;
}
.Button--locked-red {
  background: #fb2f5f;
}
.Button--white {
  background: #fff;
  color: #2c3254;
}
.Button--bright {
  background: #fff;
  color: #3f88e9;
}
.Button--ghost {
  background: transparent;
  border: 2px solid #3f88e9;
  color: #3f88e9;
}
.Button--ghost:hover {
  background: #3f88e9;
  color: #fff;
}
.Button--ghost.Button--black {
  color: #2c3254;
  border-color: #2c3254;
}
.Button--ghost.Button--black:not(.Button--disabled):hover {
  color: #fff;
  background: #2c3254;
}
.Button--ghost.Button--green {
  color: #3be2ad;
  border-color: #3be2ad;
}
.Button--ghost.Button--green:not(.Button--disabled):hover {
  color: #fff;
  background: #3be2ad;
}
.Button--ghost.Button--red {
  color: #fb2f5f;
  border-color: #fb2f5f;
}
.Button--ghost.Button--red:not(.Button--disabled):hover {
  color: #fff;
  background: #fb2f5f;
}
.Button--ghost.Button--white {
  color: #fff;
  border-color: #fff;
}
.Button--ghost.Button--white:not(.Button--disabled):hover {
  background: #fff;
  color: #2c3254;
}
.Button--card {
  border-radius: 3rem;
  padding: 2.5rem;
  background: #fff;
  color: #3f88e9;
  display: block;
}
.Button--small {
  font-size: 1rem;
  font-weight: 800;
  padding: 1rem 2rem;
}
.Button--tiny {
  font-size: 1rem;
  font-weight: 800;
  padding: 0.5rem 1.25rem;
}
.Button:hover,
.Button:focus {
  box-shadow: 0 0.8999999999999999px 3px rgba(57, 70, 136, 0.413);
}
.Button:active {
  box-shadow: 0 0 0 rgba(57, 70, 136, 0);
  transition: none;
}
.Button--disabled {
  opacity: 0.75;
  cursor: default;
}
.Button--disabled:hover {
  box-shadow: 0 0 0 rgba(57, 70, 136, 0);
}
.Button--ghost.Button--disabled {
  background: transparent;
  color: #d3d3d3;
  border-color: #d3d3d3;
}
.Button--ghost.Button--disabled:hover,
.Button--ghost.Button--disabled:active {
  background: transparent;
  color: #d3d3d3;
  border-color: #d3d3d3;
}
.Button--borderless {
  background: transparent;
  border: none;
  color: #3f88e9;
  transition: all 0.1s;
}
.Button--borderless:hover {
  transform: scale(1.05);
  box-shadow: 0 0 0 rgba(57, 70, 136, 0);
}
.Button--borderless.Button--white {
  background: transparent;
  border: none;
  color: #fff;
  transition: all 0.1s;
}
.Button--borderless.Button--white:hover {
  transform: scale(1.05);
  box-shadow: 0 0 0 rgba(57, 70, 136, 0);
}
.Button--plain {
  background: transparent;
  border: none;
}
.Button--plain:hover,
.Button--plain:focus,
.Button--plain:active {
  box-shadow: 0 0 0 rgba(57, 70, 136, 0);
}
.Button--plain__dark-text {
  color: #2c3254;
}
.Button--subdued {
  background: transparent;
  border: none;
  opacity: 0.9;
}
.Button--subdued:hover,
.Button--subdued:focus,
.Button--subdued:active {
  box-shadow: 0 0 0 rgba(57, 70, 136, 0);
}
.Button--subdued__left-align {
  text-align: left;
  padding-left: 0;
}
.Button--subdued__right-align {
  text-align: right;
  padding-right: 0;
}
.Card {
  background: #fff;
  border-radius: 3rem;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.Card--no-transform {
  -webkit-transform: none;
  -moz-transform: none;
}
.Card--center {
  text-align: center;
}
.Card--grey {
  background: #f5f5f9;
  border-color: #f5f5f9;
}
.Card--red {
  border-color: #fb2f5f;
  color: #fb2f5f;
}
.Card--dark {
  color: #fff;
  background: #2c3254;
  overflow: hidden;
}
.Card--dark:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #2c3254;
  z-index: -1;
}
.Card--withBackground {
  position: relative;
  background-position: center center;
  background-size: cover;
}
.Card--withBackground:before {
  opacity: 0.4;
}
.Card--gradientBackground {
  position: relative;
  background-position: center center;
  background-size: cover;
}
.Card--gradientBackground:before {
  opacity: 1;
  background: linear-gradient(to bottom, rgba(44, 50, 84, 0.4) 60%, rgba(5, 6, 35, 0.6) 90%);
}
@media all and (min-width: 18.75em) {
  .Card--breathable {
    margin-top: 5rem;
  }
}
.Card--marginBottom {
  margin-bottom: 1.25rem;
}
@media not all and (min-width: 18.75em) {
  .Card {
    border-radius: 0;
    border-right: none;
    border-left: none;
  }
}
.Card--edgeless,
.Card--borderless {
  border: none;
}
.Card-footer,
.Card-content {
  padding: 4rem;
  line-height: 1.8;
  z-index: 1;
}
@media not all and (min-width: 37.5em) {
  .Card-footer,
  .Card-content {
    padding: 2.5rem;
  }
}
.Card--upper > *:first-child {
  padding-top: 0;
}
.Card--tight > .Card-content,
.Card--tight > .Card-footer {
  padding: 2.5rem;
}
.Card--edgeless > .Card-content,
.Card--edgeless > .Card-footer {
  padding: 0;
}
@media not all and (min-width: 37.5em) {
  .Card--edgeless > .Card-content,
  .Card--edgeless > .Card-footer {
    padding: 0;
  }
}
.Card-footer {
  background: #3f88e9;
  color: #fff;
  border-radius: 0 0 3rem 3rem;
}
@media not all and (min-width: 18.75em) {
  .Card-footer {
    border-radius: 0;
  }
}
.Card-footer--bold {
  font-weight: bold;
}
.Card-tabs {
  display: flex;
  background: #ebebf2;
  border-radius: 3rem;
  overflow: hidden;
  margin-top: 5rem;
}
.Card-tab {
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
  color: #2c3254;
  border-radius: 9999rem;
  padding: 1.55rem 4rem;
  letter-spacing: 0.1em;
  line-height: 1;
  font-size: 1.2rem;
  opacity: 1;
  transition: 0.2s;
  cursor: pointer;
}
.Card-tab:hover {
  opacity: 0.75;
}
.Card-tab--active {
  background: #3f88e9;
  color: #fff;
}
.Confirm--blue {
  padding: 2.5rem;
  background: #3f88e9;
  color: #fff;
  border-radius: 3rem;
}
@media not all and (min-width: 18.75em) {
  .Confirm--blue {
    padding: 1.25rem;
  }
}
.Confirm .Field {
  margin: 0;
  min-width: auto;
}
.Container {
  position: relative;
  margin: 0 auto;
  max-width: 120rem;
  min-width: 20rem;
  width: 100%;
  border-left: 5rem solid transparent;
  border-right: 5rem solid transparent;
}
.Container--horizontal {
  height: 100%;
  display: flex;
  justify-content: center;
}
.Container--vertical {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  justify-content: center;
}
.Container--no-border {
  border: none;
}
.Container:after {
  display: block;
  content: '';
  clear: both;
}
@media not all and (min-width: 37.5em) {
  .Container {
    border-width: 2.5rem;
  }
}
@media not all and (min-width: 18.75em) {
  .Container {
    border-width: 0;
  }
  .Course {
    padding-top: 2.5rem;
  }
}
.Course-module + .Course-module {
  margin-top: 2.5rem;
}
.Course-module--title {
  margin-bottom: 1.25rem;
  padding: 0 1.25rem;
}
.Course-module.Card {
  border: none;
}
.Course-module .Card-content {
  padding: 3rem 2rem;
}
.Course-description {
  margin: 2.5rem 0;
}
.Course-next {
  margin-top: 2.5rem;
  margin-bottom: 5rem;
  overflow: hidden;
}
@media not all and (min-width: 37.5em) {
  .Course-next {
    margin-bottom: 2.5rem;
  }
  .Course-title {
    padding: 0 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.CourseNav {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  width: 100%;
  padding: 0;
  margin-bottom: 2.5rem;
}
.CourseNav-scroll {
  margin-top: 0;
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  width: 6rem;
  padding: 2rem;
  background: #fff;
  box-shadow: 0 0 0 rgba(57, 70, 136, 0);
  z-index: 2;
  fill-opacity: 0.1;
  transition: box-shadow ease-in-out 0.2s, fill-opacity ease-in-out 0.2s;
}
.CourseNav-scroll--left {
  left: -6rem;
}
.CourseNav-scroll--right {
  right: -6rem;
}
.CourseNav--overflow {
  padding: 0 6rem;
}
.CourseNav--overflow .CourseNav-scroll--left {
  left: 0;
}
.CourseNav--overflow .CourseNav-scroll--right {
  right: 0;
}
.CourseNav--overflow .CourseNav-scroll--active {
  box-shadow: 0 6px 20px rgba(57, 70, 136, 0.13);
  fill-opacity: 1;
  cursor: pointer;
}
.CourseNav--overflow .CourseNav-scroll--active:active {
  transition: none;
  box-shadow: 0 0 0 rgba(57, 70, 136, 0);
}
.CourseNav-items {
  white-space: nowrap;
  display: block;
  width: auto;
  overflow: hidden;
  max-width: 100%;
}
.CourseNav-item {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  position: relative;
  background: #fff;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  font-size: 1.2rem;
  font-weight: 800;
  overflow: hidden;
  max-width: 50%;
  border-radius: 999px;
  transition: 0.25s;
}
@media not all and (min-width: 18.75em) {
  .CourseNav-item {
    max-width: none;
  }
}
.CourseNav-item:hover {
  background: #ebebf2;
}
.CourseNav-item--active {
  cursor: default;
  background: #3f88e9;
  color: #fff;
}
.CourseNav-item--active:hover {
  background: #196ddc;
}
.CourseNav-link {
  display: block;
  padding: 2.5rem;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.CourseNav-icon {
  width: 1.4em;
  margin: -0.2em;
}
.Dropdown {
  position: relative;
}
.Dropdown-toggle {
  position: relative;
  cursor: pointer;
}
.Dropdown-items {
  text-align: right;
  position: absolute;
  white-space: nowrap;
  top: calc(100% + 1.25rem);
  right: 0;
  min-width: 100%;
  background: #fff;
  border-radius: 3rem;
  box-shadow: 0 3.6px 12px rgba(57, 70, 136, 0.163);
  overflow: hidden;
  z-index: 10;
  padding-left: 0;
  max-width: 40rem;
}
.Dropdown--constrained .Dropdown-items {
  width: 100%;
  white-space: normal;
}
.Dropdown--red .Dropdown-items {
  background: #fb2f5f;
  border: 0.2rem solid #fff;
}
.Dropdown--red .Dropdown-item {
  color: #fff;
  font-weight: 600;
  line-height: 1.6;
}
.Dropdown-item {
  color: #a8a8b7;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  text-align: left;
}
.Dropdown-item--red {
  color: #fb2f5f;
}
.Dropdown-item--theme {
  color: #3f88e9;
}
.Dropdown-item--black {
  color: #2c3254;
}
.Dropdown-item--clickable {
  cursor: pointer;
  font-weight: 600;
}
.Dropdown-item--clickable:hover {
  color: #2c3254;
}
.Dropdown-item--left {
  text-align: left;
}
.Dropdown-notify {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  border: 0.1rem solid #f5f5f9;
  background: #fb2f5f;
  border-radius: 0.6rem;
  position: absolute;
  top: 0;
  right: 0;
}
.Dropdown-alert {
  color: #fb2f5f;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.4rem;
  transform: translate(25%, 0%);
}
.Dropdown-content {
  display: block;
  padding: 0.25rem 0.5rem;
}
.Dropdown--disabled {
  opacity: 0.2;
}
.Dropdown--disabled .Dropdown-toggle {
  cursor: default;
}
.EditSource-source {
  border: 2px solid #3f88e9;
  color: #3f88e9;
  padding: 2.5rem;
  display: flex;
  align-items: center;
  border-radius: 0.3rem;
  line-height: 1;
}
@media not all and (min-width: 37.5em) {
  .EditSource-source {
    padding: 2.5rem 1.25rem;
  }
}
.EditSource-icon,
.EditSource-menu {
  flex-shrink: 0;
  flex-grow: 0;
  font-size: 2rem;
  margin: 0;
}
.EditSource-number {
  flex-shrink: 0;
  font-weight: bold;
  flex-grow: 1;
  padding: 0 2.5rem;
  letter-spacing: 0.1em;
}
@media not all and (min-width: 37.5em) {
  .EditSource-number {
    padding: 0 1.25rem;
  }
}
.EditSource--card .EditSource-number:before {
  content: '•••• •••• •••• ';
}
.EditSource--cc-amex .EditSource-number:before {
  content: '•••• •••••• •';
}
@media not all and (min-width: 18.75em) {
  .EditSource--card .EditSource-number:before {
    content: '...';
  }
}
.EditSource-none {
  display: flex;
  color: #a8a8b7;
  border: 1px solid #ebebf2;
  border-radius: 0.3rem;
  padding: 1.25rem;
}
.EditSource-description {
  flex-grow: 1;
}
.EditSource-link {
  color: #3f88e9;
  font-weight: 800;
  text-decoration: underline;
  cursor: pointer;
}
.EditSource-link:hover {
  text-decoration: none;
}
.EditSource-expired {
  padding-right: 2.5rem;
  color: #fb2f5f;
  font-style: italic;
  font-size: 0.8em;
}
@media not all and (min-width: 37.5em) {
  .EditSource-expired {
    padding-right: 1.25rem;
  }
}
.EditSource-expired:before {
  content: 'Expired';
}
@media not all and (min-width: 37.5em) {
  .EditSource-expired:before {
    content: 'Exp';
  }
}
.EditSource-menu {
  color: rgba(44, 50, 84, 0.5);
  transition: color 0.2s ease-in-out;
}
.EditSource-menu:hover {
  color: #2c3254;
}
.Eula {
  line-height: 2;
  text-align: center;
  margin: 5rem auto 0;
  max-width: 34rem;
  font-size: 1.2rem;
  color: #a8a8b7;
  font-weight: 800;
}
@media not all and (min-width: 37.5em) {
  .Eula {
    margin: 2.5rem auto 0;
  }
}
@media not all and (min-width: 18.75em) {
  .Eula {
    margin: 2.5rem 1.25rem;
  }
}
.Eula--tight {
  margin-top: 1.25rem;
}
.Eula--wide {
  margin: 0;
  max-width: 100%;
}
.Field {
  flex: 1 1 100%;
  width: 100%;
  margin: 0 0 2.5rem 0;
  position: relative;
  min-width: 18rem;
  line-height: 1;
}
.Field--left {
  text-align: left;
}
.Field--tight {
  margin-bottom: 0.2rem;
}
.Field-row {
  display: flex;
  flex-wrap: wrap;
  margin: -0.625rem;
  align-items: center;
}
.Field-col {
  position: relative;
  flex-shrink: 0;
  flex-grow: 1;
  border: 0.625rem solid transparent;
  max-width: 100%;
}
.Field-col--smaller {
  flex-shrink: 1;
}
.Form > .Field {
  border-left: 1.25rem solid transparent;
  border-right: 1.25rem solid transparent;
}
.Field--half {
  flex-basis: 50%;
}
.Field--quarter {
  min-width: 10rem;
  flex-basis: 25%;
}
.Field--third {
  flex-basis: 33.33%;
}
.Field-input {
  z-index: 2;
  position: relative;
  display: block;
  border: 1px solid #d3d3d3;
  padding: 1.4rem;
  border-radius: 0.3rem;
  background: #fff;
  transition: border-color 0.1s ease-in-out;
}
.Field-input ::placeholder {
  color: #d3d3d3;
  font-style: italic;
}
.Field--focused .Field-input,
.Field-input--focused,
.Field-input:focus {
  border-color: #2c3254;
}
.Field-input > textarea {
  line-height: 1.5;
  height: 7.5em;
  resize: none;
}
.Field--display .Field-input {
  border: none;
  padding: 0;
}
.Field--error .Field-input,
.Field-input--error {
  border-color: #fb2f5f;
  padding-right: 4rem;
}
.Field--error .Field-input:after,
.Field-input--error:after {
  display: block;
  content: '!';
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 2rem;
  height: 2rem;
  color: #fff;
  background: #fb2f5f;
  border-radius: 1rem;
  text-align: center;
  line-height: 2rem;
  font-weight: bold;
  transform: translate(50%, -50%);
  box-shadow: 0 0.8999999999999999px 3px rgba(57, 70, 136, 0.413);
}
.Field--error .Field-input--error .Field--error .Field-input-label,
.Field-input--error--error .Field-input--error-label {
  color: #fb2f5f;
}
.Field-button {
  width: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.Field-errors {
  z-index: 1;
  width: 100%;
  text-align: right;
  position: relative;
  top: -0.3rem;
  margin-bottom: -0.3rem;
  right: 0;
  border-top: 0.3rem solid #fb2f5f;
  display: block;
}
.Field-error {
  display: none;
  background: #fb2f5f;
  font-weight: bold;
  padding: 0.2em 1em;
  border-radius: 0 0 0.3rem 0.3rem;
  color: #fff;
  font-size: 1rem;
  vertical-align: top;
}
.Field-error:first-child {
  display: block;
}
.Field-label {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1.8;
  display: block;
  width: auto;
  flex: 1 0 100%;
  font-weight: bold;
  font-size: 1.2rem;
  cursor: pointer;
  margin-bottom: 1rem;
}
.Field-description {
  margin-bottom: 1rem;
  line-height: 1.4;
}
.Field--disabled .Field-input {
  background: #f5f5f9;
}
.Field-number {
  display: flex;
  margin: -1.25rem;
  align-items: center;
  flex-wrap: wrap;
}
.Field-number > .Field-input {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 8rem;
  min-width: 8rem;
  padding-right: 2.5rem;
  margin: 1.25rem;
}
.Field-unit {
  flex-grow: 1;
  flex-shrink: 1;
  white-space: nowrap;
  margin: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 1.2rem;
  font-weight: 600;
}
.Field-numberIncrement,
.Field-numberDecrement {
  display: flex;
  position: absolute;
  margin: 0;
  color: rgba(63, 136, 233, 0.5);
  right: 0;
  height: 50%;
  width: 2rem;
  border-left: 1px solid rgba(63, 136, 233, 0.5);
  -webkit-user-select: none;
          user-select: none;
  font-size: 0.2em;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.Field-numberIncrement:hover,
.Field-numberDecrement:hover {
  color: #3f88e9;
}
.Field-numberIncrement {
  border-bottom: 1px solid rgba(63, 136, 233, 0.5);
  top: 0;
}
.Field-numberDecrement {
  bottom: 0;
}
.Field--toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.Field--toggle > div {
  display: block;
  position: relative;
  width: 5.5rem;
  height: 3rem;
  margin-right: 1rem;
  border-radius: 999px;
  background-color: #d3d3d3;
  transition: 0.25s;
}
.Field--toggle input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.Field--toggle .slider {
  display: flex;
  position: absolute;
  top: 50%;
  left: 0.25rem;
  height: 2.5rem;
  width: 2.5rem;
  background-color: #fff;
  border-radius: 999px;
  transform: translate(0%, -50%);
  transition: 0.25s;
}
.Field--toggle.active > div {
  background-color: #3f88e9;
}
.Field--toggle.active .slider {
  transform: translate(100%, -50%);
}
.Field--photo-upload {
  text-align: center;
  margin-bottom: 2.5rem;
}
.Field--photo-upload .inner {
  position: relative;
}
.Field--photo-upload .Avatar,
.Field--photo-upload .fas {
  cursor: pointer;
}
.Field--photo-upload .Avatar {
  width: 15rem;
}
.Field--photo-upload .Avatar-center {
  font-size: 2.4rem;
}
.Field--photo-upload .fas {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  font-size: 1.8rem;
  background: #fff;
  color: #2c3254;
  height: 4.5rem;
  width: 4.5rem;
  border-radius: 100%;
  border: 2px solid #2c3254;
}
.Field--photo-upload input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.Field--photo-upload .Error {
  margin-top: 5rem;
}
.Field .Error {
  color: #fb2f5f;
  line-height: 1.2;
}
.Form {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.25rem;
}
.Form--center {
  text-align: center;
}
.Form--left {
  text-align: left;
}
.Form--right {
  text-align: right;
}
.Form > * {
  flex-basis: 100%;
}
.Form > hr {
  display: block;
  border-top: none;
  border-left: none;
  border-right: none;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  border-bottom: 1px solid #ebebf2;
  width: 100%;
}
.Form-error,
.Form-info,
.Form-success {
  flex-basis: 100%;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.Form-error strong,
.Form-info strong,
.Form-success strong {
  font-weight: 800;
  display: inline-block;
}
.Form-info {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.Form-info--center {
  text-align: center;
}
.Form-info--kind {
  color: #3f88e9;
  font-weight: 600;
}
.Form-success {
  color: #fff;
  background: #3be2ad;
  font-weight: 800;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  border-radius: 0.4rem;
  line-height: 1;
}
.Form-error {
  color: #fb2f5f;
  font-weight: 800;
  font-size: 1.2rem;
  margin: 1.25rem;
}
.Form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.Form-actions > * {
  margin: 0 1.25rem;
}
.PasswordFields {
  width: 100%;
  display: flex;
  justify-content: space-between;
  transition: transform 0.2s ease-in-out, height 0.2s ease-in-out;
  overflow: hidden;
  height: 2.9rem;
  padding-top: 0.5rem;
}
.PasswordFields-icon {
  cursor: default;
  opacity: 0.5;
  border: 0.2rem solid transparent;
  color: #fff;
  display: inline-block;
  font-size: 0.8rem;
  min-width: 2.4rem;
  padding: 0 0.2rem;
  height: 2.4rem;
  text-align: center;
  line-height: 2rem;
  border-radius: 0.4rem;
  white-space: nowrap;
  font-weight: bold;
  transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.PasswordFields-icon--active {
  opacity: 1;
  border-color: #3f88e9;
  color: #3f88e9;
}
.PasswordFields--dark .PasswordFields-icon {
  color: #a8a8b7;
}
.PasswordFields--dark .PasswordFields-icon--active {
  color: #3f88e9;
}
.Icon {
  fill: currentColor;
  display: inline-block;
  width: auto;
  height: 2em;
  margin-top: -0.2em;
  vertical-align: middle;
  fill-rule: evenodd;
}
.Icon--font {
  position: relative;
  line-height: 1;
  height: 1em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.Icon--swell {
  margin-top: 0;
  width: 100%;
  height: 100%;
}
.Icon--white {
  color: #fff;
}
.Icon--grey {
  color: #a8a8b7;
}
.Icon--red {
  color: #fb2f5f;
}
.Icon--golden {
  color: #efdb26;
}
.Icon--theme {
  color: #3f88e9;
}
.Icon--lightblue {
  color: #3b89ed;
}
.Icon--green {
  color: #3bed86;
}
.Icon--lined {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 7.7rem;
}
.Icon-bg {
  fill: #f5f5f9;
}
.Icon--branch > g > g {
  transform: scale(0);
  animation: grow 0.12307692307692308s ease-in-out forwards;
}
.Icon--branch > g > g:nth-child(-1) {
  animation-delay: 0s;
}
.Icon--branch > g > g:nth-child(0) {
  animation-delay: 0.06153846153846154s;
}
.Icon--branch > g > g:nth-child(1) {
  animation-delay: 0.12307692307692308s;
}
.Icon--branch > g > g:nth-child(2) {
  animation-delay: 0.18461538461538463s;
}
.Icon--branch > g > g:nth-child(3) {
  animation-delay: 0.24615384615384617s;
}
.Icon--branch > g > g:nth-child(4) {
  animation-delay: 0.3076923076923077s;
}
.Icon--branch > g > g:nth-child(5) {
  animation-delay: 0.36923076923076925s;
}
.Icon--branch > g > g:nth-child(6) {
  animation-delay: 0.4307692307692308s;
}
.Icon--branch > g > g:nth-child(7) {
  animation-delay: 0.49230769230769234s;
}
.Icon--branch > g > g:nth-child(8) {
  animation-delay: 0.5538461538461539s;
}
.Icon--branch > g > g:nth-child(9) {
  animation-delay: 0.6153846153846154s;
}
.Icon--branch > g > g:nth-child(10) {
  animation-delay: 0.676923076923077s;
}
.Icon--branch > g > g:nth-child(11) {
  animation-delay: 0.7384615384615385s;
}
.Icon--branch > g > g:nth-child(12) {
  animation-delay: 0.8s;
}
@keyframes grow {
  0% {
    transform: scale(0) rotate(70deg);
  }
  70% {
    transform: scale(1.2) rotate(-15deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
.Icon--wrapper {
  display: inline;
}
.Icon--tooltip {
  position: relative;
}
.Jumbotron {
  background-size: cover;
  background-position: center 15%;
  background-repeat: no-repeat;
  position: relative;
  color: #fff;
  text-align: center;
}
@media not all and (min-width: 56.25em) {
  .Jumbotron {
    text-align: left;
  }
  .Jumbotron-description {
    border: none;
  }
}
.Jumbotron:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(44, 50, 84, 0.25), #010101 90%);
}
.Jumbotron-preview {
  padding-bottom: 8rem;
}
.Jumbotron-content {
  position: relative;
  z-index: 1;
  padding: 25rem 0 5rem;
}
@media not all and (min-width: 37.5em) {
  .Jumbotron-content {
    padding-top: 15rem;
  }
}
.Jumbotron-content .heading-title {
  line-height: 1.2;
  margin-bottom: 2.5rem;
}
.Jumbotron-content .heading-instructors {
  font-size: 1.6rem;
  flex-shrink: 0;
}
@media not all and (min-width: 56.25em) {
  .Jumbotron-content .heading-instructors {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
  }
}
.Jumbotron-content .heading-instructors--headshots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
@media not all and (min-width: 56.25em) {
  .Jumbotron-content .heading-instructors--headshots {
    margin-bottom: 0;
    margin-right: 2rem;
  }
}
.Jumbotron-content .heading-instructors--headshots img {
  height: 6rem;
  width: 6rem;
  object-fit: cover;
  border-radius: 100%;
}
.Jumbotron-content .heading-ctas {
  margin: 5rem 0;
}
.Jumbotron-content .heading-ctas .Button {
  margin: 0 0.625rem;
}
.Jumbotron-content .heading-ctas .Button--ghost .Icon {
  fill: #fff;
}
.Jumbotron-content .heading-ctas .Button--ghost:hover .Icon {
  fill: currentColor;
}
.Jumbotron-content .next {
  font-style: italic;
  margin-top: 1.25rem;
}
.Jumbotron-description {
  position: relative;
  line-height: 1.4;
  z-index: 1;
  max-height: 5rem;
  min-height: 5rem;
  height: 100%;
  font-weight: 600;
  overflow: hidden;
  white-space: pre-wrap;
  transition: 1s;
}
.Jumbotron-description .Button {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Jumbotron-description .description {
  opacity: 0.1;
  transition: 0.25s;
}
.Jumbotron-description.show {
  max-height: 16rem;
}
.Jumbotron-description.show .description {
  opacity: 1;
}
.Layout {
  position: relative;
}
.Layout-content {
  position: relative;
}
.Layout-content[data-fullscreen-container] {
  overflow: hidden !important;
}
.Layout-bottomLayer {
  position: relative;
  padding-bottom: 5rem;
}
.Layout-header {
  background: #f5f5f9;
  font-size: 3.2rem;
  font-family: 'Lyon Display', sans-serif;
  padding: 1.25rem 0;
  font-weight: 800;
}
.Layout-header > .Container {
  display: flex;
  align-items: center;
  flex-wrap: wrap-reverse;
}
.Layout-nav {
  position: relative;
  font-family: montserrat, sans-serif;
  flex-grow: 0;
  display: flex;
  align-items: center;
}
.Layout-headerLeft {
  flex: 1 0;
  display: flex;
  align-items: center;
}
.Layout-logo {
  color: #3f88e9;
  flex-shrink: 0;
  width: 8rem;
  height: auto;
  margin-right: 2.5rem;
  margin-top: 0;
}
@media not all and (min-width: 18.75em) {
  .Layout-logo {
    margin-left: 1.25rem;
    margin-right: 0;
    width: 5rem;
  }
}
.Layout-title {
  flex-grow: 1;
}
@media not all and (min-width: 56.25em) {
  .Layout-title {
    font-size: 2.4rem;
  }
}
@media not all and (min-width: 37.5em) {
  .Layout-title {
    display: none;
  }
}
.Layout-sidebar {
  z-index: 2;
}
.Layout-toggle {
  position: relative;
  vertical-align: middle;
  width: 6rem;
  height: 6rem;
  display: inline-block;
  cursor: pointer;
}
.Layout-toggle:before,
.Layout-toggle:after {
  position: relative;
  content: '';
  width: 2.4rem;
  height: 0.30000000000000004rem;
  border-radius: 0.2rem;
  background: #2c3254;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.Layout-toggle:before {
  transform: translate(-50%, -200%) rotate(0deg);
}
.Layout--open .Layout-toggle:before {
  transform: translate(-50%, -50%) rotate(135deg);
}
.Layout-toggle:after {
  transform: translate(-50%, 100%) rotate(0deg);
}
.Layout--open .Layout-toggle:after {
  transform: translate(-50%, -50%) rotate(225deg);
}
@media not all and (min-width: 56.25em) {
  .Layout-sidebar {
    width: 100%;
    height: 100%;
    background: #f5f5f9;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(-100%);
    transition: transform 0.2s ease-in-out;
  }
  .Layout--open .Layout-sidebar {
    transform: translateX(0);
  }
}
@media all and (min-width: 56.25em) {
  .Layout--sidebar {
    border-left: 6rem solid transparent;
    transition: border-left-width 0.2s ease-in-out;
  }
  .Layout--sidebar.Layout--open {
    border-left-width: 30rem;
  }
  .Layout-toggle {
    position: fixed;
    left: 0;
    top: 0;
    background-color: #ebebf2;
    transition: transform 0.2s ease-in-out;
  }
  .Layout--open .Layout-toggle {
    transform: translateX(24rem);
  }
  .Layout-sidebar {
    position: absolute;
    top: 0;
    right: 100%;
    background: #f5f5f9;
    width: 30rem;
    height: 100%;
  }
}
.Badge {
  font-size: 1.8rem;
  font-weight: 600;
  color: #2c3254;
  display: flex;
}
.Badge-left {
  flex: 0;
  padding-right: 1.25rem;
}
.Badge-right {
  flex: 1;
  text-align: left;
}
.Badge-icon {
  width: 5rem;
  height: 5rem;
}
.Badge-name {
  line-height: 1.4;
}
.Badge-username {
  color: #a8a8b7;
  font-size: 1.4rem;
}
.Badge-button {
  margin-top: 1.25rem;
  font-size: 1.4rem;
}
.SignUp-body {
  padding-top: 5rem;
  padding-bottom: 5rem;

  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: auto;
}
.SignUp-top {
  background: #f5f5f9;
}
.SignUp-header {
  display: flex;
  align-items: center;
}
.SignUp--full {
  display: flex;
  flex-direction: column;
}
.SignUp--full .SignUp-top {
  flex-shrink: 0;
  flex-grow: 0;
}
.SignUp--full .SignUp-body {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
}
.SignUp-logo {
  flex-grow: 0;
  flex-shrink: 0;
  height: 8rem;
  padding: 1rem;
  display: flex;
  font-size: 1.5rem;
  font-family: 'Lyon Display', sans-serif;
  align-items: center;
  font-weight: 800;
}
.SignUp-logoSVG {
  margin-top: 0.3rem;
  height: 100%;
}
.SignUp-nav {
  flex-grow: 1;
  flex-shrink: 0;
}
.SignUp-center {
  text-align: center;
  padding-bottom: 2.5rem;
}
.SignUp-center > p {
  margin-top: 1.25rem;
}
.SignUp-center > .Title {
  font-weight: 800;
  line-height: 1;
}
.SignUp-buttons {
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  justify-content: space-between;
}
.SignUp-buttons--right {
  justify-content: flex-end;
}
.SignUp-button {
  width: auto;
}
.Unauthenticated {
  display: block;
}
.Unauthenticated-row {
  display: flex;
  min-width: 20rem;
}
@media not all and (min-width: 37.5em) {
  .Unauthenticated-row {
    display: block;
  }
}
.Unauthenticated-logo {
  height: auto;
  width: 30%;
  width: 18rem;
}
.Unauthenticated-header,
.Unauthenticated-footer,
.Unauthenticated-wrapper {
  padding: 5rem 5rem 0;
  flex: 0 0 0%;
}
@media not all and (min-width: 56.25em) {
  .Unauthenticated-header,
  .Unauthenticated-footer,
  .Unauthenticated-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media not all and (min-width: 37.5em) {
  .Unauthenticated-header,
  .Unauthenticated-footer,
  .Unauthenticated-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 2.5rem;
  }
}
.Unauthenticated-footer {
  padding-bottom: 5rem;
}
.Unauthenticated-content {
  margin: auto;
  max-width: 55rem;
  padding: 2.5rem;
}
.Unauthenticated-side,
.Unauthenticated-main {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
}
.Unauthenticated-side {
  flex-direction: column;
  position: relative;
  background: url('/assets/bg.9378a063.jpg') 30% top no-repeat;
  background-size: cover;
  color: #fff;
}
.Unauthenticated-side:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: rgba(44, 50, 84, 0.8);
}
.Unauthenticated-side > * {
  position: relative;
  z-index: 1;
}
.Unauthenticated-main {
  position: relative;
}
@media all and (min-width: 37.5em) {
  .Unauthenticated-main {
    min-height: 100vh;
  }
}
.Unauthenticated-main .Unauthenticated-wrapper {
  flex-grow: 1;
  padding: 2.5rem;
}
@media not all and (min-width: 18.75em) {
  .Unauthenticated-main .Unauthenticated-wrapper {
    padding: 0;
  }
}
.Unauthenticated-main {
  flex: 1;
  min-width: 60%;
}
.Unauthenticated-side,
.Unauthenticated--swap .Unauthenticated-main {
  flex: 0 1 50rem;
  min-width: 0%;
}
.Unauthenticated--swap .Unauthenticated-side {
  flex: 1;
  min-width: 60%;
}
.Unauthenticated--solo .Unauthenticated-side,
.Unauthenticated--solo.Unauthenticated--swap .Unauthenticated-main {
  flex: 0 1 100%;
  min-width: 0%;
}
.Unauthenticated-wrapper {
  width: 55rem;
  max-width: 100%;
}
.Unauthenticated-header {
  width: 100%;
}
.Unauthenticated-footer {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 1.2rem;
  font-weight: 800;
  text-align: center;
}
@media not all and (min-width: 37.5em) {
  .Unauthenticated-footer {
    padding: 1.25rem;
  }
}
.Unauthenticated-tag {
  display: inline-block;
  margin: 0 1em;
}
.Unauthenticated-sb {
  height: 4em;
  margin: 1em 0;
}
.Link--classic {
  text-decoration: underline;
}
.Link--classic.Link--action:hover {
  text-decoration: none;
}
.Link--red {
  color: #fb2f5f;
}
.Link--theme {
  color: #3f88e9;
}
.Link--bold {
  font-weight: 600;
}
.Link--grey {
  color: #a8a8b7;
  font-weight: 600;
}
.Link--action {
  cursor: pointer;
}
.LivestreamBanner {
  position: relative;
  background-image: url('/assets/BMSU-BG-Don-Only-dark.b9bb293e.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
}
.LivestreamBanner .starting-in-time {
  padding-left: 4px;
  min-width: 45px;
  text-align: left;
}
@media not all and (min-width: 56.25em) {
  .LivestreamBanner {
    padding: 2rem 4rem;
  }
}
@media not all and (min-width: 28.125em) {
  .LivestreamBanner {
    background-position: 25% center;
  }
}
.LivestreamBanner-collapse-icon {
  width: auto;
  position: absolute;
  top: 15px;
  right: 15px;
  color: #fff;
  z-index: 5;
  transition: all 0.3s;
  transform: rotate(0deg);
}
.LivestreamBanner-collapse-icon:hover {
  cursor: pointer;
}
.LivestreamBanner-collapse-icon.open {
  transform: rotate(180deg);
}
.LivestreamBanner-watch-now {
  width: auto;
}
.LivestreamBanner-content {
  position: relative;
  z-index: 2;
  padding: 2.5rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  color: #fff;
}
@media not all and (min-width: 56.25em) {
  .LivestreamBanner-content {
    padding: 0 0;
  }
}
.LivestreamBanner-content__title {
  font-weight: normal;
  font-family: montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.75rem;
  text-align: left;
  padding-bottom: rhythm-half;
  margin-bottom: 0.5rem;
  background: linear-gradient(to right, #fb2f5f, #ff6037);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.LivestreamBanner-content__title.open {
  text-align: center;
}
@media not all and (min-width: 56.25em) {
  .LivestreamBanner-content__title {
    text-align: center;
  }
}
.LivestreamBanner-content__topic {
  font-weight: bold;
  font-size: 2.5rem;
  font-family: 'Lyon Display', sans-serif;
}
.LivestreamBanner-content__topic.open {
  text-align: center;
}
@media not all and (min-width: 56.25em) {
  .LivestreamBanner-content__topic {
    text-align: center;
  }
}
.LivestreamBanner-content__time {
  font-size: 2rem;
  font-family: 'Lyon Display', sans-serif;
  font-style: italic;
  margin-bottom: 3rem;
  white-space: pre-wrap;
  text-align: center;
}
.LivestreamBanner-content__date {
  font-size: 2.4rem;
  font-family: 'Lyon Display', sans-serif;
  font-style: italic;
  margin-bottom: 0.5rem;
  white-space: pre-wrap;
  text-align: center;
}
.LivestreamBanner-content iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.LivestreamBanner-content .RedIndicator-container {
  position: absolute;
  right: 0;
}
.LivestreamBanner-content.open {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.LivestreamBanner-content.open .RedIndicator-container,
.LivestreamBanner-content.open h3 {
  margin-bottom: 3rem;
}
.LivestreamBanner-content.open .RedIndicator-container {
  position: relative;
}
@media not all and (min-width: 56.25em) {
  .LivestreamBanner-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-right: 0 !important;
  }
  .LivestreamBanner-content .RedIndicator-container {
    position: relative;
  }
  .LivestreamBanner-content .RedIndicator-container,
  .LivestreamBanner-content h3 {
    margin-bottom: 3rem;
  }
}
@media not all and (min-width: 37.5em) {
  .LivestreamBanner-title {
    padding: 0 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.LivestreamBanner .add-to-calendar {
  position: relative;
  font-weight: 600;
}
.LivestreamBanner .add-to-calendar-button {
  position: relative;
  background: #fff;
  color: #2c3254;
  border-radius: 3rem;
  padding: 1.25rem 2rem 1.25rem 4.5rem;
  font-family: 'Montserrat', sans-serif;
  line-height: 2rem;
  cursor: pointer;
  transition: 0.2s;
}
.LivestreamBanner .add-to-calendar-button:focus {
  outline: none;
  transform: scale(1.02);
}
.LivestreamBanner .add-to-calendar-button:before {
  content: '';
  position: absolute;
  left: 2.25rem;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 20px;
  width: 20px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFkAAABcCAYAAAAFxhkcAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAf7SURBVHgB7Z09dNtUFMfve3JiJ05AxI6Tw4I6wHG61N26VWXisDRlYmuajSktC+ewNNnYSFmAiWQCpiZTyxR3gq3uQg0MdbakcVrlnKZxWus97pM/6g/Zlu0nWbb1O8etLCnP9l9X933ddwUQEBAQ4AgCPkVVNRUgokIINIWA1nQCYYbJqAHENODt25xh5AzwKb4QWQiqTE7qQBQd336ErxS+NOgGTlBwnsGtJ8DNtElpxjjI5sAHDExkNZ7UKaVXCeE6vtXBHXIoftpkbNvIZ9MwIDwVWVgsnZxew81lFDcF3lISnLINry3cE5HVxaSmMLKOH3cdb2kVBs+OafJ7Xlm3qyJXxSVwE/wJupLiHePovwy4iCsiV9wCuoR1GAY42XLTjSggGVGhKRMTDwiBZRgWCKQokJWpmfnzs9P8XyAZaZZsWW946i4WeBuGm7RJ+C2ZVi3Fki3fq0z8iQJ/BsOPhla9PB2d2z87Pc6CBPoWOZb4ZJly5QHeE4swOqhA6JdT0QScnR49gj7pS+R4InkXv8xPKHAERhCsV/TozIL6+vToD+iDnkUWAnMi2r6jDr8yHU1oaNG70CM9iTw+ApfB1kc/Qnct8tgJXKEPobsSeW5haQ0d1XcwrqDQvVSGjkUWzTTK6W+jWsk5RVSG2Gk56abT4qgzYrWDOdmDbsd4RxeDsuK1I4djHtTJSaURtEDgGlRGQ/dLszed6ShybD654uNRtEGihcLRu05ObOsuAjfRGRznuIbjHOl257S15MBNdAaN8JeO57Q6oM5fTFEKP4Kr8DTeTKLySIIruF2+hdqptdFS5Ohs/Fdw04o53zp+nr2BX+73aDROsG2kg0zcLr8G9LlXwhMzPxcKRsHuuK27iOPAO7g3g2zBAfarbxikQTK15XOOk6juImaCWo6jh+x2coU4qjW7hYvYCOA5bNCn7I9DBo/JCFLRW5WPdqcRFyZzscw1bNJt2gXZNImszn+cAslWLMSllN0zz882IRJRsbJ4Znceo/xOp5q6E+UWUZvyn6Zji8kV/E5iFkcDeYiZoRX8f7PxQJO7UEhI+vQR43Atf5Bdr73KhJCBhQYcH2S3GDa9SneWPPCiXbfbXyeyqqZULmIjZIIVkHH0t13387q4a6xek0K+B8ngRbwprFqUTyhZazxuzeERvgFy0fEz9caddSIrE4Vl2f7KpLBdt6MQMcoWpCk09FgJT73kAPKiiWrLR7fRUH6u9lR2Ht4CyeBnNs3S1/X4Yoml+yB5Kh97RBcaZ37LfvM25/z96hehkMbbeBsk0Fg+WvUJGs9O3sbfxxaWhP/WQB7G8eHTD2p31Ik8l7j4Urol24jsJ1wQGUxWvFwblVR1F6JtTPwRpzb0UBrS695XNhh1t/MxTpCGJnBVZPRbVyFAFnVaVkXGGtnreOFRRhWVb+UNLe1JqYE/lovC6aXKttWtDoUKKe7xygZR0eIYyR54ADblNl48z66Dh3DgFyrbliVzEgzMy6Z2XCQQ2SVqO1qlim+AgzWjCrbWtMp2SWQeVHqywTquqqmjuIuA7iHAA5G9JBDZAwKR3SNX2aCNOwLkU2nC+TaNwRBzUtmwRCaMByLLJ1fZsEQ2wXR1bfE4wpt88ttoDgKkwkoJTiwskQ0jI9xFDgLkUSg0z/HhgEbfKy8DSmCXOlMbyPOunUxI4JclQTir0/LdRCorpiFADrQ+SrUqsogTkB0bNq6YAHWut75bTbiUCB4nFIsRzy4qo/Ljn9uQbgzmqQudpYTv4A9fAw8QLRqc0b2suBxsjtNAuX7Dcbv7QL7VuKtOZBErNpe4aHg1c12+4lswQjS6CgFt3sHuwRiBd65Mg9q1i/trErn4JrIp2Vdq4FNEAIrMu9YkfNNuf5PIwlfi1EnPCTQaURj17WpWyuUFvONYxbNWvt920N6kEvO5Eb4SW0z6TmjLirm8vB2kTdS+7Tq+wqu8MR2dvwBEVgQ8WRZ5IsKzsX1RNgwQsbxh+r0Pv0Er3pKV0lJY8YvD7Gqr46T1l0mpdPLNMxdaGjkYLBpIptP66rYBcPFEcp0Td9b0jQylla+32p3SMcoQ282PB5CGdygQbgLHjT/ttFyj42w143ALAmwRlZ2T9TAdcxAVXh8dTM3ETgiQUUgRKQ/hJg6zjtYBOoq7eHH4j2hkpyHAQrgJk4LjhZaOg1vM8/ANHkxRiW74Syd+uBbHIoueoLUeebyF5gSKq92uS+wqTEsUzhi5Ma6D+9gU+/r4+b870CVdx8KJxehi1f+YCY0/l2zkD59u9vLHPa/GsXIUEdgbg1VTXFhwrwILeo7qtCyassuj7KNFJYfjG6v9CCzoe11ZKYcn2SM+HjfuBas3x8gXLXJ1dIW0xXuxhSVxtT2ZH3QZLlKdmQRWZWU3kPYIjLPT/MPp2fg+B5IiIif8ECLcA9Yz32JP7iuZQ7JSnzNy9iqfCc/Gd9F9fCBvLNoTLOtllH+O48IPQTKurfUV+YUoDd33u68WvlcM9MjKGmOH6wuqXUoP1i+8nEbth2KhsOn2AxM9W7UuxMYWp5jr02FwiDZvhgFss/Ozba+eRultagB492Qz/LVXPbJuy2rRJWzjazd/4P3DDz0XuZb4YlJnDPRy1hgd5MDL/2bw1z0alLC1DFTkRizRObmEX0rkirjEuWgKdsytmcPzRA7QjIixpoQ/QT+b8dODaX0lcjusTIiRSFVsP6dBCwgYTf4HUSk6C3dI+v8AAAAASUVORK5CYII=');
  background-size: contain;
  background-repeat: no-repeat;
}
.LivestreamBanner .add-to-calendar-dropdown {
  position: absolute;
  z-index: 2;
  top: calc(100% + 0.675rem);
  left: 0;
  width: 100%;
}
.LivestreamBanner .add-to-calendar-dropdown a {
  display: block;
  padding: 1rem 1.25rem;
  text-align: center;
  background: #2c3254;
  color: #fff;
  border-radius: 3rem;
  box-shadow: 0 0.8999999999999999px 3px rgba(57, 70, 136, 0.413);
}
.LivestreamBanner .add-to-calendar-dropdown a + a {
  margin-top: 0.625rem;
}
.LivestreamCard-container {
  margin: 1.25rem;
}
.LivestreamCard--withBackground {
  position: relative;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.LivestreamCard--withBackground:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #2c3254;
  opacity: 0.4;
}
.LivestreamCard-content {
  background-color: #2c3254;
  position: relative;
  z-index: 2;
  min-height: 55rem;
  margin: 1.25rem;
  padding: 3.5rem 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
}
@media not all and (min-width: 28.125em) {
  .LivestreamCard-content {
    background-position: 25% center;
  }
}
.LivestreamCard-content__category {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 3rem;
  text-align: center;
}
.LivestreamCard-content__title {
  text-align: center;
}
.LivestreamCard-content__title-topic {
  font-weight: bold;
  font-size: 5rem;
  font-family: 'Lyon Display', sans-serif;
  text-align: center;
  padding: 0 14rem;
}
@media not all and (min-width: 56.25em) {
  .LivestreamCard-content__title-topic {
    font-size: 3.5rem;
    padding: 0 3rem;
  }
}
@media not all and (min-width: 37.5em) {
  .LivestreamCard-content__title-topic {
    padding: 0 0;
  }
}
.LivestreamCard-content__title-host {
  margin-top: 1rem;
  font-size: 1.75rem;
  font-weight: bold;
}
.LivestreamCard-content__when {
  margin: 2.5rem 0;
}
.LivestreamCard-content__when-time,
.LivestreamCard-content__when-date {
  font-size: 2rem;
  font-family: 'Lyon Display', sans-serif;
  font-style: italic;
  white-space: pre-wrap;
  text-align: center;
}
.LivestreamCard-content__when-date {
  margin-bottom: 0.5rem;
}
.LivestreamCard-stream {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
  border-radius: 3rem 3rem 0 0;
}
.LivestreamCard-stream iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
@media not all and (min-width: 37.5em) {
  .LivestreamCard-title {
    padding: 0 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.LivestreamCard-watch-now {
  width: auto;
  margin-top: 0 !important;
}
.LivestreamCard-registered .Card-content,
.LivestreamCard-expiration .Card-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #2c3254;
  font-size: 1.4rem;
  padding: 3rem 4rem 2.5rem;
}
.LivestreamCard-registered .Card-content .heading,
.LivestreamCard-expiration .Card-content .heading {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #fb2f5f;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}
@media not all and (min-width: 56.25em) {
  .LivestreamCard-registered .Card-content .heading,
  .LivestreamCard-expiration .Card-content .heading {
    flex-direction: column;
  }
}
.LivestreamCard-registered .Card-content .heading .Icon,
.LivestreamCard-expiration .Card-content .heading .Icon {
  margin-right: 0.5rem;
}
.LivestreamCard-registered .Card-content .body,
.LivestreamCard-expiration .Card-content .body {
  text-align: center;
  margin: 2rem 0;
  white-space: pre-wrap;
}
.LivestreamCard--replay-banner {
  padding: 2.5rem;
  border-radius: 0 0 3rem 3rem;
  background-color: #010101;
  color: #d3d3d3;
  text-align: center;
}
.LivestreamCard--replay-banner strong {
  color: #fff;
}
.LivestreamCard-next {
  padding: 5rem;
  grid-column: 1/-1;
  min-height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
@media not all and (min-width: 48em) {
  .LivestreamCard-next {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
}
@media not all and (min-width: 28.125em) {
  .LivestreamCard-next {
    padding: 5rem 2.5rem 2.5rem;
  }
}
.LivestreamCard-next__left {
  max-width: 55rem;
}
.LivestreamCard-next__left-meta {
  font-weight: bold;
  font-size: 1.5rem;
}
.LivestreamCard-next__left-title {
  font-weight: bold;
  font-family: 'Lyon Display', sans-serif;
  font-size: 2.5rem;
  margin: 1rem 0 2.5rem;
}
.LivestreamCard-next__left-when {
  font-size: 2rem;
  font-family: 'Lyon Display', sans-serif;
  font-style: italic;
}
.LivestreamCard-next__right {
  margin-left: 4rem;
}
@media not all and (min-width: 48em) {
  .LivestreamCard-next__right {
    margin-top: 2.5rem;
    margin-left: 0;
  }
}
.LivestreamCard .add-to-calendar {
  position: relative;
  font-weight: 600;
  flex-shrink: 0;
}
.LivestreamCard .add-to-calendar-button {
  border-radius: 3rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #fff;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2rem;
  line-height: 1;
  padding: 1.55rem 2rem 1.55rem 4.5rem;
  position: relative;
  background: linear-gradient(90deg, #fb2f5f, #ff6037);
  transition: 0.2s;
  white-space: nowrap;
}
.LivestreamCard .add-to-calendar-button:focus {
  outline: none;
  transform: scale(1.02);
}
.LivestreamCard .add-to-calendar-button:before {
  content: '\f133';
  position: absolute;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 1.5rem;
  left: 2.5rem;
  top: 50%;
  transform: translate(-50%, -50%);
}
.LivestreamCard .add-to-calendar-dropdown {
  position: absolute;
  z-index: 9;
  bottom: calc(100% + 0.675rem);
  left: 0;
  width: 100%;
}
.LivestreamCard .add-to-calendar-dropdown a {
  display: block;
  padding: 1rem 1.25rem;
  text-align: center;
  background: #2c3254;
  color: #fff;
  border-radius: 3rem;
  box-shadow: 0 0.8999999999999999px 3px rgba(57, 70, 136, 0.413);
}
.LivestreamCard .add-to-calendar-dropdown a + a {
  margin-top: 0.625rem;
}
.LivestreamCard-expires {
  font-weight: bold;
  text-align: center;
  margin: 1rem 0;
}
.Loading {
  position: relative;
  height: 30rem;
  display: block;
  border-radius: 3rem;
  background: #f5f5f9;
}
.Loading--tall {
  height: 50rem;
}
.Loading--transparent {
  background: transparent;
}
.Loading--darkMode {
  background: #161514;
}
.Loading--full {
  position: absolute;
  height: auto;
  left: 2.5rem;
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
}
.Loading--edgeless {
  position: absolute;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.Loading--center {
  position: absolute;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.Loading--tiny {
  height: 10px;
  transform: scale(0.7);
  margin-right: 1rem;
}
.Loading--tiny .Loading-icon {
  height: 4rem;
}
.Loading--short {
  height: 6rem;
  margin-bottom: 1.25rem;
}
.Loading--short .Loading-icon {
  display: none;
}
.Loading-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 6rem;
  color: #d3d3d3;
  z-index: 1;
  animation: bohh 3s linear forwards infinite;
}
.Loading-icon--swoop {
  color: #3f88e9;
}
.Loading-icon--darkMode {
  color: #e3c184;
}
.Loading-icon--swoop .line {
  animation: swoop 3s ease forwards infinite;
}
.Loading-icon--darkMode .line {
  animation: swoop 3s ease forwards infinite;
}
.Loading-icon--swoop .tip {
  animation: tipSwoop 3s ease forwards infinite;
}
.Loading-icon--darkMode .tip {
  animation: tipSwoop 3s ease forwards infinite;
}
.Loading--white .Loading-icon {
  color: #fff;
  opacity: 0.4;
}
.Loading--white .Loading-icon--swoop {
  opacity: 1;
}
.Loading--white .Loading-icon--darkMode {
  opacity: 1;
}
.Loading--small .Loading-icon {
  height: 4rem;
}
@keyframes swoop {
  0% {
    stroke-dasharray: 1400;
    stroke-dashoffset: 1400;
  }
  40% {
    stroke-dasharray: 2520;
    stroke-dashoffset: -1400/2;
  }
  70% {
    stroke-dasharray: 1400;
  }
  80% {
    stroke-dasharray: 1400;
    stroke-dashoffset: -1400;
  }
  100% {
    stroke-dasharray: 1400;
    stroke-dashoffset: -1400;
  }
}
@keyframes tipSwoop {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bohh {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1);
  }
  52.17% {
    transform: translate(-50%, -50%) scale(1);
  }
  55.36% {
    transform: translate(-50%, -50%) scale(1.15);
  }
  60% {
    transform: translate(-50%, -50%) scale(0.85);
  }
  64.83% {
    transform: translate(-50%, -50%) scale(1.08);
  }
  69.75% {
    transform: translate(-50%, -50%) scale(0.925);
  }
  75.37% {
    transform: translate(-50%, -50%) scale(1.02);
  }
  84.06% {
    transform: translate(-50%, -50%) scale(0.975);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
.MiniScore--small .Card-content {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.MiniScore.Card.MiniScore:not(.MiniScore--ranked) {
  border-radius: 2rem;
}
.MiniScore-card {
  display: flex;
  align-items: center;
  margin: 0 -1.25rem;
}
@media not all and (min-width: 56.25em) {
  .MiniScore-card {
    margin: 0;
  }
}
.MiniScore--ranked {
  border-radius: 0;
}
.MiniScore--ranked:first-child {
  border-radius: 2rem 2rem 0 0;
}
.MiniScore--ranked:last-child {
  border-radius: 0 0 2rem 2rem;
}
.MiniScore-avatar {
  min-width: 3rem;
}
.MiniScore-ellipsis {
  position: absolute;
  top: 0;
  left: 50%;
  font-size: 3rem;
  color: #d3d3d3;
  transform: translate(-50%, -50%);
  margin: 0;
  background: #fff;
  padding: 1rem;
}
.MiniScore-rank {
  font-weight: bold;
  font-size: 1.8rem;
  position: relative;
  color: #fff;
  line-height: 1;
  z-index: 2;
  margin-left: 2.5rem;
}
.MiniScore--small .MiniScore-rank {
  color: #2c3254;
  margin-left: 1.25rem;
  font-size: 1.4rem;
  margin-right: 1.25rem;
}
.MiniScore-burst {
  color: #3f88e9;
  height: 2.4em;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  margin: 0;
}
.MiniScore-details {
  position: relative;
  font-size: 2rem;
  font-weight: 600;
  font-family: montserrat, sans-serif;
  margin-left: 1.25rem;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  line-height: 1.4;
}
@media not all and (min-width: 75em) {
  .MiniScore-details {
    font-size: 1.8rem;
  }
}
@media not all and (min-width: 56.25em) {
  .MiniScore-details {
    font-size: 2.4rem;
  }
}
.MiniScore--small .MiniScore-details {
  display: flex;
  justify-content: space-between;
}
.MiniScore-detail {
  white-space: nowrap;
  transition: opacity 0.2s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MiniScore-detail--points {
  flex-shrink: 0;
  letter-spacing: 0.05em;
  font-size: 1.4rem;
  color: #828297;
}
.MiniScore--small .MiniScore-detail {
  font-size: 1.4rem;
}
.MiniScore--small .MiniScore-detail--points {
  margin-left: 1.25rem;
}
.MiniScore-notification {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.MiniScore-notification--1 {
  font-size: 1.2rem;
  color: #3f88e9;
  text-transform: uppercase;
  line-height: 1.4;
}
.MiniScore-notification--2 {
  color: #3f88e9;
  white-space: nowrap;
  font-size: 2.4rem;
  text-transform: uppercase;
  line-height: 1.4;
}
.MiniScore--notify .MiniScore-detail {
  opacity: 0;
}
.MiniScore--notify-1 .MiniScore-notification--1 {
  opacity: 1;
  transform: translateY(0%);
}
.MiniScore--notify-2 .MiniScore-notification--1 {
  opacity: 0;
  transform: translateY(-100%);
}
.MiniScore--notify-2 .MiniScore-notification--2 {
  opacity: 1;
  transform: translateY(0%);
}
.MiniScore--notify-3 .MiniScore-notification--2 {
  opacity: 0;
  transform: translateY(-100%);
}
.MiniScore--notify-3 .MiniScore-detail {
  opacity: 1;
}
.MiniScoreBoard {
  display: block;
  border-radius: 3rem;
  position: relative;
}
.MiniScoreBoard--team {
  background: #ebebf2;
  padding: 1.25rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.MiniScoreBoard--team > * {
  position: relative;
  z-index: 1;
}
.MiniScoreBoard--team:before {
  content: '';
  display: block;
  background: linear-gradient(125deg, #3faffd, #259dfc, #6e56d7);
  width: 100%;
  height: 18rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.MiniScoreBoard--individual {
  background: linear-gradient(125deg, #3faffd, #259dfc, #6e56d7);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Courses-headItem > .MiniScoreBoard--individual {
  flex-grow: 0;
}
.MiniScoreBoard--loading {
  min-height: 12rem;
}
@media not all and (min-width: 18.75em) {
  .MiniScoreBoard {
    border-radius: 0;
  }
}
.MiniScoreBoard-members {
  flex-grow: 1;
}
.MiniScoreBoard-title {
  color: #fff;
  margin-bottom: 1.25rem;
  text-align: center;
  flex-grow: 0;
  z-index: 100;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.MiniScoreBoard-title .Icon--tooltip {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}
.MiniScoreBoard-title .Icon--tooltip .Icon--font {
  font-size: 1.8rem;
  cursor: pointer;
}
.MiniScoreBoard-link {
  display: block;
  text-align: center;
  padding-top: 1.25rem;
  text-transform: uppercase;
  font-weight: 800;
  color: #3f88e9;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  flex-grow: 0;
}
.Modal {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background: #f5f5f9;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.Modal.ReactModal__Overlay--after-open {
  opacity: 1;
}
.Modal.ReactModal__Overlay--after-open.share-video-modal {
  background: rgba(229, 229, 233, 0.733);
}
.Modal.ReactModal__Overlay--after-open .Modal-stage {
  transform: translateY(0);
}
.Modal.ReactModal__Overlay--before-close {
  opacity: 0;
}
.Modal.ReactModal__Overlay--before-close .Modal-stage {
  transform: translateY(-50vh);
}
.Modal-stage {
  width: 100%;
  height: auto;
  max-height: 100vh;
  overflow-y: auto;
  transform: translateY(50vh);
  transition: transform 0.2s ease-in-out;
  padding: 0 2.5rem;
}
@media not all and (min-width: 37.5em) {
  .Modal-stage {
    padding: 0 1.25rem;
  }
}
@media not all and (min-width: 18.75em) {
  .Modal-stage {
    padding: 0;
  }
}
.Modal-stage:focus {
  outline: none;
}
.Modal-panel {
  position: relative;
  background: #fff;
  border-radius: 3rem;
  max-width: 50rem;
  margin: 2.5rem auto;
  padding: 5rem;
  overflow: hidden;
}
.Modal-panel--large {
  max-width: 80rem;
  padding: 5rem 0;
  transform: translateZ(0);
}
.Modal-panel--extra-large {
  max-width: 100rem;
  padding: 5rem 0;
  transform: translateZ(0);
}
.Modal-panel--nopadding {
  padding: 0;
}
@media not all and (min-width: 37.5em) {
  .Modal-panel {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.Modal--present .Modal-panel {
  padding-top: 7.5rem;
}
.Modal--gift-phone .Modal-panel {
  max-width: 63rem;
  padding-left: 26rem;
}
@media not all and (min-width: 37.5em) {
  .Modal--gift-phone .Modal-panel {
    padding-left: 5rem;
  }
}
.Modal--gift-phone .Modal-panel .Modal-title,
.Modal--gift-phone .Modal-panel .Modal-content {
  text-align: left;
}
.Modal--gift-phone-small .Modal-panel {
  max-width: 54rem;
  padding-left: 24rem;
}
@media not all and (min-width: 37.5em) {
  .Modal--gift-phone-small .Modal-panel {
    padding-left: 5rem;
  }
}
.Modal-close {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  font-size: 2rem;
  color: rgba(44, 50, 84, 0.2);
  cursor: pointer;
  transition: color 0.2s ease-in-out;
  z-index: 5;
}
.Modal-close--white {
  color: #fff;
}
.Modal-close:hover,
.Modal-close:focus {
  color: rgba(44, 50, 84, 0.8);
  outline: none;
}
.Modal-close:active {
  transition: none;
  color: #2c3254;
}
.Modal-title {
  text-align: center;
  margin-bottom: 1.25rem;
}
.Modal-content {
  text-align: center;
  line-height: 1.8;
  font-size: 1.6rem;
}
.Modal-bmsu {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -2.5rem;
  font-size: 4rem;
  color: #3f88e9;
  font-family: 'Lyon Display', sans-serif;
  font-weight: 800;
  overflow: hidden;
}
.Modal-bmsu > .Icon {
  font-size: 2em;
  margin-bottom: -0.9em;
  margin-right: -0.2em;
  margin-left: -0.2em;
}
.Modal-present {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -10rem;
  z-index: 2;
}
.Modal-present > .Icon {
  font-size: 12rem;
  margin: 0;
}
.Modal-gift-phone {
  bottom: 0;
  left: 0;
  position: absolute;
  height: 107%;
  width: 100%;
}
.Modal-gift-phone > .Icon {
  height: 100%;
  margin-top: 0;
  width: auto;
}
@media not all and (min-width: 37.5em) {
  .Modal-gift-phone > .Icon {
    display: none;
  }
}
.Modal strong {
  font-weight: 800;
}
.ModuleContent-overlap {
  position: relative;
}
.ModuleContent-bold {
  font-weight: bold;
}
@media all and (min-width: 18.75em) {
  .ModuleContent-course-nav {
    display: block;
    width: 100%;
  }
}
.ModuleContent-expires {
  margin: 1.5rem 0;
  text-align: center;
}
.ModuleContent-scoreboard {
  margin-bottom: 2.5rem;
}
.ModuleContent--course {
  background-color: #010101;
}
.ModuleContent-course--container {
  margin-top: 2.5rem;
  border: none;
}
.ModuleContent-course--progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 2.5rem 0;
}
.ModuleContent-course--main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}
.ModuleContent-course--left {
  min-width: 0;
  flex: 1;
}
@media not all and (min-width: 56.25em) {
  .ModuleContent-course--left {
    min-width: auto;
    width: 100%;
  }
}
.ModuleContent-course--right {
  flex-shrink: 0;
  width: 40rem;
  margin-left: 2.5rem;
}
@media not all and (min-width: 56.25em) {
  .ModuleContent-course--right {
    width: 100%;
    margin-left: 0;
    margin-top: 2.5rem;
  }
}
.ModuleContent-course--right > * + *,
.ModuleContent-course--left > * + * {
  margin-top: 2.5rem;
}
.ModuleContent--module .Layout-header + .Container {
  margin-top: 2.5rem;
}
.ModuleNav {
  line-height: 1;
}
.ModuleNav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 1.25rem;
  width: 100%;
}
.ModuleNav-item--locked .ModuleNav-link {
  padding: 2rem 2.5rem;
}
.ModuleNav-preview .ModuleNav-item--locked .ModuleNav-link {
  padding: 1.25rem;
  padding-left: 2.5rem;
}
.ModuleNav-item--locked {
  border-radius: 3rem;
  border: 1px solid #f5f5f9;
  transition: 0.25s;
}
.ModuleNav-item--locked:hover {
  border-color: transparent;
  box-shadow: 0 0 10px rgba(44, 50, 84, 0.15);
  transform: scale(1.02);
}
.ModuleNav-item--locked .ModuleNav-time {
  color: #fb2f5f;
  flex-shrink: 0;
  font-size: 1.2rem;
}
.ModuleNav-item + .ModuleNav-item {
  margin-top: 0.625rem;
}
.ModuleNav-main {
  min-width: 0;
  width: 100%;
  margin-right: 1.25rem;
}
.ModuleNav-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.ModuleNav-pre,
.ModuleNav-time,
.ModuleNav-score {
  color: #808080;
  font-weight: 600;
}
.ModuleNav-score {
  color: #808080;
}
.ModuleNav-score .Icon {
  height: 2rem;
  margin-right: 0.5rem;
}
.ModuleNav-title {
  flex: 1;
  font-family: montserrat, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.8rem;
  margin: 0 1.25rem;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ModuleNav-progress {
  margin-top: 1.25rem;
  border-radius: 0.5rem;
  height: 0.8rem;
}
.ModuleNav-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  font-size: 1rem;
  padding: 1rem 1.25rem;
  min-width: 9rem;
  width: auto;
  line-height: 1.5;
}
.ModuleNav--inner {
  padding: 4rem 3rem;
}
.ModuleNav-heading,
.ModuleNav-description {
  margin: 0 1.25rem;
}
.ModuleNav-next {
  margin-top: 2.5rem;
}
.ModuleNav-description {
  line-height: 1.6;
}
.ModuleNav > * + * {
  margin-top: 1.25rem;
}
.Nav {
  z-index: 130;
  white-space: nowrap;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
}
.Nav-link {
  font-weight: bold;
  font-size: 1.4rem;
  letter-spacing: 0.03em;
  position: relative;
}
.Nav-link--notify {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  border: 0.1rem solid #f5f5f9;
  background: #fb2f5f;
  border-radius: 0.6rem;
  position: absolute;
  top: -7px;
  right: -7px;
}
.Nav-user {
  width: 3.5rem;
  height: 3.5rem;
  display: inline-block;
}
@media not all and (min-width: 18.75em) {
  .Nav-user {
    width: 6rem;
    padding-right: 1.25rem;
  }
}
.Nav-badge {
  padding: 1.25rem 0;
}
.Nav-badge .Alerts {
  margin-top: 1.25rem;
  color: #fb2f5f;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.2;
  white-space: normal;
  text-align: left;
}
.Nav-badge .Alerts > * + * {
  margin-top: 1.25rem;
}
.Nav > * + * {
  margin-left: 1.25rem;
}
.NextItem {
  overflow: hidden;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
.NextItem .Card-header {
  flex-basis: 45%;
  flex-shrink: 0;
  flex-grow: 1;
  min-width: 24rem;
  min-height: 15rem;
}
@media not all and (min-width: 24rem) {
  .NextItem .Card-header {
    min-width: 20rem;
  }
}
.NextItem .Card-header__small {
  max-height: 10rem;
}
@media not all and (min-width: 56.25em) {
  .NextItem .Card-header__small {
    display: none;
  }
}
.NextItem .Card-content {
  flex-basis: 55%;
  flex-shrink: 0;
  flex-grow: 1;
  min-width: 24rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media not all and (min-width: 56.25em) {
  .NextItem .Card-content {
    padding: 2.5rem;
  }
}
@media not all and (min-width: 24rem) {
  .NextItem .Card-content {
    min-width: 20rem;
  }
}
.NextItem-hasProgress .Card-content {
  padding-bottom: 7.5rem;
}
@media not all and (min-width: 56.25em) {
  .NextItem-hasProgress .Card-content {
    padding-bottom: 7.5rem;
  }
}
.NextItem-subcontent {
  margin: 2.5rem 0;
}
.NextItem-describe {
  margin-bottom: 1.25rem;
}
.NextItem-description__small,
.NextItem-describe__small {
  font-size: 1rem;
}
.NextItem-description__small {
  display: none;
}
.NextItem-title {
  line-height: 1.2;
}
.NextItem-title__next-video {
  text-transform: uppercase;
  padding: 0 3rem;
  text-align: center;
  line-height: 2.5rem;
}
@media not all and (min-width: 37.5em) {
  .NextItem-title__next-video {
    line-height: 1.25rem;
  }
}
.NextItem-title__small {
  font-size: 1.8rem;
}
.NextItem-thumb {
  position: relative;
  display: block;
  background-color: #2c3254;
  background-position: center center;
  background-size: cover;
  padding: 2.5rem;
  height: 100%;
}
.NextItem-thumb:after {
  opacity: 0.4;
  content: '';
  display: block;
  background-color: #2c3254;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.NextItem-locked {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2c3254;
  background-position: center center;
  background-size: cover;
  padding: 2.5rem;
  height: 100%;
}
.NextItem-locked__lock {
  z-index: 100;
  margin: 0 7px 2px 0;
}
.NextItem-locked:after {
  opacity: 0.6;
  content: '';
  display: block;
  background-color: #2c3254;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.NextItem-button {
  width: auto;
}
.NextItem-button__lock {
  z-index: 100;
}
.NextItem-button__row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.NextItem-button__small {
  display: none;
}
.NextItem-header-button {
  width: 70%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 50;
}
.NextItem-progress {
  background: rgba(168, 168, 183, 0.2);
  position: absolute;
  bottom: 2.5rem;
  left: 2.5rem;
  right: 2.5rem;
  height: 1rem;
  border-radius: 1rem;
  z-index: 2;
}
.NextItem-progress__small {
  display: none;
}
.NextItem-small {
  border: none;
}
.NextItem-small .Card-header {
  min-height: 10rem !important;
  max-height: 10rem;
}
.NextItem-small .Card-content {
  padding: 2rem;
}
.NextItem-small.NextItem-hasProgress .Card-content {
  padding-bottom: 0;
}
.Account-success {
  background: #3f88e9;
  color: #fff;
  padding: 0.4em 1.25rem;
  border-radius: 0.4rem;
  margin-bottom: 1.25rem;
  display: block;
  font-weight: bold;
}
.Account-links {
  text-align: center;
  font-size: 1.2rem;
}
.Account .Confirm + .Form {
  margin-top: 2.5rem;
}
.Account-link {
  display: block;
  margin-top: 2.5rem;
}
@media all and (min-width: 18.75em) {
  .Account-link {
    display: inline-block;
  }
  .Account-link + .Account-link {
    margin-left: 1rem;
  }
}
.Billing-count {
  font-size: 8rem;
  line-height: 1;
}
.Billing-title {
  margin-bottom: 5rem;
}
.Billing-buttons {
  display: flex;
  margin: -0.625rem;
}
.Billing-buttons > .Button {
  margin: 0.625rem;
}
.Billing-message {
  padding: 5rem 0;
  text-align: center;
}
.Billing-bold {
  font-weight: bold;
}
.Billing-cancel {
  color: #fb2f5f;
  cursor: pointer;
  font-size: 1.2rem;
  margin-bottom: -2.5rem;
  margin-top: 2.5rem;
  text-align: center;
  text-decoration: underline;
}
@media not all and (min-width: 37.5em) {
  .Billing-cancel {
    margin-bottom: 0;
    margin-top: 1rem;
  }
}
.Cancellation-freetext {
  border: 1px #2c3254 solid;
  padding: 1.25rem;
}
.Billing-cancellation-choices {
  padding: 1.25rem;
}
.Courses-subtitle {
  color: #a8a8b7;
  font-family: montserrat, sans-serif;
  font-weight: 500;
  font-size: 0.5em;
  font-style: italic;
  margin-top: 0.5em;
}
@media not all and (min-width: 37.5em) {
  .Courses-subtitle {
    display: none;
  }
}
.Courses-label {
  padding: 1.25rem;
}
@media all and (min-width: 18.75em) {
  .Courses-label {
    padding-left: 0;
  }
}
@media all and (min-width: 37.5em) {
  .Courses-label {
    padding-top: 2.5rem;
  }
}
.Courses-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  margin: 2.5rem -1.25rem;
  flex-wrap: wrap;
}
@media not all and (min-width: 37.5em) {
  .Courses-head {
    margin: 2.5rem -1.25rem;
  }
}
.Courses-headItem {
  margin: 1.25rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.Courses-headItem:first-child {
  flex: 2;
  min-width: 50%;
}
.Courses-headItem > * {
  flex-grow: 1;
}
.Courses-headItem > *:first-child {
  flex-grow: 0;
}
@media not all and (min-width: 37.5em) {
  .Courses-headItem {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.Courses-title-toggle {
  display: flex;
  background: #f5f5f9;
  border-radius: 3rem;
}
.Courses-titlebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
@media not all and (min-width: 48em) {
  .Courses-titlebar a span.hide-on-mobile {
    display: none;
  }
}
@media not all and (min-width: 37.5em) {
  .Courses-titlebar a {
    display: none;
  }
}
.Courses-titlebar .Button {
  width: auto;
}
@media not all and (min-width: 56.25em) {
  .Courses-titlebar .Button {
    padding: 1.55rem 2rem;
  }
}
@media not all and (min-width: 37.5em) {
  .Courses-titlebar .Button {
    padding: 1.55rem 2rem;
  }
}
@media not all and (min-width: 28.125em) {
  .Courses-titlebar .Button span.hide-on-mobile {
    display: none;
  }
}
.Courses-ad {
  margin-top: 2.5rem;
}
.Courses-progress {
  background: rgba(255, 255, 255, 0.2);
  position: relative;
  height: 1rem;
  width: 100%;
  border-radius: 1rem;
  z-index: 2;
}
.Courses-progress--label {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-left: 2.5rem;
}
.Courses-progress--label span:first-of-type {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 1px;
}
.Courses-item {
  position: relative;
  top: 0;
  margin: 1.25rem;
  min-height: 42rem;
  display: flex;
  align-items: stretch;
  transition: 0.25s;
}
.Courses-item .Card-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media not all and (min-width: 18.75em) {
  .Courses-item {
    margin: 0;
  }
}
.Courses-item .Courses-progress {
  margin: 0.625rem 0;
}
.Courses-item--meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.Courses-item--title {
  padding: 0 2.5rem;
}
.Courses-item--title__no-padding {
  padding: 0;
}
.Courses-item--content {
  margin-top: 1.25rem;
  padding: 2.5rem;
  color: #2c3254;
  background: #fff;
  border-radius: 2rem;
}
.Courses-item--buttons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.Courses-item--buttons .Button {
  width: calc(50% - 1rem);
}
@media not all and (min-width: 75em) {
  .Courses-item--buttons .Button {
    width: 100%;
  }
  .Courses-item--buttons .Button:last-of-type {
    margin-top: 1.25rem;
  }
}
@media not all and (min-width: 56.25em) {
  .Courses-item--buttons .Button {
    width: calc(50% - 1rem);
  }
  .Courses-item--buttons .Button:last-of-type {
    margin-top: 0;
  }
}
@media not all and (min-width: 28.125em) {
  .Courses-item--buttons .Button {
    width: 100%;
  }
  .Courses-item--buttons .Button:last-of-type {
    margin-top: 1.25rem;
  }
}
.Courses-item:not(.Courses-item--loading):hover,
.Courses-item:not(.Courses-item--loading):focus,
.Courses-item:not(.Courses-item--loading):active {
  top: -0.625rem;
  box-shadow: 0 3px 15px rgba(44, 50, 84, 0.25);
}
.Courses-item__active {
  border: 0 solid #3f88e9;
  box-shadow: 0 0 0 4px #3f88e9 !important;
  transition: 0.1s;
}
.Courses-courseName {
  font-size: 2.2rem;
}
.Courses-description {
  line-height: 1.4;
  transition: height 0.3s ease-in-out;
  margin-bottom: 1.25rem;
}
@media not all and (min-width: 37.5em) {
  .Courses-description {
    height: auto;
  }
}
.Courses-description span {
  display: block;
}
.Courses-description--bold {
  font-weight: bold;
  text-align: center;
  font-size: 17px;
}
.Courses-next {
  height: auto;
  min-height: 20rem;
  margin: 1.25rem 0;
}
@media not all and (min-width: 37.5em) {
  .Courses-next {
    grid-column: span 1;
  }
}
@media not all and (min-width: 18.75em) {
  .Courses-next {
    margin: 0;
  }
}
.Courses-scoreboard {
  margin: 1.25rem 0;
}
@media not all and (min-width: 18.75em) {
  .Courses-scoreboard {
    margin: 0;
  }
}
.Icon--new {
  position: absolute;
  left: 0;
  height: auto;
  top: 5rem;
  width: 65px;
}
.Icon--retired {
  position: absolute;
  left: 0;
  height: auto;
  top: 5rem;
  width: 145px;
}
.Content-list {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: auto;
  margin: 1.25rem -1.25rem;
}
@media not all and (min-width: 56.25em) {
  .Content-list {
    grid-template-columns: 100%;
  }
}
@media not all and (min-width: 18.75em) {
  .Content-list {
    margin: 0;
  }
}
.Content-list--livestream :first-child,
.Content-list--livestream > .Title {
  grid-column: 1/-1;
}
.Content-list--livestream > .Title {
  padding: 0 1.25rem;
  margin: 2.5rem 0 0.625rem;
}
.Content-free-list {
  display: grid;
  grid-template-columns: repeat(3, 33.33%);
  grid-template-rows: auto;
  margin: 1.25rem -1.25rem;
}
@media not all and (min-width: 56.25em) {
  .Content-free-list {
    grid-template-columns: 100%;
  }
}
@media not all and (min-width: 18.75em) {
  .Content-free-list {
    margin: 0;
  }
}
.Content-free-list .Courses-item--buttons .Button {
  width: 100%;
}
.Content-free-list .Courses-item--buttons .Button:last-of-type {
  margin-top: 1.25rem;
}
@media not all and (min-width: 75em) {
  .Content-free-list .Courses-item--buttons .Button {
    width: 100%;
  }
  .Content-free-list .Courses-item--buttons .Button:last-of-type {
    margin-top: 1.25rem;
  }
}
@media not all and (min-width: 56.25em) {
  .Content-free-list .Courses-item--buttons .Button {
    width: calc(50% - 1rem);
  }
  .Content-free-list .Courses-item--buttons .Button:last-of-type {
    margin-top: 0;
  }
}
@media not all and (min-width: 28.125em) {
  .Content-free-list .Courses-item--buttons .Button {
    width: 100%;
  }
  .Content-free-list .Courses-item--buttons .Button:last-of-type {
    margin-top: 1.25rem;
  }
}
.Replay-item {
  position: relative;
  top: 0;
  padding: 5rem;
  min-height: 40rem;
  display: flex;
  align-items: stretch;
  transition: 0.25s;
}
.Replay-item .Card-content {
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media not all and (min-width: 28.125em) {
  .Replay-item {
    padding: 2.5rem;
  }
}
@media not all and (min-width: 18.75em) {
  .Replay-item {
    margin: 0;
  }
}
.Replay-item--title {
  line-height: 1;
  margin-bottom: 2.5rem;
}
.Replay-item--title-category {
  font-weight: bold;
}
.Replay-item--title-description {
  font-weight: bold;
  font-family: 'Lyon Display', sans-serif;
  font-size: 2.5rem;
  margin: 1rem 0 2.5rem;
}
.Replay-item .Button--disabled {
  background: #a8a8b7;
}
.Get-Access {
  display: flex;
  width: 100%;
  padding: 5rem 0;
  flex-wrap: wrap;
}
.Get-Access--top {
  height: 45vh;
  width: 100%;
  position: relative;
  margin-top: -5rem;
  background: #000;
  overflow: hidden;
}
@media (max-width: 700px) {
  .Get-Access--top {
    display: none;
  }
}
.Get-Access--top #looping-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}
.Get-Access--overlay-content {
  position: absolute;
  width: 80%;
  height: 100%;
  margin-top: 2rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.Get-Access--overlay-content__cta {
  margin-top: 4rem;
  width: auto;
}
.Get-Access--overlay-content__trailer {
  margin-top: 1.5rem;
  width: auto;
}
.Get-Access--overlay-content__title {
  color: #fff;
  font-size: 3rem;
}
.Get-Access--overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(20, 20, 20, 0.6);
  pointer-events: none;
}
.Get-Access--bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30vh;
  padding: 4rem 6rem 0;
  text-align: center;
}
@media not all and (min-width: 56.25em) {
  .Get-Access--bottom {
    padding: 4rem 2rem 4rem 4rem;
  }
}
@media (max-width: 700px) {
  .Get-Access--bottom {
    height: auto;
    padding: 4rem;
  }
}
.Get-Access--bottom li:before {
  content: '\f058';
  display: inline-block;
  margin-right: 8px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #3f88e9;
}
.Get-Access--cta {
  margin-top: 4rem;
  width: auto;
}
.Get-Access--title {
  padding-bottom: 2rem;
  color: #3f88e9;
}
@media (min-width: 700px) {
  .Get-Access--title {
    display: none;
  }
}
.Get-Access--trailer {
  height: 100%;
  width: 100%;
  max-width: 1300px;
  position: fixed;
  display: flex;
  align-items: center;
  background: #f5f5f9;
  z-index: 200;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.Get-Access--trailer__container {
  position: relative;
  width: 100%;
  height: 0;
  margin: auto;
  padding-bottom: 56.25%;
}
.Get-Access--trailer__close {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  font-size: 2rem;
  color: rgba(44, 50, 84, 0.2);
  cursor: pointer;
  transition: color 0.2s ease-in-out;
  z-index: 5;
  color: #fff;
}
@media not all and (min-width: 18.75em) {
  .Livestream {
    padding-top: 2.5rem;
  }
}
.Livestream-container {
  border: none;
}
.Livestream-main {
  padding: 3rem 1.25rem 1.25rem;
  margin-top: 2.5rem;
}
.Livestream-titlebar {
  text-align: center;
}
.Livestream-ads {
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-template-rows: auto;
  margin-top: 1.25rem;
}
.Livestream-ads__two-ads {
  grid-template-columns: repeat(2, 50%);
}
@media not all and (min-width: 56.25em) {
  .Livestream-ads {
    grid-template-columns: 100%;
  }
}
.Livestream-ads .Ad {
  margin: 1.25rem;
}
.Livestream.Layout .LivestreamCard {
  margin-bottom: 4rem;
}
.Livestream-workbook-download {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: max-content;
  padding: calc(1.55rem - 6px) 2rem;
  margin: 2rem auto;
  border-radius: 27px;
  border: 2px solid #ebebf2;
  text-align: center;
  letter-spacing: 0.1em;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  color: #2c3254;
  cursor: pointer;
  transition: box-shadow 0.2s ease-out;
  line-height: 1;
  white-space: nowrap;
}
.PurchaseGift {
  border: 1px solid #ebebf2;
  border-radius: 3rem;
  margin-top: 1.25rem;
  margin-bottom: 2.5rem;
}
.PurchaseGift-line {
  padding: 2.5rem;
  display: flex;
  justify-content: space-between;
}
.PurchaseGift-line + .PurchaseGift-line {
  border-top: 1px solid #ebebf2;
}
.PurchaseGift-value {
  font-weight: bold;
}
.PurchaseGift-line--total {
  font-size: 1.4em;
}
.PurchaseGift-line--total .PurchaseGift-label {
  font-weight: bold;
  color: #3f88e9;
}
.PurchaseGift-error {
  font-weight: bold;
  color: #fb2f5f;
  margin-bottom: 1.25rem;
}
.PurchaseGift-buttons {
  padding: 2.5rem 0;
  display: flex;
  justify-content: space-between;
}
.PurchaseGift-product {
  margin-bottom: 2.5rem;
  display: flex;
  align-items: center;
  padding: 1.25rem;
  border-radius: 3rem;
  justify-content: space-between;
}
.PurchaseGift-icon {
  flex-shrink: 0;
  height: 8rem;
  width: 8rem;
}
@media not all and (min-width: 37.5em) {
  .PurchaseGift-icon {
    height: 6rem;
    width: 6rem;
  }
}
@media not all and (min-width: 18.75em) {
  .PurchaseGift-icon {
    display: none;
  }
}
.PurchaseGift-description {
  flex-grow: 1;
  padding: 0 2.5rem;
  line-height: 1.4;
}
@media not all and (min-width: 37.5em) {
  .PurchaseGift-description {
    padding: 0 1.25rem;
  }
}
@media not all and (min-width: 18.75em) {
  .PurchaseGift-description {
    padding-left: 0;
  }
}
.PurchaseGift-title {
  font-size: 1.6rem;
}
.PurchaseGift-price {
  font-size: 2.4rem;
  font-weight: 800;
  color: #3f88e9;
}
.ReviewAndUpgrade {
  text-align: left;
}
@media not all and (min-width: 18.75em) {
  .ReviewAndUpgrade > .Title {
    padding: 0 1.25rem;
  }
}
.ReviewAndUpgrade > .Button {
  margin-bottom: 1.25rem;
}
.ReviewAndUpgrade > div > div > .Card {
  margin-top: 2.5rem;
  border: 1px solid #ebebf2;
}
@media all and (min-width: 37.5em) {
  .ReviewAndUpgrade > div > div > .Card .Card-content {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.ReviewAndUpgrade .terms-agreement {
  position: relative;
  margin: 3rem 0 1.5rem;
  padding-left: 30px;
  text-align: left;
}
.ReviewAndUpgrade .terms-agreement input {
  margin-left: 0;
  width: auto;
  position: absolute;
  left: -99999px;
}
.ReviewAndUpgrade .terms-agreement input:checked + label:before {
  background-color: #3f88e9;
  border: 1px solid #3f88e9;
}
.ReviewAndUpgrade .terms-agreement label:before {
  position: absolute;
  text-align: left;
  content: '\2713';
  color: #fff;
  height: 20px;
  width: 20px;
  border: 1px solid #d8d8d8;
  display: inline-block;
  border-radius: 4px;
  transform: translateY(10%);
  left: 0;
}
.ReviewAndUpgrade .terms-agreement label:hover:before {
  border-color: #3f88e9;
}
.ReviewAndUpgrade-content {
  margin-bottom: 2.5rem;
}
@media not all and (min-width: 18.75em) {
  .ReviewAndUpgrade-content {
    padding: 0 1.25rem;
  }
}
.ReviewAndUpgrade-info {
  margin-bottom: 2rem;
}
.ReviewAndUpgrade-message {
  color: #fb2f5f;
  text-align: left;
  margin-bottom: 1.25rem;
}
.ReviewAndUpgrade-wrapper {
  display: flex;
}
@media not all and (min-width: 56.25em) {
  .ReviewAndUpgrade-wrapper {
    display: block;
  }
}
.ReviewAndUpgrade-table {
  margin: 1.25rem 0 2.5rem;
}
.ReviewAndUpgrade-section {
  padding: 2.5rem;
  border: 1px solid #ebebf2;
  border-top-width: 0;
  display: flex;
}
.ReviewAndUpgrade-section--red {
  color: #fb2f5f;
  font-weight: 600;
}
@media not all and (min-width: 37.5em) {
  .ReviewAndUpgrade-section {
    padding: 2.5rem;
  }
}
@media not all and (min-width: 18.75em) {
  .ReviewAndUpgrade-section {
    padding: 2.5rem 1.25rem;
  }
}
.ReviewAndUpgrade-section:first-child {
  border-top-width: 1px;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}
@media not all and (min-width: 18.75em) {
  .ReviewAndUpgrade-section:first-child {
    border-radius: 0;
  }
}
.ReviewAndUpgrade-section:last-child {
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}
@media not all and (min-width: 18.75em) {
  .ReviewAndUpgrade-section:last-child {
    border-radius: 0;
  }
}
.ReviewAndUpgrade-section--strong {
  font-size: 1.8rem;
}
.ReviewAndUpgrade-section--strong .ReviewAndUpgrade-label {
  color: #3f88e9;
  font-weight: 800;
}
.ReviewAndUpgrade-row {
  display: flex;
  align-items: center;
}
.ReviewAndUpgrade-row--strong {
  font-size: 1.44rem;
}
.ReviewAndUpgrade-row--strong .ReviewAndUpgrade-label {
  color: #3f88e9;
  font-weight: 800;
}
.ReviewAndUpgrade-label {
  flex: 1;
  letter-spacing: 0.05em;
}
.ReviewAndUpgrade-label__strong {
  font-size: 1.44rem;
  color: #3f88e9;
  font-weight: 800;
}
.ReviewAndUpgrade-label > b {
  font-weight: 800;
}
.ReviewAndUpgrade-value {
  font-weight: 800;
  letter-spacing: 0.05em;
}
.ReviewAndUpgrade-value--small {
  font-size: 1rem;
  font-style: italic;
  opacity: 0.8;
}
.ReviewAndUpgrade-cancel {
  color: #fb2f5f;
  cursor: pointer;
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  text-decoration: underline;
}
@media not all and (min-width: 37.5em) {
  .ReviewAndUpgrade-cancel {
    margin-bottom: 0;
    margin-top: 1rem;
  }
}
.ReviewAndUpgrade-sidebar {
  background: #fafafe;
  flex: 1;
  padding: 35px;
}
.ReviewAndUpgrade-sidebar .ReviewAndUpgrade-label {
  font-size: 0.9em;
}
.ReviewAndUpgrade-sidebar .ReviewAndUpgrade-table {
  background: #fff;
}
.ReviewAndUpgrade-sidebar .ReviewAndUpgrade-section {
  padding: 0.5rem 1.5rem;
}
.ReviewAndUpgrade-sidebar .ReviewAndUpgrade-section:nth-child(1) {
  padding: 1.5rem 1rem 0.5rem;
}
.ReviewAndUpgrade-sidebar .ReviewAndUpgrade-section:nth-child(1),
.ReviewAndUpgrade-sidebar .ReviewAndUpgrade-section:nth-child(2),
.ReviewAndUpgrade-sidebar .ReviewAndUpgrade-section:nth-child(3) {
  border-bottom: 0;
}
.ReviewAndUpgrade-sidebar .ReviewAndUpgrade-section:last-child .ReviewAndUpgrade-value {
  color: #fb2f5f;
}
.ReviewAndUpgrade-sidebar .ReviewAndUpgrade-row {
  display: block;
}
.ReviewAndUpgrade-sidebar .ReviewAndUpgrade-autodraft {
  font-size: 1rem;
  font-style: italic;
  opacity: 0.8;
  font-weight: bold;
}
.ReviewAndUpgrade-sidebar .Card {
  margin: 1.25rem 0 2.5rem;
}
.ReviewAndUpgrade-left {
  flex: 2;
  padding: 50px;
}
.ReviewAndUpgrade-left--no-padding {
  padding: 0;
}
.ReviewAndUpgrade .Card-content {
  padding: 2rem;
}
.SignIn-button {
  margin-top: 5rem;
}
@media not all and (min-width: 37.5em) {
  .SignIn-button {
    margin-top: 1.25rem;
  }
}
.SignIn-title {
  line-height: 1.4;
}
@media not all and (min-width: 18.75em) {
  .SignIn-title {
    margin: 1.25rem;
  }
}
.SignIn-card {
  color: #2c3254;
}
.SignIn-instructions {
  font-style: italic;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin: 2.5rem 0;
}
@media not all and (min-width: 18.75em) {
  .SignIn-instructions {
    margin: 1.25rem;
  }
}
.SignIn-instructions--success {
  text-align: center;
  background: #3f88e9;
  color: #fff;
  font-weight: bold;
  border-radius: 3rem;
  box-shadow: 0 0.6px 2px rgba(57, 70, 136, 0.58);
  padding: 1.25rem;
}
.ConfirmAccount-header {
  font-size: 1.8rem;
  text-align: center;
  line-height: 2;
  margin-bottom: 2.5rem;
}
.ConfirmAccount-card .Card-content {
  display: flex;
  margin: 0 -1.25rem;
}
.ConfirmAccount-button {
  flex: 1 1;
  margin: 0 1.25rem;
}
.Plans-plans {
  margin: 0 -1.25rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media not all and (min-width: 37.5em) {
  .Plans-plans {
    display: block;
  }
}
.Plans-plan {
  flex: 1;
  margin: 1.25rem;
  text-align: center;
  line-height: 1;
  position: relative;
  z-index: 1;
  padding-top: 1.25rem;
}
.Plans-plan:last-of-type {
  z-index: 0;
}
@media not all and (min-width: 37.5em) {
  .Plans-plan {
    margin-bottom: 2.5rem;
  }
}
.Plans-plan:hover {
  border-color: #a8a8b7;
  cursor: pointer;
}
.Plans-plan--active,
.Plans-plan--active:hover {
  border-color: #3f88e9;
  box-shadow: inset 0 0 0 1px #3f88e9;
}
.Plans-plan--active:before,
.Plans-plan--active:hover:before {
  display: flex;
  align-items: center;
  justify-content: center;
  content: '\f00c';
  font-family: 'Font Awesome 5 Free';
  font-weight: 800;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  color: #3f88e9;
  background: #fff;
  border-radius: 20rem;
  width: 3rem;
  height: 3rem;
  border: 2px solid #3f88e9;
}
.Plans-sub {
  color: #2c3254;
  line-height: 1.8;
  margin-bottom: 2.5rem;
}
.Plans-cancellation {
  margin-bottom: 2.5rem;
}
.Plans-basePrice {
  font-size: 2.4rem;
  text-decoration: line-through;
  margin-top: 1.25rem;
  line-height: 1;
  margin-bottom: 2.5rem;
}
.Plans-price {
  font-size: 5rem;
  color: #3f88e9;
  font-weight: 600;
  line-height: 1;
}
.Plans-price--small {
  font-size: 3rem;
}
.Plans-price--roomy {
  margin-bottom: 5rem;
}
.Plans-price--grey {
  color: #a8a8b7;
}
.Plans-price--line-through {
  text-decoration: line-through;
  font-size: 3rem;
  margin-bottom: 1rem;
}
.Plans-phone {
  font-size: 3.2rem;
  color: #3f88e9;
  font-weight: 600;
  line-height: 1.8;
}
.Plans-subPhone {
  color: #a8a8b7;
  line-height: 1.8;
  margin-bottom: 2.5rem;
  font-style: italic;
}
.Plans-subPhone > a {
  text-decoration: underline;
}
.Plans-savings {
  color: #fb2f5f;
  font-weight: 800;
}
.Plans-bogo .Icon {
  transition: opacity 0.2s ease-in-out;
  opacity: 0.3;
}
.Dropdown:hover.Plans-bogo .Icon {
  opacity: 0.7;
}
.Dropdown--open.Plans-bogo .Icon,
.Dropdown--open:hover.Plans-bogo .Icon {
  opacity: 1;
}
.Plans-bogo .Plans-savings {
  margin-bottom: 0;
}
@media not all and (min-width: 37.5em) {
  .Plans-bogo .Plans-savings {
    font-size: 2.4rem;
  }
}
.Plans-bogoDesc {
  text-align: left;
  font-size: 1.2rem;
}
@media not all and (min-width: 37.5em) {
  .Plans-bogoDesc {
    font-size: 1.8rem;
  }
}
.Plans-bogoDesc .Title {
  margin-bottom: 0.625rem;
}
@media not all and (min-width: 37.5em) {
  .Plans-bogoDesc .Title {
    font-size: 1.8rem;
  }
}
.Plans-button {
  text-align: right;
  margin-top: 2.5rem;
}
.Plans-list {
  text-align: left;
  margin: 2rem auto;
  display: inline-block;
}
.Plans-list li {
  font-weight: 800;
}
.Plans-list li + li {
  margin-top: 1.25rem;
}
.Plans-list li:before {
  content: '\f00c';
  font-family: 'Font Awesome 5 Free';
  font-weight: 800;
  color: #fff;
  background: #3f88e9;
  border-radius: 100%;
  font-size: 1rem;
  border: 5px solid #3f88e9;
  margin-right: 1.25rem;
}
.Overview {
  margin: 0 1.25rem;
}
@media not all and (min-width: 18.75em) {
  .ReviewAndPurchase > .Title {
    padding: 0 1.25rem;
  }
}
.ReviewAndPurchase > .Button {
  margin-bottom: 1.25rem;
}
.ReviewAndPurchase > div > div > .Card {
  margin-top: 2.5rem;
  border: 1px solid #ebebf2;
}
@media all and (min-width: 37.5em) {
  .ReviewAndPurchase > div > div > .Card .Card-content {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.ReviewAndPurchase .terms-agreement {
  position: relative;
  margin: 3rem 0 1.5rem;
  padding-left: 30px;
  text-align: left;
}
.ReviewAndPurchase .terms-agreement input {
  margin-left: 0;
  width: auto;
  position: absolute;
  left: -99999px;
}
.ReviewAndPurchase .terms-agreement input:checked + label:before {
  background-color: #3f88e9;
  border: 1px solid #3f88e9;
}
.ReviewAndPurchase .terms-agreement label:before {
  position: absolute;
  text-align: center;
  content: '\2713';
  color: #fff;
  height: 20px;
  width: 20px;
  border: 1px solid #d8d8d8;
  display: inline-block;
  border-radius: 4px;
  transform: translateY(10%);
  left: 0;
}
.ReviewAndPurchase .terms-agreement label:hover:before {
  border-color: #3f88e9;
}
.ReviewAndPurchase-content {
  margin-bottom: 2.5rem;
}
@media not all and (min-width: 18.75em) {
  .ReviewAndPurchase-content {
    padding: 0 1.25rem;
  }
}
.ReviewAndPurchase-message {
  color: #fb2f5f;
  text-align: center;
  margin-bottom: 1.25rem;
}
.ReviewAndPurchase-wrapper {
  display: flex;
}
@media not all and (min-width: 56.25em) {
  .ReviewAndPurchase-wrapper {
    display: block;
  }
}
.ReviewAndPurchase-table {
  margin: 1.25rem 0 2.5rem;
}
.ReviewAndPurchase-section {
  padding: 2.5rem;
  border: 1px solid #ebebf2;
  border-top-width: 0;
  display: flex;
}
.ReviewAndPurchase-section--red {
  color: #fb2f5f;
  font-weight: 600;
}
@media not all and (min-width: 37.5em) {
  .ReviewAndPurchase-section {
    padding: 2.5rem;
  }
}
@media not all and (min-width: 18.75em) {
  .ReviewAndPurchase-section {
    padding: 2.5rem 1.25rem;
  }
}
.ReviewAndPurchase-section:first-child {
  border-top-width: 1px;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}
@media not all and (min-width: 18.75em) {
  .ReviewAndPurchase-section:first-child {
    border-radius: 0;
  }
}
.ReviewAndPurchase-section:last-child {
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}
@media not all and (min-width: 18.75em) {
  .ReviewAndPurchase-section:last-child {
    border-radius: 0;
  }
}
.ReviewAndPurchase-section--strong {
  font-size: 1.8rem;
}
.ReviewAndPurchase-section--strong .ReviewAndPurchase-label {
  color: #3f88e9;
  font-weight: 800;
}
.ReviewAndPurchase-row {
  display: flex;
  align-items: center;
}
.ReviewAndPurchase-row--strong {
  font-size: 1.44rem;
}
.ReviewAndPurchase-row--strong .ReviewAndPurchase-label {
  color: #3f88e9;
  font-weight: 800;
}
.ReviewAndPurchase-label {
  flex: 1;
  letter-spacing: 0.05em;
}
.ReviewAndPurchase-label > b {
  font-weight: 800;
}
.ReviewAndPurchase-value {
  font-weight: 800;
  letter-spacing: 0.05em;
}
.ReviewAndPurchase-value--small {
  font-size: 1rem;
  font-style: italic;
  opacity: 0.8;
}
.ReviewAndPurchase-cancel {
  color: #fb2f5f;
  cursor: pointer;
  font-size: 1.2rem;
  margin-bottom: -2.5rem;
  margin-top: 2.5rem;
  text-align: center;
  text-decoration: underline;
}
@media not all and (min-width: 37.5em) {
  .ReviewAndPurchase-cancel {
    margin-bottom: 0;
    margin-top: 1rem;
  }
}
.ReviewAndPurchase-sidebar {
  background: #fafafe;
  flex: 1;
  padding: 50px;
}
.ReviewAndPurchase-sidebar .ReviewAndPurchase-label {
  font-size: 0.9em;
}
.ReviewAndPurchase-sidebar .ReviewAndPurchase-table {
  background: #fff;
}
.ReviewAndPurchase-sidebar .ReviewAndPurchase-section {
  padding: 1.5rem 2.5rem;
}
.ReviewAndPurchase-sidebar .ReviewAndPurchase-section:nth-child(1) {
  border-bottom: 0;
}
.ReviewAndPurchase-sidebar .ReviewAndPurchase-section:last-child .ReviewAndPurchase-value {
  color: #fb2f5f;
}
.ReviewAndPurchase-sidebar .ReviewAndPurchase-row {
  display: block;
}
.ReviewAndPurchase-sidebar .ReviewAndPurchase-autodraft {
  font-size: 1rem;
  font-style: italic;
  opacity: 0.8;
  font-weight: bold;
}
.ReviewAndPurchase-sidebar .Card {
  margin: 1.25rem 0 2.5rem;
}
.ReviewAndPurchase-left {
  flex: 2;
  padding: 50px;
}
.ReviewAndPurchase .Card-content {
  padding: 2rem;
}
.TrialWelcome-list {
  margin: 1.5rem 0;
}
.TrialWelcome-info {
  margin-top: 1.5rem;
  text-align: center;
}
.TrialWelcome-italic {
  font-style: italic;
  text-align: center;
}
.TrialWelcome li {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
}
.TrialWelcome li:before {
  content: '\f058';
  display: inline-block;
  margin-right: 8px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #3f88e9;
}
.TrialWelcome-buttons {
  padding: 2.5rem 0;
}
.Points {
  color: #3f88e9;
  text-align: center;
  font-weight: 800;
  letter-spacing: 0.04em;
  margin-bottom: 2.5rem;
  overflow: hidden;
  display: inline-block;
  line-height: 1;
}
.Points--animateIn {
  transition: height 0.4s ease-in-out;
}
.Points-frame {
  position: relative;
  padding: 4rem 6rem;
}
.Points--white {
  color: #fff;
}
.Points--white .Points-branch {
  color: #fff;
  opacity: 0.3;
}
.Points-count {
  margin-left: -0.3em;
  font-size: 4rem;
  opacity: 0;
  transform: translateY(50%);
  animation: pointsIn 0.3s ease-in-out forwards;
  animation-delay: 0.4s;
  margin-bottom: 1rem;
}
@media not all and (min-width: 37.5em) {
  .Points-count {
    font-size: 2rem;
  }
}
.Points-label {
  opacity: 0;
  transform: translateY(50%);
  text-transform: uppercase;
  animation: pointsIn 0.3s ease-in-out forwards;
  animation-delay: 0.45s;
}
@media not all and (min-width: 37.5em) {
  .Points-label {
    font-size: 1rem;
  }
}
.Points-branch {
  color: #ebebf2;
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  transform: translateX(-20%);
}
.Points-branch--right {
  left: auto;
  right: 0;
  transform: translateX(20%);
}
@keyframes pointsIn {
  0% {
    opacity: 0;
    transform: translateY(2rem);
    animation-timing-function: ease-in-out;
  }
  70% {
    opacity: 0.7;
    transform: translateY(-0.5rem);
    animation-timing-function: ease-in-out;
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
    animation-timing-function: ease-in-out;
  }
}
@media not all and (min-width: 18.75em) {
  .Preview {
    padding-top: 2.5rem;
  }
}
.Preview-module + .Preview-module {
  margin-top: 2.5rem;
}
.Preview-module--title {
  margin-bottom: 1.25rem;
  padding: 0 1.25rem;
}
.Preview-module.Card {
  border: none;
}
.Preview-module .Card-content {
  padding: 3rem 2rem;
}
.Preview-description {
  margin: 2.5rem 0;
}
@media not all and (min-width: 37.5em) {
  .Preview-title {
    padding: 0 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.PreviewContent-overlap {
  position: relative;
}
.PreviewContent-bold {
  font-weight: bold;
}
@media all and (min-width: 18.75em) {
  .PreviewContent-course-nav {
    display: block;
    width: 100%;
  }
}
.PreviewContent-expires {
  margin: 1.5rem 0;
  text-align: center;
}
.PreviewContent-scoreboard {
  margin-bottom: 2.5rem;
}
.PreviewContent--course {
  background-color: #010101;
}
.PreviewContent-course--container {
  border: none;
}
.PreviewContent-course--progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 2.5rem 0;
}
.PreviewContent-course--main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}
.PreviewContent-course--left {
  min-width: 0;
  flex: 1;
}
@media not all and (min-width: 56.25em) {
  .PreviewContent-course--left {
    min-width: auto;
    width: 100%;
  }
}
.PreviewContent-course--right {
  flex-shrink: 0;
  width: 40rem;
  margin-left: 2.5rem;
}
@media not all and (min-width: 56.25em) {
  .PreviewContent-course--right {
    width: 100%;
    margin-left: 0;
    margin-top: 2.5rem;
  }
}
.PreviewContent-course--right > * + *,
.PreviewContent-course--left > * + * {
  margin-top: 2.5rem;
}
.PreviewContent--module .Layout-header + .Container {
  margin-top: 2.5rem;
}
.Progress {
  overflow: hidden;
}
.Progress-bar {
  background: linear-gradient(90deg, #3faffd, #259dfc, #6e56d7);
  position: relative;
  height: 100%;
  max-width: 100%;
  min-width: 0%;
  overflow: hidden;
  transition: width 0.5s ease-in-out;
}
.Progress--transparent {
  background: transparent;
}
.Radio {
  display: flex;
  min-width: 20rem;
  align-items: center;
  justify-content: center;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  line-height: 1.2;
  cursor: pointer;
}
.Radio:hover .Radio-icon {
  border-color: #2c3254;
}
.Radio-label {
  display: inline-block;
  flex: 1;
}
.Radio-label > b {
  font-weight: 800;
}
.Radio-icon {
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-right: 2rem;
  border-radius: 1rem;
  border: 2px solid #d3d3d3;
}
.Radio--selected .Radio-icon {
  border-color: #2c3254;
}
.Radio--selected .Radio-icon:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #3f88e9;
  left: 2px;
  top: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 1rem;
}
.RedIndicator {
  background: linear-gradient(90deg, #fb2f5f, #ff6037);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 27px;
  text-align: center;
  padding: 1.35rem 2rem;
  margin-bottom: 4rem;
  letter-spacing: 0.1em;
  font-weight: 600;
  font-size: 1.2rem;
  color: #fff;
  transition: box-shadow 0.2s ease-out;
  line-height: 1;
  box-sizing: border-box;
  text-transform: uppercase;
}
.RedIndicator:last-child {
  margin-bottom: 0;
}
.RedIndicator-tight {
  margin-bottom: 3rem;
}
.RedIndicator .outer-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 16px;
  height: 16px;
  width: 16px;
  margin-right: 1rem;
  border-radius: 50%;
  background: transparent;
  border: 2px solid #fff;
}
.RedIndicator .dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: #fff;
}
@media not all and (min-width: 56.25em) {
  .Resources--desktop {
    display: none;
  }
}
.Resources--mobile {
  display: none;
}
@media not all and (min-width: 56.25em) {
  .Resources--mobile {
    display: block;
  }
}
.Resources-title {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #ebebf2;
  margin-bottom: 1.25rem;
}
.Resources-link {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  position: relative;
  font-weight: 800;
  font-size: 1.2rem;
  display: block;
  padding-top: 1.25rem;
  padding-left: 2.4em;
}
.Resources-link:hover {
  text-decoration: underline;
}
.Resources-icon {
  width: 1.4em;
  height: 1.4em;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY -50%;
}
.RoutableModal .Modal-content em {
  color: #fb2f5f;
  display: block;
  font-size: 0.8em;
  font-weight: 600;
  margin-top: 2.5rem;
}
.scoreboard-component {
  margin-top: 50px;
}
@media not all and (min-width: 56.25em) {
  .scoreboard-component {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }
}
@media not all and (min-width: 37.5em) {
  .scoreboard-component {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
.scoreboard-component__body {
  border-radius: 8px;
  overflow: hidden;
}
.scoreboard-component__body:before {
  content: '';
  position: absolute;
  top: 0;
  background: linear-gradient(125deg, #3faffd, #259dfc, #6e56d7);
  z-index: -1;
  left: -70px;
  width: calc(100% + 140px);
  height: 18rem;
  pointer-events: none;
}
.scoreboard-component__body .Card:first-child {
  background: transparent;
  border: 0;
  color: #fff;
}
.scoreboard-component__body .Card:first-child .scoreboard-component__card-index {
  background: #fff;
  color: #2c3254;
}
.scoreboard-component__body .Card .Card-content {
  z-index: 2;
  position: relative;
  background: transparent;
}
@media not all and (min-width: 56.25em) {
  .scoreboard-component__body .Card .Card-content > div {
    justify-content: center !important;
  }
}
.scoreboard-component__body-top-bg {
  background: linear-gradient(125deg, #3faffd, #259dfc, #6e56d7);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.scoreboard-component__card-index {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 20px 0 10px;
  font-weight: bold;
}
@media not all and (min-width: 56.25em) {
  .scoreboard-component__card-index {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    left: 50%;
    margin: 0;
  }
}
.scoreboard-component__detail-blocks {
  flex-direction: row;
}
@media not all and (min-width: 56.25em) {
  .scoreboard-component__detail-blocks {
    margin-top: 20px;
  }
}
.scoreboard-component__detail-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 15px;
}
@media not all and (min-width: 56.25em) {
  .scoreboard-component__detail-block {
    flex: 1;
  }
}
.scoreboard-component__detail-block span:first-child {
  font-weight: bold;
  font-size: 3rem;
  line-height: 1;
}
.scoreboard-component__detail-block span:last-child {
  font-weight: bold;
  font-size: 1.175rem;
}
.scoreboard__remove-user-menu-toggle {
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  padding: 5px !important;
}
.Card .Card .Card-content:hover .scoreboard__remove-user-menu-toggle {
  opacity: 1;
  pointer-events: all;
}
.Card .Card .Card-content:hover .scoreboard__remove-user-menu-toggle i {
  color: #808080;
}
.scoreboard__remove-user-menu-toggle.active {
  opacity: 1;
  pointer-events: all;
}
.scoreboard__remove-user-menu-toggle.active i {
  color: #fb2f5f !important;
}
.scoreboards-listing__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
  padding-top: 50px;
}
@media not all and (min-width: 18.75em) {
  .scoreboards-listing__header {
    display: none;
  }
}
.scoreboards-listing__header h1 {
  text-transform: uppercase;
  font-weight: bold;
}
.scoreboards-listing__new-form {
  text-align: left;
}
.scoreboards-listing__new-form button {
  margin-top: 20px;
}
.scoreboards-listing__board-card {
  margin-bottom: 20px;
}
.scoreboards-listing__board-card:hover {
  cursor: pointer;
}
.scoreboards-listing__board-card:last-child {
  margin-bottom: 0;
}
.scoreboards-listing__board-card.name:hover {
  cursor: default;
}
.scoreboards-listing__board-card-add {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3f88e9;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}
.scoreboards-listing__board-card-add i {
  margin-right: 10px;
  transform: translateY(1px);
}
.scoreboards-listing__board-card--transparent .Team-number {
  color: #2c3254;
  position: relative;
}
.scoreboards-listing__board-card--transparent .Team-starbust {
  color: #fff;
  position: absolute;
  margin: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.scoreboards-listing__board-card .Card-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.scoreboards-listing__board-card .Card-content > div {
  display: flex;
  flex: 1;
  align-items: center;
}
.scoreboards-listing__board-card .Card-content > div:nth-child(2) {
  justify-content: flex-end;
}
.scoreboards-listing__board-card .Card-content > div:nth-child(2) button {
  width: auto;
  padding: 10px;
  cursor: pointer;
  padding: 10px 20px;
}
.scoreboards-listing__board-card .Card-content button + button {
  margin-left: 10px;
}
.scoreboards-listing__board-card-title {
  font-weight: bold;
}
.scoreboards-listing__board-card-members {
  margin-right: 20px;
}
.scoreboards-listing__menu {
  box-shadow: 0 0 5px 2px #ddd;
  border-radius: 8px;
  position: absolute;
  top: calc(50% + 20px);
  right: 20px;
  background: #fff;
  transform: translateY(-10px);
  transition: all 0.2s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
.scoreboards-listing__menu.active {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}
.scoreboards-listing__menu button {
  color: #fb2f5f;
  width: auto;
  padding: 10px;
  cursor: pointer;
  padding: 10px 20px;
}
.scoreboards-listing__cancel-delete {
  margin-top: 20px;
  text-decoration: underline;
  cursor: pointer;
}
.scoreboards-listing__add-button {
  margin-top: 15px;
}
.scoreboards-listing__empty {
  margin-bottom: 10px;
  text-align: center;
}
.scoreboards-listing__error-text {
  color: #fb2f5f;
  font-size: 1.2rem;
  text-align: center;
}
.Share-Video {
  padding: 1rem;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Share-Video__title {
  margin: 2rem 0;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 2rem;
}
.Share-Video h2 {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 1.2rem;
  font-weight: 800;
  padding: 0 1rem;
}
.Share-Video button {
  width: auto;
  display: inline-block;
  min-width: 100px;
  margin: 1rem;
}
.Share-Video__success {
  margin: 0 2rem;
}
.Share-Video__success button {
  margin-top: 2.5rem;
}
.Share-Video__success h3 {
  margin: 3.5rem 0;
  font-family: 'Lyon Display';
  text-align: center;
  font-size: 3.5rem;
}
.Table {
  text-align: left;
  width: 100%;
}
.Table-row--body,
.Table-row--footer {
  border-top: 1px solid #ebebf2;
}
.Table-cell {
  padding: 1.25rem;
  vertical-align: middle;
}
.Table-cell--header {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 0.6em;
  letter-spacing: 0.06em;
}
/* @media not all and (min-width: 56.25em) {
  .Team {
    margin: -2.5rem;
  }
}
@media not all and (min-width: 37.5em) {
  .Team {
    margin: -1.25rem;
  }
} */
.Team--scoreboard > .Card:before {
  display: block;
  content: '';
  position: absolute;
  background: linear-gradient(90deg, #3faffd, #259dfc, #6e56d7);
  top: 1.25rem;
  right: 0;
  left: 0;
  height: 18rem;
  z-index: -1;
}
@media all and (min-width: 18.75em) {
  .Team--scoreboard > .Card:before {
    top: 0;
    border-radius: 3rem 3rem 0 0;
  }
}
@media not all and (min-width: 56.25em) {
  .Team--scoreboard > .Card:before {
    height: 16rem;
  }
}
@media not all and (min-width: 37.5em) {
  .Team--scoreboard > .Card:before {
    height: 12rem;
  }
}
.Team > .Card > .Card-content {
  margin-bottom: -2.5rem;
}
.Team-member {
  position: relative;
  z-index: 2;
  margin-bottom: 2.5rem;
  border: none;
}
.Team-member--invite {
  background: #fafafd;
}
.Team-member--processing .Team-icon {
  animation: spin 0.6s infinite linear;
}
@media not all and (min-width: 18.75em) {
  .Team-member {
    margin: 0 -1.25rem;
    border-bottom: 1px solid #ebebf2;
    border-radius: 0;
  }
}
.Team-member > .Card-content {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 2.5rem 5rem;
}
@media not all and (min-width: 37.5em) {
  .Team-member > .Card-content {
    padding: 2.5rem;
  }
}
.Team-member--transparent {
  background: transparent;
  color: #fff;
}
@media all and (min-width: 18.75em) {
  .Team-member--transparent > .Card-content {
    padding-top: 1.25rem;
    padding-bottom: 0;
  }
}
@media all and (min-width: 37.5em) {
  .Team-member--transparent > .Card-content {
    padding-top: 0;
  }
}
.Team-member--transparent .Team-number {
  color: #2c3254;
  position: relative;
}
.Team-member--transparent .Team-starbust {
  color: #fff;
  position: absolute;
  margin: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.Team-member--is-coach-hoverable:hover {
  cursor: pointer;
}
.Team-number {
  font-size: 1.8rem;
  font-weight: 600;
  margin-right: 2.5rem;
}
@media not all and (min-width: 37.5em) {
  .Team-number {
    display: none;
  }
}
.Team-avatar {
  flex: 0 0 7rem;
  width: 7rem;
  font-size: 2.4rem;
  margin-right: 2.5rem;
}
.Team-avatar.Avatar--small {
  flex: 0 0 5rem;
  width: 5rem;
  font-size: 1.8rem;
  margin-right: 2.5rem;
}
.Team-avatar.Avatar--extraSmall {
  flex: 0 0 3rem;
  width: 3rem;
  font-size: 1.2rem;
  margin-right: 2rem;
}
@media not all and (min-width: 37.5em) {
  .Team-avatar,
  .Team-avatar.Avatar--small {
    flex-basis: 3rem;
    font-size: 1rem;
  }
}
@media not all and (min-width: 18.75em) {
  .Team-avatar,
  .Team-avatar.Avatar--small {
    display: none;
  }
}
.Team-name {
  white-space: nowrap;
  flex: 1;
  margin-right: 2.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 800;
}
.Team-pending {
  color: #fb2f5f;
  flex: 0;
  margin-right: 2.5rem;
}
@media not all and (min-width: 37.5em) {
  .Team-pending {
    position: absolute;
    top: 1.25rem;
    right: 0;
  }
}
.Team-info {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
  font-size: 1.6rem;
}
.Team-info--grey {
  opacity: 0.6;
}
.Team-info b {
  font-weight: 800;
}
.Team-header {
  margin-top: 3.5rem;
  margin-bottom: -3.5rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media not all and (min-width: 18.75em) {
  .Team-header {
    display: none;
  }
}
.Team-nav {
  color: #3f88e9;
  text-transform: uppercase;
  font-size: 1.8rem;
  border-bottom: 0.3rem solid transparent;
  padding-bottom: 0.5rem;
}
.Team-nav--active {
  font-weight: bold;
  border-bottom: 0.3rem solid #3f88e9;
}
.Team .Button--card {
  font-size: 1.4rem;
  margin-bottom: 2.5rem;
}
.Team .Button-icon {
  font-size: 2em;
  margin-bottom: 0;
}
.Team-admin .Dropdown-toggle {
  font-size: 3rem;
}
@media not all and (min-width: 18.75em) {
  .Team-coach {
    display: none;
  }
}
.Team-modalButton {
  margin-bottom: 2.5rem;
}
.Team-cell {
  text-align: center;
  flex-grow: 0;
  flex-shrink: 1;
  overflow: hidden;
  font-size: 1.2rem;
}
.Team-cell + .Team-cell {
  margin-left: 5rem;
}
@media not all and (min-width: 56.25em) {
  .Team-cell + .Team-cell {
    margin-left: 2.5rem;
  }
  .Team-cell {
    font-size: 1.4vw;
  }
  .Team-cell:last-child,
  .Team-cell.assessment {
    display: none;
  }
}
@media not all and (min-width: 18.75em) {
  .Team-cell {
    font-size: 3vw;
  }
  .Team-cell + .Team-cell {
    display: none;
  }
}
.Team-label {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05em;
  font-size: 0.8em;
}
.Team-value {
  font-size: 2em;
  font-weight: bold;
  line-height: 1.2;
  overflow: hidden;
}
.Title {
  font-family: 'Lyon Display', sans-serif;
  font-size: 2.4rem;
  letter-spacing: 0.02em;
  font-weight: 800;
  line-height: 1.4;
}
.Title + .Title {
  margin-top: 0.5em;
}
.Title--leaveRoom {
  margin-bottom: 0.5em;
}
.Title--tiny {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-family: montserrat, sans-serif;
  font-size: 1.2rem;
}
.Title--small {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-family: montserrat, sans-serif;
  font-size: 1.8rem;
}
.Title--thin {
  font-weight: 100;
}
.Title--white {
  color: #fff;
}
.Title--grey {
  color: #a8a8b7;
}
.Title--green {
  color: #3be2ad;
}
.Title--red {
  color: #fb2f5f;
}
.Title--theme {
  color: #3f88e9;
}
.Title--large {
  font-size: 3.2rem;
}
.Title--display {
  font-size: 5rem;
}
.Title--center {
  text-align: center;
}
.Title--subtitle {
  font-family: montserrat, sans-serif;
  font-size: 1.8rem;
  line-height: 1.6 !important;
  font-weight: 100 !important;
}
.Title--italic {
  font-style: italic;
}
.Title > *.theme {
  color: #3f88e9;
}
.Tooltip {
  position: absolute;
  z-index: 20;
  padding: 1.25rem;
  border-radius: 0.8rem;
  box-shadow: 0 3.6px 12px rgba(57, 70, 136, 0.163);
  color: #2c3254;
  background-color: #fff;
  text-align: left;
  width: 30rem;
}
.Tooltip p {
  font-family: montserrat, sans-serif;
  text-transform: none;
  font-weight: normal;
}
.Tooltip-Dark {
  position: absolute;
  z-index: 20;
  padding: 1.25rem;
  border-radius: 0.8rem;
  box-shadow: 0 3.6px 12px rgba(57, 70, 136, 0.163);
  color: #fff;
  background-color: #161514;
  text-align: left;
  border: 2px solid #fff;
  min-width: 18rem;
  max-width: 30rem;
}
.Tooltip-Dark p {
  font-family: montserrat, sans-serif;
  text-transform: none;
  font-weight: normal;
}
.user-activity-summary {
  margin-top: 0px;
}
.user-activity-summary > .Card {
  overflow: hidden;
}
.user-activity-summary .Card .Card.name {
  background: #fff;
}
.user-activity-summary .Card .Card.name:before {
  content: '';
  position: absolute;
  bottom: 50%;
  background: linear-gradient(125deg, #3faffd, #259dfc, #6e56d7);
  z-index: -1;
  left: -50px;
  width: calc(100% + 100px);
  height: 1000px;
}
.user-activity-summary .Card .Card.name .Card-content {
  z-index: 2;
  background: #fff;
  border-radius: 3rem;
}
.user-activity-summary__title {
  font-size: 36px;
  font-weight: bold;
}
.user-activity-summary__detail-blocks {
  display: flex;
}
@media not all and (min-width: 56.25em) {
  .user-activity-summary__detail-blocks {
    flex-direction: column;
  }
}
.user-activity-summary__detail-block {
  margin: 0 0 25px;
  flex: 1;
}
.user-activity-summary__detail-block:nth-child(2) {
  margin: 0 25px 25px;
}
@media not all and (min-width: 56.25em) {
  .user-activity-summary__detail-block {
    margin: 12px 0 !important;
  }
}
.user-activity-summary__detail-block .Card-content {
  flex-direction: column;
  display: flex;
}
.user-activity-summary__detail-block .Card-content span {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 5px;
}
.user-activity-summary__detail-block .Card-content span:first-child {
  font-size: 5.5rem;
}
.user-activity-summary__activity:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.user-activity-summary__activity:not(:last-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.user-activity-summary__activity .Card-content {
  display: flex;
  align-items: center;
}
.user-activity-summary__activity .Card-content i {
  font-size: 2.5rem;
  margin-right: 15px;
}
.user-activity-summary__activity .Card-content > div {
  font-size: 1.5rem;
  font-weight: 600;
}
.user-activity-summary__activity .Card-content > div:nth-child(2) {
  flex: 1;
}
.user-activity-summary__activity .Card-content > div:last-child {
  font-size: 1.25rem;
}
.user-activity-summary__activity .Card-content > div a {
  color: #3f88e9;
  text-decoration: underline;
}
.user-activity-summary__see-all {
  width: 100%;
  padding: 60px 60px 0;
  text-align: center;
}
.Video {
  position: relative;
  overflow: hidden;
}
.Video--complete .Video-iframe {
  opacity: 0.5;
}
.Video--error .Video-iframe {
  transition: none;
  opacity: 0;
}
.Video-error {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  color: #ffa500;
  font-size: 2.4rem;
}
.Video-error .Icon {
  margin-right: 1.25rem;
}
.Video-error small {
  display: block;
  font-size: 0.5em;
  font-weight: 800;
  color: #fff;
}
.Video-wrapper {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}
.Video--fullscreen .Video-wrapper {
  padding-top: 0;
}
.Video-iframe,
.Video-video,
.Video-controls {
  transition: opacity 1s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.Video-iframe,
.Video-video {
  z-index: 1;
}
.Video-locked {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.Video-locked:after {
  opacity: 0.6;
  content: '';
  display: block;
  background-color: #2c3254;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.Video-locked--content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  padding-top: 0;
  z-index: 2;
  text-align: center;
}
.Video-locked--content .NextItem-button__lock {
  width: auto;
}
@media not all and (min-width: 37.5em) {
  .Video-locked--content .NextItem-button__lock {
    display: none;
  }
}
.Video-locked--content .NextItem-button__unlock {
  width: auto;
  padding: 1.5rem;
}
.Video-locked--content .NextItem-title {
  margin: 2.5rem 0;
}
.Video-locked--content .NextItem-title__next-video {
  color: #fff;
  font-weight: bold;
}
.Video-locked--regular {
  font-weight: 500;
}
.Video-loading {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.Video-controls,
.Video-loading {
  cursor: pointer;
  z-index: 2;
  overflow: hidden;
}
.Video-overlay {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.Video-overlay--custom {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transform: translate(0, 0);
  background-color: rgba(0, 0, 0, 0.5);
}
.Video-overlay--show {
  opacity: 1;
}
.Video-playbar {
  position: absolute;
  top: 100%;
  opacity: 0;
  left: 0;
  width: 100%;
  padding: 1.25rem;
  color: #fff;
  display: flex;
  align-items: center;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  transform: translateY(0%);
}
.Video--controls .Video-playbar {
  background-position: 0 0;
  transform: translateY(-100%);
  opacity: 1;
}
.Video-play {
  margin-right: 1.25rem;
}
.Video-play,
.Video-fullscreen,
.Video-volumeIcon {
  position: relative;
  cursor: pointer;
  height: 2rem;
  width: 2rem;
  z-index: 2;
  opacity: 0.5;
}
.Video-play:hover,
.Video-fullscreen:hover,
.Video-volumeIcon:hover {
  opacity: 1;
}
.Video-time {
  min-width: 7rem;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 800;
  margin-right: 1.25rem;
}
@media not all and (min-width: 18.75em) {
  .Video-time {
    display: none;
  }
}
.Video-volume {
  position: relative;
  margin-right: 1.25rem;
}
.Video-volumeMenu {
  border-radius: 10rem;
  display: none;
  position: absolute;
  z-index: 1;
  bottom: -1.25rem;
  left: -1.25rem;
  height: 20rem;
  width: calc(100% + 2.5rem);
  background: #fff;
  box-shadow: 0 3px 10px rgba(57, 70, 136, 0.18);
}
.Video-volumeTrack {
  position: absolute;
  background: #ebebf2;
  width: 0.2rem;
  left: 50%;
  transform: translateX(-50%);
  top: 2.5rem;
  height: 13rem;
}
.Video-volumeBar {
  position: absolute;
  background: #2c3254;
  width: 0.2rem;
  left: 0;
  bottom: 0;
}
.Video-volume:hover {
  color: #2c3254;
}
.Video-volume:hover .Video-volumeMenu {
  display: block;
}
.Video-progress {
  cursor: pointer;
  position: relative;
  height: 1.4rem;
  flex-grow: 1;
  margin-right: 1.25rem;
}
.Video-progressTrack {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 0.3rem;
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-50%);
  border-radius: 1rem;
  overflow: hidden;
}
.Video-progressBar {
  height: 100%;
  background: #fff;
  border-radius: 1rem;
}
.Video-start {
  white-space: nowrap;
  display: inline-block;
  width: auto;
}
.Video-start > .Button-icon--right {
  width: 1.8em;
  height: 1.8em;
}
.Video-restart {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-top: 1.25rem;
}
.Video-title {
  margin-bottom: 1.25rem;
}
.Video-meta {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #2c3254;
  font-size: 1.2rem;
  font-weight: 800;
  margin-bottom: 1.25rem;
}
.Video-additional {
  float: right;
}
@media not all and (min-width: 37.5em) {
  .Video-additional {
    float: none;
    display: block;
  }
}
.VideoPlayer {
  position: fixed;
  z-index: 999;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background-color: rgba(255, 255, 255, 0.9);
}
.VideoPlayer-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
@media only screen and (max-height: 56.25vw) {
  .VideoPlayer-wrapper {
    padding-bottom: 0;
    width: calc(100vh / 0.5625);
    height: 100vh;
  }
}
.VideoPlayer-iframe {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.VideoPlayer-close {
  position: absolute;
  z-index: 2;
  top: 2.5rem;
  left: 2.5rem;
  width: auto;
}
@keyframes spin {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}