.error___3lEAN {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white; }
  .error___3lEAN img {
    height: 8rem;
    object-fit: contain;
    pointer-events: none; }
  .error___3lEAN h1 {
    font-weight: 900;
    font-size: 24.375rem;
    line-height: 0.7;
    margin: 0;
    margin-top: 3.75rem;
    pointer-events: none; }
  .error___3lEAN p {
    font-weight: 700;
    font-size: 2.125rem;
    line-height: 1.25;
    margin: 0;
    margin-top: 3.75rem;
    text-align: center;
    pointer-events: none; }
  .error___3lEAN a {
    font-size: 1.125rem;
    font-weight: 700;
    background-color: white;
    text-decoration: none;
    border-radius: 0.55vw;
    padding: 1rem 3.75rem;
    margin-top: 1.5rem;
    transition: box-shadow 0.25s ease;
    pointer-events: all; }
    .error___3lEAN a:hover {
      box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3); }

.sidebar___kLguO {
  width: 280px;
  min-width: 280px;
  height: 100vh;
  box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
  background-color: white;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000; }
  .sidebar___kLguO a {
    text-decoration: none; }
  .sidebar___kLguO .inner-cont___2btFX {
    width: 100%;
    height: 100%;
    min-height: 750px;
    padding: 2.75rem 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto; }
  .sidebar___kLguO .top___1oNVu {
    padding-bottom: 1.875rem; }
    .sidebar___kLguO .top___1oNVu .menu___2gCkJ {
      margin-top: 1.25rem; }
    .sidebar___kLguO .top___1oNVu .mobile-book___2rzQy {
      display: none; }
  .sidebar___kLguO .logo___26U_t {
    width: 152px;
    height: 2.75rem;
    min-height: 30px;
    margin: 0 auto; }
    .sidebar___kLguO .logo___26U_t a {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .sidebar___kLguO .logo___26U_t a img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
  .sidebar___kLguO .notice-cards-wrap___rz24m {
    width: 100%;
    height: 170px;
    position: relative;
    margin-top: 2.5rem; }
  .sidebar___kLguO .menu___2gCkJ {
    width: 100%; }
    .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l {
      width: 100%;
      padding: 0.875rem 1.375rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: transparent;
      border-radius: 0.55vw;
      cursor: pointer;
      box-sizing: border-box;
      transition: color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53), background 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
      .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l a,
      .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l span,
      .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l div {
        transition: color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
      .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l:hover, .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l.active___wHajd {
        color: #0083ca;
        transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l:hover a,
        .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l:hover span,
        .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l:hover div, .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l.active___wHajd a,
        .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l.active___wHajd span,
        .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l.active___wHajd div {
          color: #0083ca;
          transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l:hover .menu-item-icon-wrap___20vI7.top-menu-icon___16-4d img.icon___1rXAk, .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l.active___wHajd .menu-item-icon-wrap___20vI7.top-menu-icon___16-4d img.icon___1rXAk {
          filter: grayscale(0);
          transition: filter 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l.active___wHajd {
        pointer-events: none;
        background-color: #e8ecff; }
      .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l .menu-item-icon-wrap___20vI7 {
        width: 1.5rem;
        height: 1.5rem;
        min-height: 16.5px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative; }
        .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l .menu-item-icon-wrap___20vI7.top-menu-icon___16-4d img.icon___1rXAk {
          filter: grayscale(1);
          transition: filter 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
        .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l .menu-item-icon-wrap___20vI7 img {
          width: 100%;
          height: 100%;
          object-fit: contain; }
        .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l .menu-item-icon-wrap___20vI7 .icon-label-wrap___18TME {
          width: 1.5rem;
          height: 1.5rem;
          padding: 0;
          background: #ed1c24;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 100%;
          position: absolute;
          top: -55%;
          right: -55%; }
          .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l .menu-item-icon-wrap___20vI7 .icon-label-wrap___18TME span {
            width: 100%;
            text-align: center;
            font-size: 10px;
            color: white;
            white-space: nowrap;
            font-weight: 500; }
      .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l > a,
      .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l > div {
        display: block;
        width: calc(100% - 1.5rem);
        padding-left: 1rem;
        box-sizing: border-box;
        font-weight: 500;
        font-size: 1.125rem;
        line-height: 1.2;
        color: #354052; }
      .sidebar___kLguO .menu___2gCkJ .menu-item___d0S8l .avatar___vlr06 {
        width: 100%;
        height: 100%;
        padding: 0; }
    .sidebar___kLguO .menu___2gCkJ.bottom___IVANJ {
      padding-top: 1.875rem;
      border-top: 1px solid #e8ecff; }
      .sidebar___kLguO .menu___2gCkJ.bottom___IVANJ .menu-item___d0S8l {
        opacity: 0.5;
        padding: 0 1.375rem;
        margin-bottom: 1.375rem; }
        .sidebar___kLguO .menu___2gCkJ.bottom___IVANJ .menu-item___d0S8l:nth-last-child(1) {
          margin-bottom: 0; }
        .sidebar___kLguO .menu___2gCkJ.bottom___IVANJ .menu-item___d0S8l > a,
        .sidebar___kLguO .menu___2gCkJ.bottom___IVANJ .menu-item___d0S8l > div {
          font-size: 1rem; }
    .sidebar___kLguO .menu___2gCkJ.user___2UNe- {
      padding: 0.625rem 0;
      border-top: 1px solid #e8ecff;
      border-bottom: 1px solid #e8ecff;
      position: relative; }
      .sidebar___kLguO .menu___2gCkJ.user___2UNe- .menu-item___d0S8l {
        padding: 0.625rem 1rem;
        box-sizing: border-box; }
        .sidebar___kLguO .menu___2gCkJ.user___2UNe- .menu-item___d0S8l .menu-item-icon-wrap___20vI7 {
          width: 2.625rem;
          height: 2.625rem;
          min-width: 42px;
          min-height: 42px;
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          border-radius: 100%;
          overflow: hidden;
          background-color: #e8ecff; }
          .sidebar___kLguO .menu___2gCkJ.user___2UNe- .menu-item___d0S8l .menu-item-icon-wrap___20vI7 img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .sidebar___kLguO .menu___2gCkJ.user___2UNe- .menu-item___d0S8l .user-name___3Hd9X {
          font-weight: 700;
          line-height: 1.2;
          letter-spacing: 0.02187rem;
          white-space: normal;
          transition: color 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          overflow: hidden;
          text-overflow: ellipsis; }
          .sidebar___kLguO .menu___2gCkJ.user___2UNe- .menu-item___d0S8l .user-name___3Hd9X.help___1tB5L:after {
            content: attr(data-tooltip);
            padding: 0.5rem 0.75rem;
            font-size: 0.875rem;
            color: #354052;
            background-color: white;
            border-radius: 0.55vw;
            box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
            position: absolute;
            z-index: 100;
            top: 85%;
            left: 3.875rem;
            opacity: 0;
            transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
          .sidebar___kLguO .menu___2gCkJ.user___2UNe- .menu-item___d0S8l .user-name___3Hd9X.help___1tB5L:hover:after {
            opacity: 1;
            transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

@media all and (max-height: 920px) {
  .sidebar___kLguO .inner-cont___2btFX {
    min-height: 100%; }
  .sidebar___kLguO .top___1oNVu {
    padding-bottom: 1rem; }
    .sidebar___kLguO .top___1oNVu .menu___2gCkJ {
      margin-top: 1rem; }
  .sidebar___kLguO .notice-cards-wrap___rz24m {
    margin-top: 1.25rem; } }

@media all and (max-width: 500px) {
  .sidebar___kLguO {
    width: 100vw;
    position: fixed;
    left: 0;
    top: 0; }
    .sidebar___kLguO .inner-cont___2btFX .top___1oNVu {
      width: 100%; }
      .sidebar___kLguO .inner-cont___2btFX .top___1oNVu .menu___2gCkJ:not(.user___2UNe-) {
        display: none; }
      .sidebar___kLguO .inner-cont___2btFX .top___1oNVu .mobile-book___2rzQy {
        margin-top: 20px;
        width: 100%;
        border-radius: 20px;
        background-color: #0083ca;
        display: block;
        color: white;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center; } }

.card-wrap___3mZwB {
  width: 100%;
  height: 100%;
  padding: 1.25rem 2rem;
  box-sizing: border-box;
  border-radius: 20px;
  transform-origin: 50% 0%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.2;
  transform: translateY(-12px) scale(0.925);
  z-index: 0;
  will-change: transform; }
  .card-wrap___3mZwB .inner-cont___1Ba5l {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center; }
    .card-wrap___3mZwB .inner-cont___1Ba5l .img-wrap___1K-j8 {
      width: 100%;
      height: 2.25rem;
      padding-bottom: 0.5rem;
      display: flex;
      justify-content: center;
      align-items: center; }
      .card-wrap___3mZwB .inner-cont___1Ba5l .img-wrap___1K-j8 img {
        height: 100%;
        object-fit: contain;
        object-position: center; }
      .card-wrap___3mZwB .inner-cont___1Ba5l .img-wrap___1K-j8 .interval-str___173zz {
        font-weight: 900;
        font-size: 2.25rem;
        color: white;
        letter-spacing: 0.09375rem; }
    .card-wrap___3mZwB .inner-cont___1Ba5l .content___3ZxHw {
      width: 100%;
      padding-top: 0.25rem;
      color: white;
      text-align: center; }
      .card-wrap___3mZwB .inner-cont___1Ba5l .content___3ZxHw h3 {
        margin: 0;
        font-size: 0.875rem;
        line-height: 1.2;
        font-weight: 300;
        white-space: nowrap; }
        .card-wrap___3mZwB .inner-cont___1Ba5l .content___3ZxHw h3 strong {
          display: block;
          width: 130%;
          font-weight: 700;
          font-size: 1.125rem;
          line-height: 1.25;
          padding-top: 1.375rem;
          padding-bottom: 0.625rem;
          position: relative;
          text-align: center;
          left: -15%; }
      .card-wrap___3mZwB .inner-cont___1Ba5l .content___3ZxHw p {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-top: 0.25rem;
        margin: 0;
        font-size: 0.875rem;
        line-height: 1.2;
        font-weight: 700; }
      .card-wrap___3mZwB .inner-cont___1Ba5l .content___3ZxHw a {
        width: 6.25rem;
        margin: 0 auto;
        padding-top: 1rem;
        height: 1.125rem;
        text-align: center;
        font-size: 0.875rem;
        color: #fadc00;
        display: flex;
        justify-content: center;
        align-items: center; }
        .card-wrap___3mZwB .inner-cont___1Ba5l .content___3ZxHw a > div {
          min-width: unset;
          min-height: unset; }

@media all and (max-width: 1680px) {
  .card-wrap___3mZwB .inner-cont___1Ba5l .img-wrap___1K-j8 {
    height: 2.625rem; }
  .card-wrap___3mZwB .inner-cont___1Ba5l .content___3ZxHw h3 {
    font-size: 1.125rem; }
    .card-wrap___3mZwB .inner-cont___1Ba5l .content___3ZxHw h3 strong {
      font-size: 1.25rem; }
  .card-wrap___3mZwB .inner-cont___1Ba5l .content___3ZxHw p {
    line-height: 1.3; } }

.right-panel___24EJ7 {
  position: fixed;
  top: 0;
  right: 0;
  background-color: #fff;
  width: 480px;
  height: 100vh;
  z-index: 5000;
  box-shadow: 0 0 20px rgba(162, 183, 209, 0.3);
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  @media all and (max-width: 500px) {
    .right-panel___24EJ7 {
      display: none; } }
  .right-panel___24EJ7 .cont___3WDe1 {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: relative; }
    .right-panel___24EJ7 .cont___3WDe1::before {
      content: url("/static/img/dashboard/notif.svg");
      width: 2.875rem;
      height: 2.875rem;
      position: absolute;
      box-sizing: border-box;
      padding: 0.75rem;
      padding-right: 0.5rem;
      top: 50%;
      right: 100%;
      transform: translateY(-50%);
      background-color: white;
      box-shadow: 0 0 20px rgba(162, 183, 209, 0.3);
      border-radius: 10px 0 0 10px;
      z-index: -1; }
  .right-panel___24EJ7:hover {
    transform: translateX(0);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .right-panel-bottom___tYah2 {
    height: 100%;
    border-top: 1px solid #e8ecff;
    padding: 2.8125rem 3.125rem;
    box-sizing: border-box; }
    .right-panel-bottom___tYah2 .header___1uf5t {
      font-weight: 900;
      font-size: 1.375rem;
      color: #8da9c5;
      margin-bottom: 2.5rem; }
    .right-panel-bottom___tYah2 .button___1m6sR {
      position: absolute;
      bottom: 2.8125rem;
      color: #eb008c; }
    .right-panel-bottom___tYah2 .notif___jFXjn {
      width: 100%;
      max-height: 85%;
      overflow-y: auto;
      scrollbar-width: none;
      scrollbar-base-color: transparent;
      scrollbar-arrow-color: transparent;
      scrollbar-face-color: transparent;
      scrollbar-base-color: transparent;
      scrollbar-highlight-color: transparent;
      -ms-scrollbar-base-color: transparent;
      -ms-scrollbar-arrow-color: transparent;
      -ms-scrollbar-face-color: transparent;
      -ms-scrollbar-base-color: transparent;
      -ms-scrollbar-highlight-color: transparent; }
      .right-panel-bottom___tYah2 .notif___jFXjn::-webkit-scrollbar {
        width: 0;
        display: none; }
      .right-panel-bottom___tYah2 .notif___jFXjn::-webkit-scrollbar-track {
        background: transparent;
        background: transparent; }
      .right-panel-bottom___tYah2 .notif___jFXjn::-webkit-scrollbar-thumb {
        background: transparent;
        border-radius: 3px;
        background: transparent; }

form.registration-form___3jjln {
  width: 500px;
  margin: 3.125rem auto;
  padding: 0; }
  form.registration-form___3jjln .input-wrap___1j363 {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 2.75rem;
    position: relative; }
    form.registration-form___3jjln .input-wrap___1j363.button-auth___1aSLQ {
      margin-top: 3.25rem; }
    form.registration-form___3jjln .input-wrap___1j363 .help___2MEHF {
      color: #8da9c5;
      font-size: 0.875rem;
      position: absolute;
      top: -55%;
      right: 0; }
    form.registration-form___3jjln .input-wrap___1j363 .forget-hint___2LDfN {
      position: absolute;
      top: -75%;
      right: 0;
      text-decoration: none;
      color: #8da9c5;
      font-size: 0.875rem;
      transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      form.registration-form___3jjln .input-wrap___1j363 .forget-hint___2LDfN:hover {
        color: #354052; }
    form.registration-form___3jjln .input-wrap___1j363:nth-child(1) {
      margin-top: 0; }
    form.registration-form___3jjln .input-wrap___1j363 .errors___2Forn {
      width: 100%;
      position: absolute;
      top: 105%;
      left: 0;
      color: #ed1c24;
      font-size: 0.75rem; }
      form.registration-form___3jjln .input-wrap___1j363 .errors___2Forn .error___2efR8 {
        margin-bottom: 0.375rem; }
      form.registration-form___3jjln .input-wrap___1j363 .errors___2Forn.password-errors___34CrD {
        width: 50%;
        padding: 1rem 1.25rem;
        font-weight: 500;
        font-size: 0.75rem;
        line-height: 1.2;
        color: #8da9c5;
        display: flex;
        flex-direction: column;
        position: absolute;
        box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
        border-radius: 0.55vw;
        background-color: white;
        box-sizing: border-box;
        top: -170%;
        left: 105%; }
        form.registration-form___3jjln .input-wrap___1j363 .errors___2Forn.password-errors___34CrD .error-message___2E0hm {
          margin-top: 0.75rem; }
          form.registration-form___3jjln .input-wrap___1j363 .errors___2Forn.password-errors___34CrD .error-message___2E0hm:nth-child(1) {
            margin-top: 0; }
  form.registration-form___3jjln .subscriptions___2e9pq {
    width: 100%;
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: flex-start; }
    form.registration-form___3jjln .subscriptions___2e9pq .cb___1Z9vg {
      width: 100%;
      height: 2rem;
      margin-bottom: 0.375rem;
      color: #8da9c5; }
      form.registration-form___3jjln .subscriptions___2e9pq .cb___1Z9vg:nth-last-child(1) {
        margin-bottom: 0; }
  form.registration-form___3jjln .btn-wrap___3Ux2C {
    width: 100%;
    min-height: 3.75rem;
    margin-top: 2rem; }
  form.registration-form___3jjln .agreement___3xXpM {
    margin-top: 1rem;
    color: #8da9c5;
    font-size: 1rem;
    line-height: 1.5; }
    form.registration-form___3jjln .agreement___3xXpM a {
      color: #354052;
      transition: color 0.25s ease; }
      form.registration-form___3jjln .agreement___3xXpM a:hover {
        color: #8da9c5; }

.title___1WDrT {
  width: 500px;
  margin: 0 auto;
  text-align: center;
  font-size: 0.875rem;
  color: #8da9c5; }

@media all and (max-width: 1680px) {
  form.registration-form___3jjln .input-wrap___1j363 .errors___2Forn.password-errors___34CrD {
    width: 100%;
    font-size: 0.875rem;
    top: 110%;
    left: 0; } }

@media all and (max-width: 1024px) {
  form.registration-form___3jjln {
    width: 100%; } }

.parent___2cEbn {
  width: 100%;
  padding: 2.75rem 0;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  box-sizing: border-box; }
  .parent___2cEbn .inner___155zi {
    width: 920px; }

.claims___IgjEB {
  margin-top: 2.125rem; }
  .claims___IgjEB .button___2LWaO {
    margin-bottom: 2.125rem; }
  .claims___IgjEB .grid___39Oah {
    display: grid;
    grid-template-columns: repeat(4, auto);
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.5rem;
    width: 100%;
    justify-items: center;
    align-items: center; }
    .claims___IgjEB .grid-header___1P71u {
      color: #8da9c5;
      font-weight: 700;
      font-size: 1rem;
      margin-bottom: 2.0625rem; }
    .claims___IgjEB .grid-item___-LqgW {
      color: #354052;
      font-weight: 700;
      font-size: 1rem; }
      .claims___IgjEB .grid-item___-LqgW.first___39RJZ {
        text-decoration: underline;
        color: #0083ca;
        cursor: pointer; }

.claim___2YElU {
  width: 40rem;
  padding: 3.75rem 3rem;
  background-color: #fff;
  border-radius: 0.55vw;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 1.875rem; }
  .claim___2YElU .id___2lHJG {
    grid-column: span 2;
    color: #0083ca;
    font-size: 0.875rem;
    font-weight: 700; }
  .claim___2YElU .status___1z84z {
    grid-column: span 2;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
    color: #354052; }
    .claim___2YElU .status-status___1LdgH {
      height: 2.25rem;
      background-color: #8cc841;
      border-radius: 1.125rem;
      color: white;
      font-size: 0.875rem;
      padding: 0 1.875rem;
      display: flex;
      justify-content: center;
      align-items: center; }
  .claim___2YElU .comment___2pkOQ {
    grid-column: span 2;
    box-sizing: border-box;
    padding: 1.875rem;
    background-color: #e8ecff;
    border-radius: 0.55vw; }
  .claim___2YElU > div {
    color: #8da9c5;
    font-weight: 700;
    font-size: 1rem; }
    .claim___2YElU > div > span {
      color: #354052; }

.schedule-parent___WzYD8 {
  width: 100%;
  height: 100vh;
  min-height: 750px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  outline: none;
  border: none; }
  .schedule-parent___WzYD8 .container___2JcNq {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center; }
    .schedule-parent___WzYD8 .container___2JcNq.left___1hlzr {
      width: calc(100% - 56.25vw);
      min-width: 420px; }
      .schedule-parent___WzYD8 .container___2JcNq.left___1hlzr > .inner-container___26nVI:nth-child(1) {
        min-height: 400px; }
      .schedule-parent___WzYD8 .container___2JcNq.left___1hlzr > .inner-container___26nVI:nth-child(2) {
        min-height: calc(50% - 400px); }
    .schedule-parent___WzYD8 .container___2JcNq.right___dFI0q {
      width: 56.25vw; }
    .schedule-parent___WzYD8 .container___2JcNq .inner-container___26nVI {
      width: 100%;
      min-height: 50%;
      height: 100%;
      margin: 0;
      padding: 0; }
  .schedule-parent___WzYD8 .popup-layout-container___1HcGc {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    pointer-events: none; }

.dialog-wrap___LCV_J {
  position: absolute;
  top: 2.5rem;
  right: 3.75rem;
  z-index: 1000; }
  .dialog-wrap___LCV_J .dialog-btn___1SahO {
    width: 1.875vw;
    height: 1.875vw;
    min-width: 30px;
    min-height: 30px;
    max-width: 36px;
    max-height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 0.55vw;
    cursor: pointer;
    transition: background 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    position: relative;
    z-index: 2; }
    .dialog-wrap___LCV_J .dialog-btn___1SahO:before {
      content: '';
      width: 100vw;
      height: 100vh;
      opacity: 0;
      position: fixed;
      top: 0;
      left: 0;
      pointer-events: none; }
    .dialog-wrap___LCV_J .dialog-btn___1SahO:hover, .dialog-wrap___LCV_J .dialog-btn___1SahO.active___OHRSq {
      background-color: #0083ca;
      transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .dialog-wrap___LCV_J .dialog-btn___1SahO:hover .shape___2Rfiy, .dialog-wrap___LCV_J .dialog-btn___1SahO.active___OHRSq .shape___2Rfiy {
        border-color: white;
        transition: border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .dialog-wrap___LCV_J .dialog-btn___1SahO.active___OHRSq {
      cursor: default; }
      .dialog-wrap___LCV_J .dialog-btn___1SahO.active___OHRSq:before {
        pointer-events: all; }
    .dialog-wrap___LCV_J .dialog-btn___1SahO .shape___2Rfiy {
      width: 2px;
      height: 2px;
      border: 2px solid #0083ca;
      border-radius: 100%;
      margin: 0 1px;
      transition: border-color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
      background: white; }
  .dialog-wrap___LCV_J .dialog-body___1Txed {
    position: absolute;
    z-index: 3;
    margin: 0;
    padding: 1rem 1.25rem;
    top: 2.75rem;
    left: 0;
    background-color: white;
    border-radius: 0.55vw;
    box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
    box-sizing: border-box;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
    .dialog-wrap___LCV_J .dialog-body___1Txed.show___Gk7G0 {
      opacity: 1;
      pointer-events: all;
      transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .dialog-wrap___LCV_J .dialog-body___1Txed .inner-cont___2qLq5 {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start; }
      .dialog-wrap___LCV_J .dialog-body___1Txed .inner-cont___2qLq5 span {
        min-width: 120px;
        padding: 0.75rem;
        font-size: 1rem;
        color: #8da9c5;
        border-bottom: 1px solid #e8ecff;
        transition: color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        cursor: pointer;
        font-weight: 500;
        box-sizing: border-box;
        outline: none; }
        .dialog-wrap___LCV_J .dialog-body___1Txed .inner-cont___2qLq5 span:nth-last-child(1) {
          border-bottom-color: transparent; }
        .dialog-wrap___LCV_J .dialog-body___1Txed .inner-cont___2qLq5 span:hover {
          color: #354052;
          transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.card-wrap___fsqAZ {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 2.5rem 3.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0; }
  .card-wrap___fsqAZ .img-wrap___2gMU7 {
    width: 100%;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .card-wrap___fsqAZ .img-wrap___2gMU7 img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .card-wrap___fsqAZ .card-content___3-dMT {
    width: 100%;
    height: 50%;
    margin: 0;
    padding: 0; }
    .card-wrap___fsqAZ .card-content___3-dMT h2 {
      width: 100%;
      text-align: left;
      margin: 0;
      padding: 0;
      font-size: 1.5rem;
      font-weight: 700; }
      .card-wrap___fsqAZ .card-content___3-dMT h2 strong {
        font-weight: 900; }
    .card-wrap___fsqAZ .card-content___3-dMT .subjects-data___13iCl {
      width: 100%;
      margin: 0;
      padding: 0.875rem 0; }
      .card-wrap___fsqAZ .card-content___3-dMT .subjects-data___13iCl .subject-data-item___3NvIe {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin: 0.75rem 0;
        font-size: 1.125rem;
        font-weight: 700; }
        .card-wrap___fsqAZ .card-content___3-dMT .subjects-data___13iCl .subject-data-item___3NvIe .name___3tedu {
          color: #8da9c5; }

.parent___3YlhG {
  width: 100%;
  height: 100%;
  position: relative; }
  .parent___3YlhG .info-block-wrap___-tEZg {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #e8ecff;
    position: relative; }
    .parent___3YlhG .info-block-wrap___-tEZg .inner-disclaimer___2pY-u {
      width: 100%;
      height: 100%;
      padding: 1.5rem;
      box-sizing: border-box;
      font-size: 1.5rem;
      line-height: 1.25;
      font-weight: 700;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center; }
      .parent___3YlhG .info-block-wrap___-tEZg .inner-disclaimer___2pY-u .img___SnAo9 {
        width: 100%;
        height: 40%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 2.25rem; }
        .parent___3YlhG .info-block-wrap___-tEZg .inner-disclaimer___2pY-u .img___SnAo9 img {
          height: 100%;
          object-fit: contain; }

.info-card-enter___2-yjc .card-item-img-wrap___2Ja2x {
  opacity: 1; }
  .info-card-enter___2-yjc .card-item-img-wrap___2Ja2x img {
    opacity: 1; }

.info-card-enter___2-yjc .card-item-text-content___1pYXr {
  opacity: 0; }
  .info-card-enter___2-yjc .card-item-text-content___1pYXr > h2,
  .info-card-enter___2-yjc .card-item-text-content___1pYXr div {
    opacity: 0;
    transform: translateX(10%); }

.info-card-enter-active___2xvDh .card-item-img-wrap___2Ja2x {
  opacity: 1; }
  .info-card-enter-active___2xvDh .card-item-img-wrap___2Ja2x img {
    opacity: 1; }

.info-card-enter-active___2xvDh .card-item-text-content___1pYXr {
  opacity: 1;
  transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; }
  .info-card-enter-active___2xvDh .card-item-text-content___1pYXr > h2,
  .info-card-enter-active___2xvDh .card-item-text-content___1pYXr div {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .info-card-enter-active___2xvDh .card-item-text-content___1pYXr > h2:nth-child(1),
    .info-card-enter-active___2xvDh .card-item-text-content___1pYXr div:nth-child(1) {
      transition-delay: 0.425s; }
    .info-card-enter-active___2xvDh .card-item-text-content___1pYXr > h2:nth-child(2),
    .info-card-enter-active___2xvDh .card-item-text-content___1pYXr div:nth-child(2) {
      transition-delay: 0.5s; }
    .info-card-enter-active___2xvDh .card-item-text-content___1pYXr > h2:nth-child(3),
    .info-card-enter-active___2xvDh .card-item-text-content___1pYXr div:nth-child(3) {
      transition-delay: 0.575s; }
    .info-card-enter-active___2xvDh .card-item-text-content___1pYXr > h2:nth-child(4),
    .info-card-enter-active___2xvDh .card-item-text-content___1pYXr div:nth-child(4) {
      transition-delay: 0.65s; }
    .info-card-enter-active___2xvDh .card-item-text-content___1pYXr > h2:nth-child(5),
    .info-card-enter-active___2xvDh .card-item-text-content___1pYXr div:nth-child(5) {
      transition-delay: 0.725s; }

.info-card-exit___3fvxS {
  opacity: 1; }
  .info-card-exit___3fvxS .card-item-text-content___1pYXr {
    opacity: 1; }
    .info-card-exit___3fvxS .card-item-text-content___1pYXr > h2,
    .info-card-exit___3fvxS .card-item-text-content___1pYXr div {
      opacity: 1;
      transform: translateX(0%); }

.info-card-exit-active___2v5Yz .card-item-text-content___1pYXr {
  opacity: 0;
  transition: opacity 0.55s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
  .info-card-exit-active___2v5Yz .card-item-text-content___1pYXr > h2,
  .info-card-exit-active___2v5Yz .card-item-text-content___1pYXr div {
    opacity: 0;
    transform: translateX(-10%);
    transition: transform 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
    .info-card-exit-active___2v5Yz .card-item-text-content___1pYXr > h2:nth-child(1),
    .info-card-exit-active___2v5Yz .card-item-text-content___1pYXr div:nth-child(1) {
      transition-delay: 0.05s; }
    .info-card-exit-active___2v5Yz .card-item-text-content___1pYXr > h2:nth-child(2),
    .info-card-exit-active___2v5Yz .card-item-text-content___1pYXr div:nth-child(2) {
      transition-delay: 0.1s; }
    .info-card-exit-active___2v5Yz .card-item-text-content___1pYXr > h2:nth-child(3),
    .info-card-exit-active___2v5Yz .card-item-text-content___1pYXr div:nth-child(3) {
      transition-delay: 0.15s; }
    .info-card-exit-active___2v5Yz .card-item-text-content___1pYXr > h2:nth-child(4),
    .info-card-exit-active___2v5Yz .card-item-text-content___1pYXr div:nth-child(4) {
      transition-delay: 0.2s; }
    .info-card-exit-active___2v5Yz .card-item-text-content___1pYXr > h2:nth-child(5),
    .info-card-exit-active___2v5Yz .card-item-text-content___1pYXr div:nth-child(5) {
      transition-delay: 0.25s; }

.card-wrap___5Cp-m {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 2.5rem 3.75rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0; }
  .card-wrap___5Cp-m .img-wrap___2xzfJ {
    width: 100%;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .card-wrap___5Cp-m .img-wrap___2xzfJ img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .card-wrap___5Cp-m .card-content___2nycd {
    width: 100%;
    height: 40%;
    margin: 0;
    margin-top: 1.375rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .card-wrap___5Cp-m .card-content___2nycd .alert___2-PBN {
      font-size: 1.125rem;
      font-weight: 700;
      color: #ff0000; }
    .card-wrap___5Cp-m .card-content___2nycd .text___30Ebo {
      color: #354052;
      font-size: 0.875rem; }
    .card-wrap___5Cp-m .card-content___2nycd .sub___3guYX {
      color: #8da9c5;
      font-size: 0.875rem; }

.slide-in-popup-layout-container___qChbC {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  pointer-events: none; }
  .slide-in-popup-layout-container___qChbC .popup-layout-parent___1SxVa {
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    pointer-events: none;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: stretch; }
    .slide-in-popup-layout-container___qChbC .popup-layout-parent___1SxVa .close-helper___3kLya {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      pointer-events: all;
      background: rgba(53, 64, 82, 0.4);
      cursor: pointer; }
    .slide-in-popup-layout-container___qChbC .popup-layout-parent___1SxVa .popup-content___slKaQ {
      min-width: 450px;
      height: 100%;
      background: white;
      color: #354052;
      position: relative;
      z-index: 2;
      pointer-events: all;
      border-radius: 10px 0 0 10px;
      overflow-x: hidden;
      overflow-y: auto;
      box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
      will-change: transform; }
      .slide-in-popup-layout-container___qChbC .popup-layout-parent___1SxVa .popup-content___slKaQ .close-btn-wrap___1l2b6 {
        position: absolute;
        top: 28px;
        right: 36px;
        z-index: 3; }
      .slide-in-popup-layout-container___qChbC .popup-layout-parent___1SxVa .popup-content___slKaQ .close-btn___3COjf {
        width: 1.875vw;
        height: 1.875vw;
        min-width: 24px;
        min-height: 24px;
        border-radius: 0.55vw;
        background: white;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
        .slide-in-popup-layout-container___qChbC .popup-layout-parent___1SxVa .popup-content___slKaQ .close-btn___3COjf .shape___30beF {
          width: 60%;
          height: 3px;
          border-radius: 0.55vw;
          background: #354052;
          transform-origin: 50% 50%;
          transform: rotate(-45deg);
          position: relative; }
          .slide-in-popup-layout-container___qChbC .popup-layout-parent___1SxVa .popup-content___slKaQ .close-btn___3COjf .shape___30beF:after {
            content: '';
            width: 100%;
            height: 100%;
            background: #354052;
            position: absolute;
            top: 0;
            left: 0;
            transform-origin: 50% 50%;
            transform: rotate(-90deg);
            border-radius: 0.55vw; }

.slide-enter___jgGq0 {
  opacity: 0; }
  .slide-enter___jgGq0 .popup-content___slKaQ {
    transform: translateX(12.5vw); }

.slide-enter-active___3b5TN {
  opacity: 1;
  transition: opacity 0.16s ease;
  transition-delay: 0.15s; }
  .slide-enter-active___3b5TN .popup-content___slKaQ {
    transform: translateX(0vw);
    transition: transform 0.4s ease-out; }

.slide-exit___1Dnmr {
  opacity: 1; }
  .slide-exit___1Dnmr .popup-content___slKaQ {
    transform: translateX(0vw); }

.slide-exit-active___uQ6bA {
  opacity: 0;
  transition-delay: 0.16s;
  transition: opacity 0.26667s ease-in; }
  .slide-exit-active___uQ6bA .popup-content___slKaQ {
    transform: translateX(17.5vw);
    transition: transform 0.4s ease-in; }

.common-inner-content___8aDLK {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

.common-popup-header___27mq- {
  width: 100%;
  height: 13.5rem;
  box-sizing: border-box;
  position: relative;
  background-color: #fa961e;
  padding: 2.1875rem 3.125rem; }

.common-popup-body___1Cace {
  width: 100%;
  height: calc(100% - 13.5rem);
  padding: 2.1875rem 3.125rem;
  box-sizing: border-box;
  overflow: hidden; }

.popup-header___1y-8c {
  color: #354052;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 3.125rem;
  line-height: 1.25;
  font-weight: 900;
  background-color: #e8ecff; }
  .popup-header___1y-8c > div {
    width: 100%; }
  .popup-header___1y-8c .title-data___1quvE {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .popup-header___1y-8c .title-data___1quvE .title___2f3Ss {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      margin-right: 2.35vw; }
      .popup-header___1y-8c .title-data___1quvE .title___2f3Ss .course-name___Hxk7w {
        font-weight: 900;
        font-size: 1.5rem; }
    .popup-header___1y-8c .title-data___1quvE .icon-wrap___meZdg {
      width: 3.15vw;
      display: flex;
      justify-content: center;
      align-items: center; }
      .popup-header___1y-8c .title-data___1quvE .icon-wrap___meZdg img {
        width: 100%;
        object-fit: contain; }

.interval-wrap___10reh {
  width: 100%; }
  .interval-wrap___10reh h4 {
    font-weight: 500;
    font-size: 1rem;
    color: #354052; }
  .interval-wrap___10reh .inputs___2E60s {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .interval-wrap___10reh .inputs___2E60s .input-wrap___qvoAT {
      width: 40%;
      height: 2.875rem;
      margin-right: 5%; }

.wrap___L8hyY {
  width: 100%;
  margin-top: 2.5rem; }
  .wrap___L8hyY .title___1Sd17 {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 2.5rem; }
  .wrap___L8hyY .content___332MO .title___1Sd17 {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0; }
  .wrap___L8hyY .content___332MO .reasons-wrap___3VHyW {
    width: 100%;
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start; }
  .wrap___L8hyY .content___332MO textarea {
    width: 100%;
    min-height: 120px;
    margin: 1rem 0;
    padding: 1rem;
    outline: none;
    border: 1px solid #8da9c5;
    font-family: 'Museo Sans', sans-serif;
    border-radius: 0.55vw;
    font-size: 1rem;
    line-height: 1.25;
    color: #354052;
    resize: none;
    box-sizing: border-box; }
    .wrap___L8hyY .content___332MO textarea::placeholder {
      font-size: 1rem;
      line-height: 1.25;
      color: #8da9c5; }
  .wrap___L8hyY .content___332MO .btn-wrap___1Z65v {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center; }

.inner-content___29Nt5 {
  max-width: 600px;
  width: 31.25vw; }
  .inner-content___29Nt5 .popup-body___YvRz2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch; }

.group-parent___cpYII {
  overflow: hidden; }
  .group-parent___cpYII .group-wrap___3pRHG {
    width: 64.6vw;
    max-width: 1240px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative; }
    .group-parent___cpYII .group-wrap-top___Y_hqH {
      box-sizing: border-box;
      padding: 0 0 2.75rem;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      flex-direction: column; }
      .group-parent___cpYII .group-wrap-top-back___Wbn2n {
        margin: 5rem 0 6.25rem 0;
        color: #eb008c;
        font-size: 1rem;
        font-weight: 700;
        text-decoration: none; }

.courses___1aAuo {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .courses-wrap___3uauY {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .courses-wrap___3uauY .wrap___15Acj {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%; }
    .courses-wrap___3uauY .course___ku_c- {
      display: flex;
      width: 100%;
      position: relative;
      justify-content: center;
      align-items: center;
      margin: 5rem 0; }
      .courses-wrap___3uauY .course-inner___3Y2CH {
        display: flex;
        justify-content: center;
        flex-direction: row-reverse; }
        .courses-wrap___3uauY .course-inner___3Y2CH.odd___3lC2g {
          flex-direction: row; }
          .courses-wrap___3uauY .course-inner___3Y2CH.odd___3lC2g .course-inner-info___2wy6T > div:nth-child(0) {
            opacity: 0;
            transform: translateX(-50px); }
          .courses-wrap___3uauY .course-inner___3Y2CH.odd___3lC2g .course-inner-info___2wy6T > div:nth-child(1) {
            opacity: 0;
            transform: translateX(-50px); }
          .courses-wrap___3uauY .course-inner___3Y2CH.odd___3lC2g .course-inner-info___2wy6T > div:nth-child(2) {
            opacity: 0;
            transform: translateX(-50px); }
          .courses-wrap___3uauY .course-inner___3Y2CH.odd___3lC2g .course-inner-info___2wy6T > div:nth-child(3) {
            opacity: 0;
            transform: translateX(-50px); }
          .courses-wrap___3uauY .course-inner___3Y2CH.odd___3lC2g .course-inner-info___2wy6T > div:nth-child(4) {
            opacity: 0;
            transform: translateX(-50px); }
          .courses-wrap___3uauY .course-inner___3Y2CH.odd___3lC2g .course-inner-info___2wy6T > div:nth-child(5) {
            opacity: 0;
            transform: translateX(-50px); }
        .courses-wrap___3uauY .course-inner___3Y2CH > div {
          width: 50%; }
        .courses-wrap___3uauY .course-inner-image___ZW8Z8 {
          display: flex;
          justify-content: center;
          align-items: center; }
        .courses-wrap___3uauY .course-inner-info___2wy6T {
          display: flex;
          flex-direction: column;
          position: relative;
          justify-content: flex-start;
          align-items: flex-start;
          color: #354052; }
          .courses-wrap___3uauY .course-inner-info___2wy6T > div:nth-child(0) {
            opacity: 0;
            transform: translateX(50px); }
          .courses-wrap___3uauY .course-inner-info___2wy6T > div:nth-child(1) {
            opacity: 0;
            transform: translateX(50px); }
          .courses-wrap___3uauY .course-inner-info___2wy6T > div:nth-child(2) {
            opacity: 0;
            transform: translateX(50px); }
          .courses-wrap___3uauY .course-inner-info___2wy6T > div:nth-child(3) {
            opacity: 0;
            transform: translateX(50px); }
          .courses-wrap___3uauY .course-inner-info___2wy6T > div:nth-child(4) {
            opacity: 0;
            transform: translateX(50px); }
          .courses-wrap___3uauY .course-inner-info___2wy6T > div:nth-child(5) {
            opacity: 0;
            transform: translateX(50px); }
          .courses-wrap___3uauY .course-inner-info___2wy6T .course-header___3alB_ {
            font-size: 3.375rem;
            line-height: 3.75rem;
            letter-spacing: 0.0625rem;
            font-weight: 900;
            margin-bottom: 0.9375rem; }
          .courses-wrap___3uauY .course-inner-info___2wy6T .course-subheader___3lhim {
            padding: 0 1.875rem;
            background-color: #f9db01;
            height: 2.875rem;
            border-radius: 1.4375rem;
            font-size: 1rem;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            margin-bottom: 1.25rem; }
          .courses-wrap___3uauY .course-inner-info___2wy6T .course-description___2N-lU {
            font-size: 1.125rem;
            line-height: 1.5rem;
            margin-bottom: 0.9375rem;
            width: 90%; }
          .courses-wrap___3uauY .course-inner-info___2wy6T .course-points___Wru2U {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            margin-bottom: 1.875rem;
            width: 100%; }
            .courses-wrap___3uauY .course-inner-info___2wy6T .course-points___Wru2U .point___RpRTA {
              width: 50%;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: flex-start;
              height: 5.625rem; }
              .courses-wrap___3uauY .course-inner-info___2wy6T .course-points___Wru2U .point-sup___3qlIB {
                font-size: 1.5rem;
                font-weight: 700;
                margin-bottom: 0.4375rem; }
              .courses-wrap___3uauY .course-inner-info___2wy6T .course-points___Wru2U .point-sub___2Tyyx {
                font-size: 0.875rem;
                font-weight: 500;
                color: #8da9c5; }
          .courses-wrap___3uauY .course-inner-info___2wy6T .course-buttons___1pRkx {
            display: flex;
            flex-direction: row;
            width: 65%;
            justify-content: space-between; }

.appear___11uXK .course-inner___3Y2CH .course-inner-info___2wy6T > div:nth-child(0), .appear___11uXK .course-inner___3Y2CH.odd___3lC2g .course-inner-info___2wy6T > div:nth-child(0) {
  opacity: 1;
  transform: translateX(0%);
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0s; }

.appear___11uXK .course-inner___3Y2CH .course-inner-info___2wy6T > div:nth-child(1), .appear___11uXK .course-inner___3Y2CH.odd___3lC2g .course-inner-info___2wy6T > div:nth-child(1) {
  opacity: 1;
  transform: translateX(0%);
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.2s; }

.appear___11uXK .course-inner___3Y2CH .course-inner-info___2wy6T > div:nth-child(2), .appear___11uXK .course-inner___3Y2CH.odd___3lC2g .course-inner-info___2wy6T > div:nth-child(2) {
  opacity: 1;
  transform: translateX(0%);
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.4s; }

.appear___11uXK .course-inner___3Y2CH .course-inner-info___2wy6T > div:nth-child(3), .appear___11uXK .course-inner___3Y2CH.odd___3lC2g .course-inner-info___2wy6T > div:nth-child(3) {
  opacity: 1;
  transform: translateX(0%);
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.6s; }

.appear___11uXK .course-inner___3Y2CH .course-inner-info___2wy6T > div:nth-child(4), .appear___11uXK .course-inner___3Y2CH.odd___3lC2g .course-inner-info___2wy6T > div:nth-child(4) {
  opacity: 1;
  transform: translateX(0%);
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.8s; }

.appear___11uXK .course-inner___3Y2CH .course-inner-info___2wy6T > div:nth-child(5), .appear___11uXK .course-inner___3Y2CH.odd___3lC2g .course-inner-info___2wy6T > div:nth-child(5) {
  opacity: 1;
  transform: translateX(0%);
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 1s; }

.header___nyzAq {
  font-size: 3.375rem;
  color: #568feb;
  margin: 9.375rem 0 6.25rem;
  font-weight: 900; }

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

.pros___uwkqC {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  opacity: 0; }
  .pros-wrap___3nqYa {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    justify-content: flex-start;
    opacity: 0;
    transform: translateY(50px); }
    .pros-wrap-image___yjxiK {
      position: absolute;
      right: 6.25rem;
      bottom: 3.125rem;
      width: 30%; }
    .pros-wrap-item___1KxIR {
      height: 20rem;
      width: 33%; }
      .pros-wrap-item-inner___28H7u {
        width: 65%;
        box-sizing: border-box; }
        .pros-wrap-item-inner-image___28Ek7 {
          height: 7.8125rem;
          margin-bottom: 1.5625rem; }
          .pros-wrap-item-inner-image___28Ek7 img {
            height: 100%; }
        .pros-wrap-item-inner-text___1PBKf {
          color: #354052;
          font-size: 1.125rem;
          line-height: 1.3; }

.appear___15z9c .pros___uwkqC {
  opacity: 1;
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .appear___15z9c .pros-wrap___3nqYa:nth-of-type(0) {
    opacity: 1;
    transform: translateY(0%);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0.3s; }
  .appear___15z9c .pros-wrap___3nqYa:nth-of-type(1) {
    opacity: 1;
    transform: translateY(0%);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0.5s; }
  .appear___15z9c .pros-wrap___3nqYa:nth-of-type(2) {
    opacity: 1;
    transform: translateY(0%);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0.7s; }
  .appear___15z9c .pros-wrap___3nqYa:nth-of-type(3) {
    opacity: 1;
    transform: translateY(0%);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0.9s; }
  .appear___15z9c .pros-wrap___3nqYa:nth-of-type(4) {
    opacity: 1;
    transform: translateY(0%);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.1s; }
  .appear___15z9c .pros-wrap___3nqYa:nth-of-type(5) {
    opacity: 1;
    transform: translateY(0%);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.3s; }

.wrap___1pg12 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75%; }

.top___rmGe9 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .top-top-part___2r7uL {
    width: 50%;
    display: flex;
    flex-direction: column;
    height: 34.375rem;
    position: relative;
    z-index: 1; }
    .top-top-part___2r7uL > div:nth-child(1) {
      opacity: 0;
      transform: translateX(-50px); }
    .top-top-part___2r7uL > div:nth-child(2) {
      opacity: 0;
      transform: translateX(-50px); }
    .top-top-part___2r7uL > div:nth-child(3) {
      opacity: 0;
      transform: translateX(-50px); }
    .top-top-part___2r7uL > div:nth-child(4) {
      opacity: 0;
      transform: translateX(-50px); }
    .top-top-part___2r7uL > div:nth-child(5) {
      opacity: 0;
      transform: translateX(-50px); }
    .top-top-part___2r7uL img {
      position: absolute;
      z-index: 0;
      bottom: 0;
      right: -100%;
      width: 100%;
      pointer-events: none; }
    .top-top-part___2r7uL .subheader___18hC6 {
      color: #8da9c5;
      font-weight: 900;
      font-size: 1rem;
      margin: 0 0 0.9375rem;
      z-index: 1; }
    .top-top-part___2r7uL .header___2rBwZ {
      font-size: 5.625rem;
      font-weight: 900;
      margin: 0 0 1.875rem;
      color: #568feb;
      z-index: 1; }
    .top-top-part___2r7uL .description___2pX5r {
      font-size: 1rem;
      line-height: 1.625rem;
      color: #354052;
      margin: 0 0 1.5625rem;
      z-index: 1; }
  .top-bot-part___3RbT6 {
    width: 100%;
    height: 6.25rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: 1; }
    .top-bot-part___3RbT6 .property___99Y0z:nth-child(1) {
      opacity: 0;
      transform: translateY(50px); }
    .top-bot-part___3RbT6 .property___99Y0z:nth-child(2) {
      opacity: 0;
      transform: translateY(50px); }
    .top-bot-part___3RbT6 .property___99Y0z:nth-child(3) {
      opacity: 0;
      transform: translateY(50px); }
    .top-bot-part___3RbT6 .property___99Y0z:nth-child(4) {
      opacity: 0;
      transform: translateY(50px); }
    .top-bot-part___3RbT6 .property___99Y0z:nth-child(5) {
      opacity: 0;
      transform: translateY(50px); }
    .top-bot-part___3RbT6 .property___99Y0z {
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .top-bot-part___3RbT6 .property-index___2aYBc {
        color: #8da9c5;
        font-weight: 500;
        font-size: 0.875rem; }
      .top-bot-part___3RbT6 .property-value___1OMzR {
        color: #354052;
        font-weight: 700;
        font-size: 1.5rem; }
      .top-bot-part___3RbT6 .property-description___3lOFj {
        color: #8da9c5;
        font-weight: 500;
        font-size: 0.875rem; }

.appear___1CgdI .top___rmGe9 {
  opacity: 1; }
  .appear___1CgdI .top-top-part___2r7uL > div:nth-child(1) {
    opacity: 1;
    transform: translateX(0%);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0.6s; }
  .appear___1CgdI .top-top-part___2r7uL > div:nth-child(2) {
    opacity: 1;
    transform: translateX(0%);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0.7s; }
  .appear___1CgdI .top-top-part___2r7uL > div:nth-child(3) {
    opacity: 1;
    transform: translateX(0%);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0.8s; }
  .appear___1CgdI .top-top-part___2r7uL > div:nth-child(4) {
    opacity: 1;
    transform: translateX(0%);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0.9s; }
  .appear___1CgdI .top-top-part___2r7uL > div:nth-child(5) {
    opacity: 1;
    transform: translateX(0%);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1s; }
  .appear___1CgdI .top-bot-part___3RbT6 .property___99Y0z:nth-child(1) {
    opacity: 1;
    transform: translateY(0%);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.1s; }
  .appear___1CgdI .top-bot-part___3RbT6 .property___99Y0z:nth-child(2) {
    opacity: 1;
    transform: translateY(0%);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.2s; }
  .appear___1CgdI .top-bot-part___3RbT6 .property___99Y0z:nth-child(3) {
    opacity: 1;
    transform: translateY(0%);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.3s; }
  .appear___1CgdI .top-bot-part___3RbT6 .property___99Y0z:nth-child(4) {
    opacity: 1;
    transform: translateY(0%);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.4s; }
  .appear___1CgdI .top-bot-part___3RbT6 .property___99Y0z:nth-child(5) {
    opacity: 1;
    transform: translateY(0%);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.5s; }

.group-wrap-plan___KcNh1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 5rem; }
  .group-wrap-plan-top___3mfBe {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem; }
    .group-wrap-plan-top___3mfBe .group-header___NuGlO {
      font-size: 3.375rem;
      color: #568feb;
      margin: 3.125rem 0 1.25rem;
      font-weight: 900; }
  .group-wrap-plan-bottom___1R0So {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    position: relative;
    width: 100000vw;
    margin-bottom: 6.25rem;
    transition: transform 0.45s cubic-bezier(0.645, 0.045, 0.355, 1); }

.left-right___1EwY0 {
  width: 5.625rem;
  height: 2.875rem;
  user-select: none; }
  .left-right-inner___3zqox {
    background-color: #0083ca;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative; }
    .left-right-inner___3zqox:after {
      width: 1px;
      position: absolute;
      content: '';
      background-color: #fff;
      opacity: 0.3;
      top: 20%;
      height: 60%;
      left: calc(50% - 0.5px); }
    .left-right-inner-left___SwZRo, .left-right-inner-right___2adg7 {
      height: 100%;
      width: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); }
      .left-right-inner-left___SwZRo img, .left-right-inner-right___2adg7 img {
        transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); }
      .left-right-inner-left___SwZRo:hover img, .left-right-inner-right___2adg7:hover img {
        transition: transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
      .left-right-inner-left___SwZRo.fade___su10E, .left-right-inner-right___2adg7.fade___su10E {
        pointer-events: none;
        opacity: 0.3;
        transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .left-right-inner-left___SwZRo img {
      transform: rotate(90deg); }
    .left-right-inner-left___SwZRo:hover img {
      transform: rotate(90deg) translateY(3px); }
    .left-right-inner-right___2adg7 img {
      transform: rotate(-90deg); }
    .left-right-inner-right___2adg7:hover img {
      transform: rotate(-90deg) translateY(3px); }

.card___JMYCU {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: flex-start;
  min-height: 22.5rem;
  height: auto;
  width: 25rem;
  max-width: 400px;
  background: #ffffff;
  box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
  border-radius: 20px;
  position: relative;
  padding: 2.25rem;
  padding-top: 1.5rem;
  padding-bottom: 0;
  box-sizing: border-box; }
  .card-inner___10Sfs {
    display: flex;
    flex-direction: column;
    height: 80%;
    justify-content: space-around; }
  .card-header___3-xHg {
    font-weight: 900;
    font-size: 2.125rem; }
  .card-description___1cBS8 {
    color: #8da9c5;
    font-size: 0.875rem;
    font-weight: 500; }
  .card-level___1502w {
    color: #354052;
    font-weight: 700;
    font-size: 1.125rem; }
  .card-level-sub___2hkS2 {
    color: #8da9c5;
    font-size: 0.875rem; }
  .card-level-price___2T37f {
    margin: 1.5rem 0; }
    .card-level-price___2T37f .price___33z8P {
      font-size: 1.5rem;
      line-height: 1.2;
      color: #8cc841;
      font-weight: 700; }
    .card-level-price___2T37f .old___1rscJ {
      font-size: 0.75rem;
      line-height: 1.2;
      color: #354052;
      text-decoration: line-through; }
  .card-more___wPndS {
    width: calc(100% - 4.5rem);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.375rem;
    border-top: 1px solid #e8ecff;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 2.25rem; }
    .card-more-wrap___3Uc8Z {
      display: flex;
      flex-direction: row;
      align-items: center;
      cursor: pointer; }
      .card-more-wrap___3Uc8Z > a {
        display: block;
        text-decoration: none;
        color: #eb008c;
        padding-bottom: 2px; }

.shop-parent___GQSYP {
  overflow: hidden;
  padding: 2.75rem 0;
  min-height: 62.5rem; }
  .shop-parent___GQSYP .shop-wrap___18Dqh {
    width: 77.1vw;
    max-width: 1480px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative; }
    .shop-parent___GQSYP .shop-wrap___18Dqh .top___1ow0C {
      width: 100%;
      margin: 2.5rem 0 0.625rem;
      justify-content: space-between;
      flex-direction: row;
      display: flex;
      position: relative;
      align-items: center; }
      .shop-parent___GQSYP .shop-wrap___18Dqh .top-select___27U5l {
        width: 50%;
        justify-content: space-between;
        flex-direction: row;
        display: flex; }
        .shop-parent___GQSYP .shop-wrap___18Dqh .top-select___27U5l > div {
          width: 48%; }
      .shop-parent___GQSYP .shop-wrap___18Dqh .top-type-change___3_miB {
        height: 3.125rem;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 16rem;
        position: relative; }
        .shop-parent___GQSYP .shop-wrap___18Dqh .top-type-change___3_miB .toggle-view___-V4NO {
          width: 100%;
          height: 100%;
          border-radius: 0.55vw;
          background: #e8ecff;
          display: flex;
          justify-content: space-between;
          align-items: center;
          position: absolute;
          z-index: 100; }
          .shop-parent___GQSYP .shop-wrap___18Dqh .top-type-change___3_miB .toggle-view___-V4NO.list___RucgM .item___2oemx.list___RucgM {
            color: white; }
          .shop-parent___GQSYP .shop-wrap___18Dqh .top-type-change___3_miB .toggle-view___-V4NO.list___RucgM .item___2oemx.scheduler___1Ur_a {
            color: #8da9c5; }
          .shop-parent___GQSYP .shop-wrap___18Dqh .top-type-change___3_miB .toggle-view___-V4NO.list___RucgM .active-shape___2Iv6G {
            transform: translateX(100%); }
          .shop-parent___GQSYP .shop-wrap___18Dqh .top-type-change___3_miB .toggle-view___-V4NO .item___2oemx {
            width: 50%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            color: #8da9c5;
            position: relative;
            z-index: 2;
            cursor: pointer;
            transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
            .shop-parent___GQSYP .shop-wrap___18Dqh .top-type-change___3_miB .toggle-view___-V4NO .item___2oemx.scheduler___1Ur_a {
              color: white; }
            .shop-parent___GQSYP .shop-wrap___18Dqh .top-type-change___3_miB .toggle-view___-V4NO .item___2oemx svg {
              width: 100%;
              height: 45%;
              object-fit: contain;
              overflow: visible; }
          .shop-parent___GQSYP .shop-wrap___18Dqh .top-type-change___3_miB .toggle-view___-V4NO .active-shape___2Iv6G {
            width: 50%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            background: #568feb;
            transform-origin: 0% 0%;
            border-radius: 0.55vw;
            transition: transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .shop-parent___GQSYP .shop-wrap___18Dqh .group-wrap___2w4Ka {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      flex-direction: row;
      position: relative;
      width: 100%; }
    .shop-parent___GQSYP .shop-wrap___18Dqh .banner-wrap___1tEiJ {
      padding: 1.875rem 0 4.6875rem; }
    .shop-parent___GQSYP .shop-wrap___18Dqh .branch___r73Ra {
      position: relative; }
      .shop-parent___GQSYP .shop-wrap___18Dqh .branch-background___ZLj68 {
        width: 1000vw;
        left: -20vw;
        background-color: #e8ecff;
        height: 26.3125rem;
        position: absolute;
        z-index: 0; }
      .shop-parent___GQSYP .shop-wrap___18Dqh .branch-top___38hhe {
        z-index: 1;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        position: relative;
        height: 5rem;
        padding-top: 1.25rem; }
        .shop-parent___GQSYP .shop-wrap___18Dqh .branch-top-header___3dclP {
          font-size: 2.125rem;
          font-weight: 700;
          color: #354052; }
      .shop-parent___GQSYP .shop-wrap___18Dqh .branch-group___66SBw {
        z-index: 1;
        position: relative;
        width: 100000vw;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        transition: transform 0.45s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .shop-parent___GQSYP .shop-wrap___18Dqh .mini___2u9gV {
      position: relative; }
      .shop-parent___GQSYP .shop-wrap___18Dqh .mini-top___3snmw {
        z-index: 1;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        position: relative;
        height: 5rem;
        padding-top: 1.25rem; }
        .shop-parent___GQSYP .shop-wrap___18Dqh .mini-top-header___2ypss {
          font-size: 2.125rem;
          font-weight: 700;
          color: #354052; }
      .shop-parent___GQSYP .shop-wrap___18Dqh .mini-group___8bdUS {
        z-index: 1;
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        transition: transform 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
        justify-content: space-between; }

.alert-enter___16HCS {
  opacity: 0;
  transform: translateY(50px); }

.alert-enter-active___3GCbP {
  opacity: 1;
  transform: translateY(0px);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; }

.alert-exit___2gCVG {
  opacity: 1;
  transform: translateY(0); }

.alert-exit-active___1MtR5 {
  opacity: 0;
  transform: translateY(-50px);
  transition: transform cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.5s, opacity cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.5s; }

.banners-wrap___2RC2W {
  width: 100%;
  height: 23.75rem;
  color: #354052; }

.slide-wrap___3VQIk {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden; }
  .slide-wrap___3VQIk .slide-inner___3ygrP {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 3.75rem 4.375rem;
    position: relative; }
    .slide-wrap___3VQIk .slide-inner___3ygrP .title___q_YVx {
      width: 47.5%;
      margin: 0;
      font-size: 3.75rem;
      line-height: 1.2;
      font-weight: 900;
      position: relative;
      z-index: 1; }
    .slide-wrap___3VQIk .slide-inner___3ygrP .text___abAUi {
      width: 47.5%;
      margin: 0;
      margin-top: 2rem;
      color: #eb008c;
      font-size: 2.5rem;
      font-weight: 900;
      position: relative;
      z-index: 1; }
      .slide-wrap___3VQIk .slide-inner___3ygrP .text___abAUi > a {
        text-decoration: none;
        color: inherit; }
    .slide-wrap___3VQIk .slide-inner___3ygrP .slide-img___1CJN3 {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 0; }
      .slide-wrap___3VQIk .slide-inner___3ygrP .slide-img___1CJN3 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }

.group-card___1Pvag {
  width: 37.5vw;
  max-width: 720px;
  height: 25.9375rem;
  background: #fff;
  box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
  border-radius: 20px;
  margin: 1.25rem 0; }
  .group-card-inner___Z_uAB {
    width: 100%;
    padding: 2rem 3.125rem 0rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%; }
    .group-card-inner-top___2R4XU {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: row;
      margin-bottom: 0.9375rem; }
      .group-card-inner-top-short-description___AwmeS {
        color: #354052;
        font-size: 0.875rem;
        font-weight: 500; }
    .group-card-inner-name___3Ft8s {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      margin-bottom: 1.5625rem; }
      .group-card-inner-name-main___1b4qH {
        font-size: 3.75rem;
        font-weight: 900;
        line-height: 3.75rem; }
      .group-card-inner-name-sub___1M-sz {
        font-size: 1.125rem;
        text-transform: capitalize;
        font-weight: 900;
        margin-left: 0.625rem; }
    .group-card-inner-description___ucd7Y {
      color: #8da9c5;
      width: 70%;
      font-size: 1.125rem;
      font-weight: 500;
      text-overflow: ellipsis; }
    .group-card-inner-more___ZSbrI {
      margin: 0 3.125rem;
      display: flex;
      position: absolute;
      justify-content: center;
      align-items: center;
      height: 5.625rem;
      width: calc(100% - 6.25rem);
      border-top: 1px solid #e8ecff;
      box-sizing: border-box;
      bottom: 0;
      left: 0; }
      .group-card-inner-more-wrap___vH9g2 {
        display: flex;
        flex-direction: row;
        align-items: center;
        cursor: pointer; }
        .group-card-inner-more-wrap___vH9g2 > a {
          color: #eb008c;
          text-decoration: none; }

.divider___2wKJg {
  display: flex;
  flex-direction: row;
  border-radius: 6px;
  background-color: #e8ecff;
  align-items: center;
  justify-content: center;
  height: 1.625rem;
  padding: 0 0.125rem; }
  .divider-item___2dUe8 {
    color: #8da9c5;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0 0.5rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    white-space: nowrap; }
    .divider-item___2dUe8:before {
      content: '';
      background-color: #8da9c5;
      width: 1px;
      height: 70%;
      position: absolute;
      top: 15%;
      left: calc(100% - 0.5px); }
    .divider-item___2dUe8:last-child:before {
      display: none; }

.order-parent___1AhZ1 {
  padding-bottom: 7.5rem; }
  .order-parent___1AhZ1 .back___3kMbU {
    margin: 3.125rem 0 1.5rem; }
    .order-parent___1AhZ1 .back___3kMbU .btn___2aoqf {
      color: #eb008c;
      font-size: 1rem;
      font-weight: 700;
      text-decoration: none; }
  .order-parent___1AhZ1 .order-wrap___3SIdw {
    width: 600px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative; }
    .order-parent___1AhZ1 .order-wrap___3SIdw .header___38p84 {
      font-size: 2.125rem;
      color: #568feb;
      margin: 0 0 3.125rem;
      font-weight: 900; }

.order___3iS5- {
  background: #ffffff;
  box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
  border-radius: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 1.875rem 3.125rem 2.5rem;
  box-sizing: border-box; }
  .order-name___1KWNo {
    font-size: 2.75rem;
    font-weight: 900;
    margin-bottom: 0.3125rem; }
  .order-description___ze7fV {
    font-size: 1rem;
    margin-bottom: 1.5625rem; }
  .order-points___3dTYd {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .order-points___3dTYd .point___2k7wq {
      width: 50%; }
      .order-points___3dTYd .point-sup___2EGW9 {
        color: #568feb;
        font-size: 1.125rem;
        font-weight: 700;
        margin-bottom: 0.1875rem; }
      .order-points___3dTYd .point-sub___20qVJ {
        color: #8da9c5;
        font-size: 0.875rem;
        font-weight: 500; }
  .order-inputs___w4uCm {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    grid-row-gap: 0.75rem;
    padding: 1.875rem 0;
    grid-column-gap: 1.25rem; }
    .order-inputs___w4uCm .wide___12GFc {
      grid-column: span 2; }
    .order-inputs___w4uCm textarea {
      width: 100%;
      box-sizing: border-box;
      border: 1px solid #8da9c5;
      border-radius: 10px;
      height: 6.25rem;
      resize: none;
      padding: 1rem; }
      .order-inputs___w4uCm textarea:focus {
        outline: none !important; }
  .order-bottom___K4s7t {
    width: 100%; }
    .order-bottom___K4s7t .price___2dKpH {
      border-top: 1px solid #e8ecff;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .order-bottom___K4s7t .price___2dKpH .left___3gMJ_ {
        font-weight: 900;
        font-size: 1.25rem;
        color: #354052;
        margin-bottom: 1.875rem;
        margin-top: 1.875rem; }
      .order-bottom___K4s7t .price___2dKpH .right___17Vy4 {
        display: flex;
        justify-content: flex-end;
        align-items: center; }
        .order-bottom___K4s7t .price___2dKpH .right-price___j3vHu {
          opacity: 0.6;
          font-size: 1rem;
          color: #8da9c5;
          font-weight: 700;
          margin-right: 0.625rem;
          text-align: center;
          text-decoration: line-through; }
        .order-bottom___K4s7t .price___2dKpH .right-final-price___1BhUc {
          font-weight: 900;
          font-size: 1.25rem;
          color: #354052; }
    .order-bottom___K4s7t .button___1Um3r {
      margin-bottom: 1.125rem; }
    .order-bottom___K4s7t .about___2O7vl {
      font-weight: 500;
      font-size: 0.875rem;
      color: #8da9c5; }

.materials___2F0WC {
  width: calc(100%);
  max-width: 1000px;
  height: 100%;
  box-sizing: border-box;
  padding: 2.75rem 0;
  margin: 0 auto; }
  @media screen and (max-width: 1280px) {
    .materials___2F0WC {
      max-width: 800px; } }
  .materials___2F0WC .header___mnxC_ {
    font-size: 2.125rem;
    color: #354052;
    font-weight: 700;
    margin-bottom: 3.75rem; }
  .materials-inner___o6J2k {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 0.5rem; }
    .materials-inner___o6J2k .link___1dbVP {
      background-color: #fff;
      height: 3.375rem;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      box-sizing: border-box;
      padding: 0 1.5rem;
      text-decoration: none;
      color: #354052;
      border-radius: 6px;
      font-weight: 700;
      box-shadow: 0 1px 2px 0 #a2b7d1;
      transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
      .materials-inner___o6J2k .link___1dbVP:hover {
        transform: translateX(10px);
        transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .materials-inner___o6J2k .link___1dbVP:hover .chevron___mqaY8 {
          transform: translateX(10px);
          transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .materials-inner___o6J2k .link___1dbVP .chevron___mqaY8 {
        transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
        .materials-inner___o6J2k .link___1dbVP .chevron___mqaY8 img {
          transform: rotate(-90deg); }

.date-picker-wrap___39q4- {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }

.day-inner___3tj7p {
  position: relative; }
  .day-inner___3tj7p .subject-shape___2pQ_N {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 3px); }



.cards-wrap___Rk8UY {
  width: 100%;
  height: 100%;
  position: relative; }

.toggle-btn___1ucQS {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 0.875rem;
  right: 0.75rem;
  z-index: 1000;
  cursor: pointer; }
  .toggle-btn___1ucQS .shape___3AdhA {
    width: 0.875rem;
    height: 0.875rem;
    border: 2px solid white;
    border-radius: 3px;
    background-color: transparent;
    position: absolute;
    transition: background 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
    .toggle-btn___1ucQS .shape___3AdhA:nth-child(1) {
      top: 0;
      left: 0;
      background-color: white; }
    .toggle-btn___1ucQS .shape___3AdhA:nth-child(2) {
      bottom: 0;
      right: 0; }
  .toggle-btn___1ucQS:hover .shape___3AdhA {
    transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background-color: white !important; }
    .toggle-btn___1ucQS:hover .shape___3AdhA:nth-child(1) {
      background-color: transparent !important; }

.cards-enter___2Tm3t {
  opacity: 0.2;
  transform: translateY(-12px) scale(0.925);
  z-index: 100; }

.cards-enter-active___lvVGx {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 0.25s;
  z-index: 100; }

.cards-enter-done___32XGP {
  opacity: 1;
  transform: translateY(0) scale(1);
  z-index: 100; }

.cards-exit___11H3J {
  opacity: 1;
  transform: translateY(0) scale(1);
  z-index: 101;
  will-change: transform; }

.cards-exit-active___3x3-Q {
  opacity: 0;
  transform: translateY(15%) scale(1.075);
  transition: transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
  z-index: 101;
  will-change: transform; }

.cards-exit-done___2lVMW {
  opacity: 0.2;
  transform: translateY(-12px) scale(0.925); }

.head-wrap___3gs8H {
  width: 100%;
  margin: 0;
  padding: 1.5rem 2.25rem 1.25rem;
  box-sizing: border-box; }
  .head-wrap___3gs8H .title___1rG9r {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end; }
    .head-wrap___3gs8H .title___1rG9r h2 {
      font-size: 2.125rem;
      line-height: 0.85;
      font-weight: 700;
      color: #0083ca;
      margin: 0; }
    .head-wrap___3gs8H .title___1rG9r .id___2Ac0m {
      font-size: 0.875rem;
      color: #8da9c5;
      font-weight: 300;
      margin-left: 1.25rem; }
  .head-wrap___3gs8H .data___3XzKA {
    width: 95%;
    padding: 0;
    margin: 1.25rem 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start; }
    .head-wrap___3gs8H .data___3XzKA .data-item___XHDHc {
      margin-right: 7.5rem; }
      .head-wrap___3gs8H .data___3XzKA .data-item___XHDHc .title___1rG9r {
        white-space: nowrap;
        font-size: 0.875rem;
        color: #8da9c5; }
      .head-wrap___3gs8H .data___3XzKA .data-item___XHDHc .content___3BGEp {
        font-size: 1.125rem;
        font-weight: 700;
        margin-top: 0.375rem; }
  .head-wrap___3gs8H p {
    margin: 0;
    font-weight: 300;
    font-size: 0.875rem; }

.wrap___eIRQ_ {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #0083ca;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center; }
  .wrap___eIRQ_ .inner-cont___37bO2 {
    width: 75%;
    max-height: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: left; }
    .wrap___eIRQ_ .inner-cont___37bO2 h2 {
      width: 100%;
      margin: 0;
      font-size: 2.125rem;
      line-height: 1.2;
      font-weight: 900; }
    .wrap___eIRQ_ .inner-cont___37bO2 p {
      width: 100%;
      margin: 0;
      font-size: 1rem;
      line-height: 1.5;
      margin-top: 1.25rem; }
    .wrap___eIRQ_ .inner-cont___37bO2 .img-wrap___1KSpm {
      width: 100%;
      height: 23.125rem;
      display: flex;
      justify-content: center;
      margin-top: 4.6875rem;
      align-items: flex-start; }
      .wrap___eIRQ_ .inner-cont___37bO2 .img-wrap___1KSpm img {
        height: 100%;
        object-fit: contain; }

@media all and (max-height: 750px) {
  .wrap___eIRQ_ .inner-cont___37bO2 .img-wrap___1KSpm {
    display: none; } }

.wrap___2OT-x {
  width: 600px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0; }
  @media all and (max-width: 1024px) {
    .wrap___2OT-x {
      display: none; } }
  .wrap___2OT-x .sidebar___O1zmU {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1000; }

.slide-enter___3CrNW {
  opacity: 0; }
  .slide-enter___3CrNW .title___2iia3,
  .slide-enter___3CrNW .text___2ZtMs {
    opacity: 0;
    will-change: transform;
    transform: translateX(8.5%); }
  .slide-enter___3CrNW .img-wrap___1CyDI {
    opacity: 0;
    will-change: transform;
    transform: translateX(5%); }

.slide-enter-active___1fhCT {
  opacity: 1;
  transition: opacity 0.21667s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 0.18333s; }
  .slide-enter-active___1fhCT .title___2iia3,
  .slide-enter-active___1fhCT .text___2ZtMs {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.325s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.21667s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .slide-enter-active___1fhCT .title___2iia3 {
    transition-delay: 0.36667s; }
  .slide-enter-active___1fhCT .text___2ZtMs {
    transition-delay: 0.55s; }
  .slide-enter-active___1fhCT .img-wrap___1CyDI {
    transform: translateX(0%);
    opacity: 1;
    transition: transform 0.325s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.21667s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: 0.7125s; }

.slide-exit___3zW43 {
  opacity: 1; }
  .slide-exit___3zW43 .title___2iia3,
  .slide-exit___3zW43 .text___2ZtMs {
    opacity: 1;
    will-change: transform;
    transform: translateX(0%); }
  .slide-exit___3zW43 .img-wrap___1CyDI {
    opacity: 1;
    will-change: transform;
    transform: translateX(0%); }

.slide-exit-active___39UqY {
  opacity: 0;
  transition: opacity 0.55s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
  .slide-exit-active___39UqY .title___2iia3,
  .slide-exit-active___39UqY .text___2ZtMs {
    opacity: 0;
    transform: translateX(-8.5%);
    transition: transform 0.55s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0.36667s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
  .slide-exit-active___39UqY .text___2ZtMs {
    transition-delay: 0.11s; }
  .slide-exit-active___39UqY .img-wrap___1CyDI {
    opacity: 0;
    transform: translateX(-5%);
    transition: transform 0.55s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0.36667s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition-delay: 0.1375s; }

.notifications___2S189 {
  background: #e8ecff;
  box-shadow: 0 1px 2px 0 #a2b7d1;
  width: calc(100% - 10px);
  padding: 0.625rem 1.875rem;
  box-sizing: border-box;
  margin-bottom: 0.625rem;
  margin-left: 0.625rem;
  position: relative;
  border-radius: 6px; }
  .notifications___2S189.first___YsJCl {
    border-top-left-radius: 0 0; }
    .notifications___2S189.first___YsJCl:before {
      position: absolute;
      left: -10px;
      top: 0;
      content: '';
      width: 0;
      height: 0;
      border-top: 5px solid #e8ecff;
      border-bottom: 5px solid transparent;
      border-right: 5px solid #e8ecff;
      border-left: 5px solid transparent;
      z-index: 10; }
  .notifications___2S189 .date___1Y1zW {
    color: #8da9c5;
    font-size: 0.75rem;
    margin-bottom: 0.1875rem; }

.dashboard___211T7 {
  background: #e8ecff;
  width: calc(100%);
  max-width: 1000px;
  height: 100%;
  box-sizing: border-box;
  margin: 0 auto; }
  @media screen and (max-width: 1280px) {
    .dashboard___211T7 {
      max-width: 800px; } }
  .dashboard___211T7.nocourse___3An2J {
    display: grid;
    grid-template-columns: repeat(1, 2fr 1fr);
    max-width: 100%; }
  .dashboard___211T7.course___2DEBl {
    padding-top: 2.75rem; }
  .dashboard___211T7 .main-grid___2PgIl {
    display: flex;
    flex-direction: column;
    color: white;
    margin: 0 5rem;
    height: 100%;
    padding-top: 4.0625rem;
    box-sizing: border-box; }
    .dashboard___211T7 .main-grid___2PgIl .header___3LL-Y {
      font-size: 1.375rem;
      font-weight: 700;
      margin-bottom: 1.5rem;
      width: 80%; }
      .dashboard___211T7 .main-grid___2PgIl .header-main___23oMN {
        color: #354052;
        font-size: 3.5rem;
        font-weight: 900;
        margin-bottom: 0.25rem; }
        .dashboard___211T7 .main-grid___2PgIl .header-main___23oMN img {
          width: 3.75rem; }
      .dashboard___211T7 .main-grid___2PgIl .header-sub___3Di-G {
        color: #8da9c5;
        font-size: 1.25rem;
        margin-bottom: 4rem; }
      .dashboard___211T7 .main-grid___2PgIl .header___3LL-Y.top___22rYA {
        font-size: 2.75rem;
        margin-bottom: 2.75rem; }
    .dashboard___211T7 .main-grid-item___3lVoE {
      border-radius: 20px;
      padding: 2rem 2.5rem;
      box-sizing: border-box;
      position: relative;
      margin-bottom: 4rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3); }
      .dashboard___211T7 .main-grid-item___3lVoE .button___2_Rgm {
        width: calc(100% - 5.75rem);
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0rem;
        left: 2.875rem;
        height: 5rem;
        color: white;
        border-top: 1px solid #cfd7db; }
        .dashboard___211T7 .main-grid-item___3lVoE .button___2_Rgm div {
          justify-content: center; }
      .dashboard___211T7 .main-grid-item___3lVoE.main___3bOef {
        height: 12.75rem; }
        .dashboard___211T7 .main-grid-item___3lVoE.main___3bOef img {
          position: absolute;
          right: 2.25rem;
          bottom: 2.25rem; }
        .dashboard___211T7 .main-grid-item___3lVoE.main___3bOef .inner-grid___1FVyF {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          grid-column-gap: 3.75rem;
          position: relative; }
          .dashboard___211T7 .main-grid-item___3lVoE.main___3bOef .inner-grid___1FVyF .item___1zl1K {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            font-size: 1.125rem;
            font-weight: 700; }
  .dashboard___211T7 .right___xGnqt {
    height: 100%;
    background-color: #fff;
    width: 100%;
    min-height: 50rem; }
    .dashboard___211T7 .right___xGnqt .inner-grid___1FVyF {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      position: relative;
      padding: 3.125rem;
      box-sizing: border-box; }
      .dashboard___211T7 .right___xGnqt .inner-grid___1FVyF.top___22rYA {
        height: 40%; }
        .dashboard___211T7 .right___xGnqt .inner-grid___1FVyF.top___22rYA:after {
          content: '';
          width: 80%;
          position: absolute;
          bottom: 0;
          left: 10%;
          background-color: rgba(141, 169, 197, 0.3);
          height: 1px; }
      .dashboard___211T7 .right___xGnqt .inner-grid___1FVyF.bottom___Ui0dJ {
        height: 60%; }
        .dashboard___211T7 .right___xGnqt .inner-grid___1FVyF.bottom___Ui0dJ .item-text___328P8 {
          text-decoration: underline;
          cursor: pointer; }
      .dashboard___211T7 .right___xGnqt .inner-grid___1FVyF .header___3LL-Y {
        color: #354052;
        font-size: 2rem;
        font-weight: 700;
        width: 80%;
        margin-bottom: 3rem; }
      .dashboard___211T7 .right___xGnqt .inner-grid___1FVyF .item-text___328P8 {
        font-size: 1.125rem;
        color: #8da9c5;
        margin-bottom: 1.375rem; }
        .dashboard___211T7 .right___xGnqt .inner-grid___1FVyF .item-text___328P8 img {
          width: 0.875rem;
          margin-right: 0.3125rem; }
      .dashboard___211T7 .right___xGnqt .inner-grid___1FVyF .button___2_Rgm {
        position: absolute;
        bottom: 3.125rem;
        color: #eb008c;
        height: 1.875rem;
        font-size: 1.125rem; }
  .dashboard-teacher___1Qd7u {
    width: 62.5rem;
    height: 54.4375rem;
    box-sizing: border-box;
    padding: 2.25rem;
    background-color: #fff;
    border-radius: 0.55vw;
    margin: 3.125rem 5rem;
    position: relative; }
    .dashboard-teacher___1Qd7u .header___3LL-Y {
      font-weight: 900;
      font-size: 1.375rem;
      color: #8da9c5; }
    .dashboard-teacher___1Qd7u .nope___3aDeS {
      font-size: 1.375rem;
      font-weight: 700;
      color: #8da9c5;
      width: 100%;
      text-align: center;
      margin-top: 6.25rem; }
    .dashboard-teacher___1Qd7u .dates___3EN8W {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 0.6875rem;
      margin-top: 2rem;
      margin-bottom: 2rem;
      height: 7.5rem; }
      .dashboard-teacher___1Qd7u .dates___3EN8W .date___2ZM0h {
        border-radius: 0.55vw;
        border: 1px solid #e8ecff;
        color: #8da9c5;
        box-sizing: border-box;
        padding: 1.125rem 2.375rem;
        display: grid;
        grid-template-columns: repeat(1, 1fr 2fr);
        cursor: pointer; }
        .dashboard-teacher___1Qd7u .dates___3EN8W .date-day___2Gr1f {
          font-size: 3.375rem;
          font-weight: 900;
          display: flex;
          align-items: flex-end; }
        .dashboard-teacher___1Qd7u .dates___3EN8W .date-month___320RH {
          display: flex;
          align-items: flex-end;
          box-sizing: border-box;
          padding-bottom: 0.625rem;
          text-transform: capitalize;
          font-weight: 900;
          font-size: 1.25rem; }
        .dashboard-teacher___1Qd7u .dates___3EN8W .date-weekday___9__vb {
          font-size: 1rem; }
        .dashboard-teacher___1Qd7u .dates___3EN8W .date___2ZM0h.active___3ivL5 {
          background-color: #0083ca;
          color: white; }
    .dashboard-teacher___1Qd7u .button___2_Rgm {
      width: calc(100% - 5rem);
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      bottom: 0rem;
      left: 2.5rem;
      height: 5.75rem;
      color: #eb008c;
      border-top: 1px solid #cfd7db; }
      .dashboard-teacher___1Qd7u .button___2_Rgm div {
        justify-content: center; }
  .dashboard-cards___OsLhm {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem; }
  .dashboard___211T7 .top-select___3K72m {
    display: flex;
    flex-direction: row;
    margin-bottom: 2.5rem;
    align-items: center;
    position: relative; }
    .dashboard___211T7 .top-select-about___1zoMv {
      font-size: 2.125rem;
      color: #354052;
      margin-right: 1rem; }
    .dashboard___211T7 .top-select-select___PowDe {
      width: 20.125rem; }
    .dashboard___211T7 .top-select-single___3xIpE {
      font-size: 1.75rem;
      color: #0083ca;
      font-weight: 700;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start; }
      .dashboard___211T7 .top-select-single___3xIpE .img___3Rwjo {
        width: 1.625rem;
        height: 2.125rem;
        margin-left: 0.625rem; }
        .dashboard___211T7 .top-select-single___3xIpE .img___3Rwjo img {
          width: 100%;
          height: 100%;
          object-fit: contain; }
    .dashboard___211T7 .top-select-payment___1ZfTC {
      position: absolute;
      right: 0;
      top: 0; }

.list-item-wrap___3qISx {
  width: 100%;
  padding: 16px 20px;
  margin-bottom: 10px;
  box-sizing: border-box;
  border-radius: 0.55vw;
  border-style: solid;
  border-width: 1px;
  border-color: #8da9c5;
  color: #354052;
  background: white;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 500;
  transition: background 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53), border-color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53), color 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
  .list-item-wrap___3qISx:hover {
    color: white;
    transition: background 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .list-item-wrap___3qISx.passed___rwVA9 {
    color: #8da9c5; }
    .list-item-wrap___3qISx.passed___rwVA9:hover {
      color: white;
      transition: background 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .list-item-wrap___3qISx.no-pointer___AaCpy {
    pointer-events: none; }
  .list-item-wrap___3qISx > div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .list-item-wrap___3qISx .item-shape___3mtJQ {
    width: 18px;
    height: 18px;
    border-radius: 100%; }
  .list-item-wrap___3qISx .duration___2jMum {
    width: 25%;
    font-weight: 900; }
  .list-item-wrap___3qISx .count___2J75T {
    width: 15%; }
  .list-item-wrap___3qISx .title___1lbxm {
    width: 35%; }
    .list-item-wrap___3qISx .title___1lbxm strong {
      font-weight: 900; }
  .list-item-wrap___3qISx .listener___Avf7o {
    width: 15%; }

.progress___3rvaI {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 0.125rem;
  justify-items: center;
  align-items: center; }
  .progress-bar___3PMUc {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    height: 17.625rem;
    border-right: #e8ecff 1px solid;
    width: 100%; }
    .progress-bar___3PMUc:last-child {
      border-right: 0; }
    .progress-bar-percent___3jKuF {
      font-weight: 900; }
    .progress-bar-bar___1Nwg0 {
      height: 13.75rem; }
      .progress-bar-bar___1Nwg0 svg {
        height: 100%; }
    .progress-bar-bottom___1Y_17 {
      font-weight: 900;
      font-size: 0.875rem; }

.card___1Sw52 {
  background-color: #fff;
  height: 25rem;
  background: #ffffff;
  box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
  border-radius: 20px;
  box-sizing: border-box;
  padding: 2rem 2.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative; }
  .card___1Sw52 .header___1k6u4 {
    font-weight: 900;
    font-size: 1.375rem;
    color: #8da9c5;
    position: relative;
    z-index: 10; }
  .card___1Sw52 .warn___2Yw-X {
    position: absolute;
    right: 2.25rem;
    top: 1.75rem;
    z-index: 20; }
    .card___1Sw52 .warn___2Yw-X img {
      opacity: 0.5;
      transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
    .card___1Sw52 .warn___2Yw-X:hover img {
      opacity: 1;
      transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .card___1Sw52 .warn___2Yw-X:hover .warn-popup___S2EcD {
      opacity: 1;
      transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .card___1Sw52 .warn-popup___S2EcD {
      opacity: 0;
      position: absolute;
      width: 18.75rem;
      top: calc(100% + 0.875rem);
      right: 0;
      height: 13.1875rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 1.5625rem 1.25rem;
      box-sizing: border-box;
      background-color: white;
      box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
      border-radius: 10px;
      z-index: 10;
      pointer-events: none;
      transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
      .card___1Sw52 .warn-popup___S2EcD .alert___2vOvJ {
        font-size: 0.875rem;
        font-weight: 700;
        color: #ff0000; }
      .card___1Sw52 .warn-popup___S2EcD .text___3C9Ue {
        color: #354052;
        font-size: 0.75rem; }
      .card___1Sw52 .warn-popup___S2EcD .sub___3VtYg {
        color: #8da9c5;
        font-size: 0.75rem; }

.card___1VJfu {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative; }
  .card-inside___32soJ {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    width: 100%; }
    .card-inside-item___35gyU {
      width: 50%;
      color: #568feb;
      font-size: 1.75rem;
      font-weight: 700; }
    .card-inside-small___1vDS3 {
      width: 50%;
      margin-top: 0.3125rem;
      color: #8da9c5;
      font-size: 1rem;
      line-height: 1.375rem; }
  .card-field___17d4d {
    margin-top: 2.125rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%; }
    .card-field___17d4d .teacher___2eWr5 {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start; }
      .card-field___17d4d .teacher-photo___u8g7D {
        width: 4.875rem;
        height: 4.875rem;
        margin-right: 1.6875rem; }
      .card-field___17d4d .teacher-name___1SwhF {
        display: flex;
        flex-direction: column; }
        .card-field___17d4d .teacher-name-sup___3X5j3 {
          color: #8da9c5;
          font-size: 0.875rem; }
        .card-field___17d4d .teacher-name-name___3ok42 {
          margin-top: 0.3125rem;
          text-decoration: underline;
          font-size: 1.125rem;
          color: #0083ca;
          cursor: pointer; }
    .card-field___17d4d .schedule___dEv0a {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-row-gap: 0.625rem;
      margin-top: 1.6875rem; }
      .card-field___17d4d .schedule-item___140x4:nth-child(odd) {
        color: #8da9c5;
        text-align: left;
        font-size: 0.875rem;
        font-weight: 700;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end; }
      .card-field___17d4d .schedule-item___140x4:nth-child(even) {
        color: #354052;
        text-align: right; }
  .card-button___bkCFx {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -2rem;
    height: 5.75rem;
    color: #eb008c;
    border-top: 1px solid #cfd7db; }
    .card-button___bkCFx div {
      justify-content: center; }

.avatar-wrap___1fpkW {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 100%;
  background: #e8ecff; }
  .avatar-wrap___1fpkW img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }

.card___1Fo8A {
  width: 100%;
  height: 100%;
  display: block;
  position: relative; }
  .card-inside___3faYb {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 4.0625rem;
    width: 55%;
    position: relative;
    z-index: 2; }
    .card-inside-item___1xhv8 {
      color: #568feb;
      font-size: 1.75rem;
      font-weight: 700; }
    .card-inside-small___2sF8W {
      margin-top: 0.3125rem;
      color: #8da9c5;
      font-size: 1rem;
      line-height: 1.375rem; }
  .card-button___O7bxK {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -2rem;
    height: 5.75rem;
    color: #eb008c;
    border-top: 1px solid #cfd7db;
    text-decoration: none; }
    .card-button___O7bxK div {
      justify-content: center; }
  .card___1Fo8A img {
    position: absolute;
    width: 8.8125rem;
    right: 0;
    bottom: 5.625rem;
    z-index: 1; }

.card___2spUk {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  position: relative; }
  .card___2spUk .sub-heading___3sdu3 {
    width: 100%;
    font-size: 0.875rem;
    margin-top: 4.0625rem;
    margin-bottom: 0.875rem;
    color: #8da9c5; }
  .card___2spUk .words___3KYR2 {
    height: 1.625rem;
    padding: 0 1.25rem;
    color: white;
    font-size: 0.875rem;
    background-color: #eb008c;
    border-radius: 0.8125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    transform: translateY(5px); }
  .card-inside___3lhyz {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    z-index: 2; }
    .card-inside-item___uMZH0 {
      color: #568feb;
      font-size: 1.75rem;
      font-weight: 700;
      display: flex;
      flex-direction: row;
      width: 60%;
      justify-content: space-between; }
      .card-inside-item___uMZH0 a {
        color: #568feb; }
      .card-inside-item___uMZH0 .circle___VtgYe {
        position: absolute;
        right: 0;
        width: 5.375rem;
        top: calc(50% - 5.375rem);
        display: flex;
        justify-content: center;
        align-items: center; }
        .card-inside-item___uMZH0 .circle___VtgYe .progress___1KK_3 {
          padding-top: 3px;
          position: absolute;
          font-size: 0.875rem;
          color: #354052; }
        .card-inside-item___uMZH0 .circle___VtgYe svg {
          width: 100%; }
    .card-inside-small___2pcle {
      margin-top: 0.3125rem;
      color: #8da9c5;
      font-size: 1rem;
      line-height: 1.375rem;
      width: 60%; }
  .card-button___R973h {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -2rem;
    height: 5.75rem;
    color: #eb008c;
    border-top: 1px solid #cfd7db;
    text-decoration: none; }
    .card-button___R973h div {
      justify-content: center; }
  .card___2spUk img {
    position: absolute;
    width: 8.8125rem;
    right: 0;
    bottom: 5.625rem;
    z-index: 1; }

.pag-out___3OFL6 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 3rem; }

.pag-in___1_SGE {
  width: 100%;
  height: 100%;
  position: relative; }

.main-wrap___2iF7v {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e8ecff;
  overflow-x: hidden; }

.tutorial___2FZrt {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh; }
  .tutorial___2FZrt .backdrop___3SRR9 {
    background-color: rgba(53, 64, 82, 0.3);
    width: 100%;
    height: 100%;
    position: absolute; }
  .tutorial___2FZrt .step-wrap___ohcnA {
    background-color: #fff;
    padding: 2.5rem;
    text-align: center;
    border-radius: 20px;
    width: calc(49.0625rem - 5rem);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative; }
    .tutorial___2FZrt .step-wrap___ohcnA .close___1K1LD {
      position: absolute;
      right: 1.375rem;
      top: 1.375rem;
      width: 1.625rem;
      height: 1.625rem;
      display: flex;
      justify-content: center;
      align-items: center; }
    .tutorial___2FZrt .step-wrap___ohcnA .emoji___2efMD {
      width: 5.375rem;
      margin-bottom: 2.5rem; }
      .tutorial___2FZrt .step-wrap___ohcnA .emoji___2efMD img {
        width: 100%; }
    .tutorial___2FZrt .step-wrap___ohcnA .counter___3_T0u {
      color: #8da9c5;
      font-size: 1rem;
      margin: 0.9375rem 0 0.3125rem; }
    .tutorial___2FZrt .step-wrap___ohcnA .header___1tCCU {
      font-size: 1.6875rem;
      font-weight: 700;
      color: #0083ca; }
      .tutorial___2FZrt .step-wrap___ohcnA .header-pink___1ZzeW {
        font-size: 1.25rem;
        font-weight: 700;
        color: #eb008c;
        margin: 0.625rem 0; }
    .tutorial___2FZrt .step-wrap___ohcnA .text___1apVd {
      font-size: 1rem;
      color: #354052;
      margin: 0.625rem 0; }
      .tutorial___2FZrt .step-wrap___ohcnA .text___1apVd a {
        color: #0083ca; }
      .tutorial___2FZrt .step-wrap___ohcnA .text___1apVd ul {
        text-align: left;
        width: 60%;
        margin: 0.625rem auto; }
    .tutorial___2FZrt .step-wrap___ohcnA .video___3aqT7 {
      width: 90%; }
      .tutorial___2FZrt .step-wrap___ohcnA .video___3aqT7 video {
        width: 100%; }
    .tutorial___2FZrt .step-wrap___ohcnA .subheader___1R_6y {
      font-size: 1rem;
      line-height: 1.8;
      color: #354052;
      font-weight: 700;
      margin: 1.875rem 0; }
    .tutorial___2FZrt .step-wrap___ohcnA .phone___2Mq7S {
      font-weight: 900;
      color: #0083ca;
      font-size: 1.75rem;
      margin-top: 0.625rem; }
      .tutorial___2FZrt .step-wrap___ohcnA .phone___2Mq7S > div {
        color: #8da9c5;
        font-size: 1rem;
        font-weight: 500; }
    .tutorial___2FZrt .step-wrap___ohcnA .button___2niyO {
      margin: 0.9375rem 0 0; }
    .tutorial___2FZrt .step-wrap___ohcnA .buttons___2yhVZ {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 60%; }
      .tutorial___2FZrt .step-wrap___ohcnA .buttons___2yhVZ.step___2a-Fs {
        color: #eb008c;
        margin-top: 1.25rem; }

.panel-wrap___2ogsu {
  width: 100%;
  height: 100%;
  padding: 3.4375rem 0 2.5rem;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  font-size: 1rem;
  line-height: 1.25;
  background-color: #f9faff;
  color: #8da9c5;
  position: relative; }
  .panel-wrap___2ogsu:after {
    content: '';
    width: 100%;
    height: 2rem;
    background: linear-gradient(to bottom, #f9faff 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 100%;
    left: 0; }
  .panel-wrap___2ogsu a {
    color: #8da9c5;
    text-decoration: none;
    transition: color 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
    .panel-wrap___2ogsu a:hover {
      color: #354052;
      transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .panel-wrap___2ogsu .avatar-wrap___22eoh {
    width: 116px;
    height: 116px;
    position: relative; }
    .panel-wrap___2ogsu .avatar-wrap___22eoh .change-avatar___EeLN2 {
      width: 32px;
      height: 32px;
      border-radius: 100%;
      overflow: hidden;
      position: absolute;
      bottom: 0;
      right: 0;
      background-color: #fa961e;
      z-index: 2;
      transition: background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .panel-wrap___2ogsu .avatar-wrap___22eoh .change-avatar___EeLN2:hover {
        background-color: #ee890e; }
      .panel-wrap___2ogsu .avatar-wrap___22eoh .change-avatar___EeLN2 label {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
        .panel-wrap___2ogsu .avatar-wrap___22eoh .change-avatar___EeLN2 label img {
          width: 100%;
          height: 100%;
          object-fit: contain; }
      .panel-wrap___2ogsu .avatar-wrap___22eoh .change-avatar___EeLN2 input {
        position: absolute;
        top: -10000px;
        left: -10000px; }
  .panel-wrap___2ogsu .user-info___15IhM {
    width: 52.5%; }
    .panel-wrap___2ogsu .user-info___15IhM h3 {
      margin-top: 0;
      color: #354052;
      font-weight: 700;
      font-size: 1.375rem;
      margin-bottom: 0.75rem; }
      .panel-wrap___2ogsu .user-info___15IhM h3 .vr___2kw0A {
        width: 1px;
        height: 0.875rem;
        background-color: #8da9c5;
        margin: 0 0.625rem;
        display: inline-block; }
      .panel-wrap___2ogsu .user-info___15IhM h3 .link___X_Vqz {
        font-size: 0.875rem;
        line-height: 1.5;
        font-weight: 500;
        text-decoration: underline;
        display: inline-block;
        transform: translateY(-2px); }
      .panel-wrap___2ogsu .user-info___15IhM h3 .chip-wrap___2SBlS {
        display: inline-block;
        width: 7.5rem;
        height: 1.25rem;
        margin-left: 0.75rem;
        font-size: 0.75rem;
        font-weight: 500;
        transform: translateY(-4px); }
    .panel-wrap___2ogsu .user-info___15IhM .data-item___x3rhZ {
      margin-bottom: 0.5rem; }
  .panel-wrap___2ogsu .right-cont___1Mwbb {
    min-width: 25%; }
    .panel-wrap___2ogsu .right-cont___1Mwbb .birth-day___pb_Eu {
      text-align: right;
      margin-bottom: 2.0625rem; }
    .panel-wrap___2ogsu .right-cont___1Mwbb .btn-wrap___3git_ {
      display: flex;
      justify-content: flex-end; }

.popup-layout___1JJ0k {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none; }
  .popup-layout___1JJ0k.abs___39pX9 {
    position: absolute; }
  .popup-layout___1JJ0k .close-helper___e4pwK {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(53, 64, 82, 0.4);
    cursor: pointer;
    pointer-events: all;
    transition: background 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: 1; }
    .popup-layout___1JJ0k .close-helper___e4pwK:hover {
      background-color: rgba(53, 64, 82, 0.5); }
  .popup-layout___1JJ0k .content___3g8Tw {
    position: relative;
    z-index: 2;
    pointer-events: none; }
    .popup-layout___1JJ0k .content___3g8Tw.events___2h8tQ {
      pointer-events: all; }
    .popup-layout___1JJ0k .content___3g8Tw .close-btn___1Mmwc {
      width: 1.5rem;
      height: 1.5rem;
      position: absolute;
      top: 0.5rem;
      right: 0.5rem;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      pointer-events: all; }
      .popup-layout___1JJ0k .content___3g8Tw .close-btn___1Mmwc .shape___2EQ4f {
        width: 85%;
        height: 2px;
        border-radius: 2px;
        background-color: #8da9c5;
        position: relative;
        transform-origin: 50% 50%;
        transform: rotate(-45deg);
        transition: transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
        .popup-layout___1JJ0k .content___3g8Tw .close-btn___1Mmwc .shape___2EQ4f:after {
          content: '';
          width: 100%;
          height: 100%;
          border-radius: 2px;
          background-color: #8da9c5;
          position: absolute;
          top: 0;
          left: 0;
          transform-origin: 50% 50%;
          transform: rotate(-90deg); }
      .popup-layout___1JJ0k .content___3g8Tw .close-btn___1Mmwc:hover .shape___2EQ4f {
        transform: rotate(-135deg);
        transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.hoc-popup-enter___rk9pn {
  opacity: 0; }
  .hoc-popup-enter___rk9pn .content___3g8Tw {
    transform: scale(0.95); }

.hoc-popup-enter-active___2ShHx {
  opacity: 1;
  transition: opacity 0.24s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hoc-popup-enter-active___2ShHx .content___3g8Tw {
    transform: scale(1);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }

.hoc-popup-exit___10bZ4 {
  opacity: 1; }
  .hoc-popup-exit___10bZ4 .content___3g8Tw {
    transform: scale(1); }

.hoc-popup-exit-active___1Mkv- {
  opacity: 0;
  transition: opacity 0.12s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hoc-popup-exit-active___1Mkv- .content___3g8Tw {
    transform: scale(0.9);
    transition: transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hoc-popup-exit-done___2_qyv {
  opacity: 0;
  pointer-events: none; }
  .hoc-popup-exit-done___2_qyv * {
    pointer-events: none !important; }

.wrap___lXcAe {
  width: 580px;
  padding: 4.375rem 6rem;
  border-radius: 0.55vw;
  box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
  background-color: white;
  pointer-events: all;
  box-sizing: border-box;
  text-align: center; }
  .wrap___lXcAe .heading___3L2td {
    font-size: 3.125rem;
    color: #568feb;
    font-weight: 900; }
  .wrap___lXcAe .text___29WDj {
    width: 80%;
    margin: 1.75rem auto 2.75rem;
    font-size: 1.125rem;
    line-height: 1.5; }
  .wrap___lXcAe .link___wIfX3 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin: 0 auto; }

@font-face {
  font-family: 'Museo Sans';
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-700.eot");
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-700.eot?#iefix") format("embedded-opentype"), url("/static/fonts/MuseoSans/MuseoSansCyrl-700.woff2") format("woff2"), url("/static/fonts/MuseoSans/MuseoSansCyrl-700.woff") format("woff"), url("/static/fonts/MuseoSans/MuseoSansCyrl-700.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Museo Sans';
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-300.eot");
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-300.eot?#iefix") format("embedded-opentype"), url("/static/fonts/MuseoSans/MuseoSansCyrl-300.woff2") format("woff2"), url("/static/fonts/MuseoSans/MuseoSansCyrl-300.woff") format("woff"), url("/static/fonts/MuseoSans/MuseoSansCyrl-300.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Museo Sans';
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-900Italic.eot");
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-900Italic.eot?#iefix") format("embedded-opentype"), url("/static/fonts/MuseoSans/MuseoSansCyrl-900Italic.woff2") format("woff2"), url("/static/fonts/MuseoSans/MuseoSansCyrl-900Italic.woff") format("woff"), url("/static/fonts/MuseoSans/MuseoSansCyrl-900Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: 'Museo Sans';
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-100Italic.eot");
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-100Italic.eot?#iefix") format("embedded-opentype"), url("/static/fonts/MuseoSans/MuseoSansCyrl-100Italic.woff2") format("woff2"), url("/static/fonts/MuseoSans/MuseoSansCyrl-100Italic.woff") format("woff"), url("/static/fonts/MuseoSans/MuseoSansCyrl-100Italic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: 'Museo Sans';
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-900.eot");
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-900.eot?#iefix") format("embedded-opentype"), url("/static/fonts/MuseoSans/MuseoSansCyrl-900.woff2") format("woff2"), url("/static/fonts/MuseoSans/MuseoSansCyrl-900.woff") format("woff"), url("/static/fonts/MuseoSans/MuseoSansCyrl-900.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Museo Sans';
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-700Italic.eot");
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-700Italic.eot?#iefix") format("embedded-opentype"), url("/static/fonts/MuseoSans/MuseoSansCyrl-700Italic.woff2") format("woff2"), url("/static/fonts/MuseoSans/MuseoSansCyrl-700Italic.woff") format("woff"), url("/static/fonts/MuseoSans/MuseoSansCyrl-700Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Museo Sans';
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-500Italic.eot");
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-500Italic.eot?#iefix") format("embedded-opentype"), url("/static/fonts/MuseoSans/MuseoSansCyrl-500Italic.woff2") format("woff2"), url("/static/fonts/MuseoSans/MuseoSansCyrl-500Italic.woff") format("woff"), url("/static/fonts/MuseoSans/MuseoSansCyrl-500Italic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'Museo Sans';
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-300Italic.eot");
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-300Italic.eot?#iefix") format("embedded-opentype"), url("/static/fonts/MuseoSans/MuseoSansCyrl-300Italic.woff2") format("woff2"), url("/static/fonts/MuseoSans/MuseoSansCyrl-300Italic.woff") format("woff"), url("/static/fonts/MuseoSans/MuseoSansCyrl-300Italic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Museo Sans';
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-500.eot");
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-500.eot?#iefix") format("embedded-opentype"), url("/static/fonts/MuseoSans/MuseoSansCyrl-500.woff2") format("woff2"), url("/static/fonts/MuseoSans/MuseoSansCyrl-500.woff") format("woff"), url("/static/fonts/MuseoSans/MuseoSansCyrl-500.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Museo Sans';
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-100.eot");
  src: url("/static/fonts/MuseoSans/MuseoSansCyrl-100.eot?#iefix") format("embedded-opentype"), url("/static/fonts/MuseoSans/MuseoSansCyrl-100.woff2") format("woff2"), url("/static/fonts/MuseoSans/MuseoSansCyrl-100.woff") format("woff"), url("/static/fonts/MuseoSans/MuseoSansCyrl-100.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

 {
  /* Default modifiers */
  /* Example modifiers */ }
  .DayPicker {
    display: inline-block;
    font-size: 1rem;
    width: 340px;
    height: 320px;
    border: none;
    outline: none;
    margin-top: -2rem; }
  .DayPicker-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    flex-direction: row;
    padding-bottom: 1em;
    border: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .DayPicker-Months {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: none;
    outline: none; }
  .DayPicker-Month {
    width: 100%;
    height: 100%;
    display: table;
    margin: 0 1em;
    margin-top: 0;
    border-spacing: 0;
    border-collapse: collapse;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    border: none; }
  .DayPicker-NavButton {
    position: absolute;
    top: 0.3em;
    right: 1.5em;
    left: auto;
    display: inline-block;
    margin-top: 2px;
    width: 1.25em;
    height: 1.25em;
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    color: #0083ca;
    opacity: 0.8;
    cursor: pointer;
    border: none;
    outline: none;
    transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .DayPicker-NavButton:hover {
    opacity: 1; }
  .DayPicker-NavButton--prev {
    margin-right: 3em;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCA4IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ni4zICg4MTcxNikgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aWNvbnMvY2hldnJvbi1sZWZ0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTEwLjQxNDIxMzYsMTIgTDE1LjcwNzEwNjgsNi43MDcxMDY3OCBDMTYuMDk3NjMxMSw2LjMxNjU4MjQ5IDE2LjA5NzYzMTEsNS42ODM0MTc1MSAxNS43MDcxMDY4LDUuMjkyODkzMjIgQzE1LjMxNjU4MjUsNC45MDIzNjg5MyAxNC42ODM0MTc1LDQuOTAyMzY4OTMgMTQuMjkyODkzMiw1LjI5Mjg5MzIyIEw4LjI5Mjg5MzIyLDExLjI5Mjg5MzIgQzcuOTAyMzY4OTMsMTEuNjgzNDE3NSA3LjkwMjM2ODkzLDEyLjMxNjU4MjUgOC4yOTI4OTMyMiwxMi43MDcxMDY4IEwxNC4yOTI4OTMyLDE4LjcwNzEwNjggQzE0LjY4MzQxNzUsMTkuMDk3NjMxMSAxNS4zMTY1ODI1LDE5LjA5NzYzMTEgMTUuNzA3MTA2OCwxOC43MDcxMDY4IEMxNi4wOTc2MzExLDE4LjMxNjU4MjUgMTYuMDk3NjMxMSwxNy42ODM0MTc1IDE1LjcwNzEwNjgsMTcuMjkyODkzMiBMMTAuNDE0MjEzNiwxMiBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iTGlzdGVuZXJzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTEstbGlzdGVuZXJzX1BsYW4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NzkuMDAwMDAwLCAtNzQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJDYWxlbmRhciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzYwLjAwMDAwMCwgNjQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i0LzQtdGB0Y/Rhl/Qs9C+0LQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI4LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbnMvY2hldnJvbi1sZWZ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyODMuMDAwMDAwLCA1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgaWQ9IlNoYXBlIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iQ09MT1IvLWJsYWNrIiBtYXNrPSJ1cmwoI21hc2stMikiIGZpbGw9IiM1NjhGRUIiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); }
  .DayPicker-NavButton--next {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCA4IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ni4zICg4MTcxNikgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aWNvbnMvY2hldnJvbi1yaWdodDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xMy41ODU3ODY0LDEyIEw4LjI5Mjg5MzIyLDE3LjI5Mjg5MzIgQzcuOTAyMzY4OTMsMTcuNjgzNDE3NSA3LjkwMjM2ODkzLDE4LjMxNjU4MjUgOC4yOTI4OTMyMiwxOC43MDcxMDY4IEM4LjY4MzQxNzUxLDE5LjA5NzYzMTEgOS4zMTY1ODI0OSwxOS4wOTc2MzExIDkuNzA3MTA2NzgsMTguNzA3MTA2OCBMMTUuNzA3MTA2OCwxMi43MDcxMDY4IEMxNi4wOTc2MzExLDEyLjMxNjU4MjUgMTYuMDk3NjMxMSwxMS42ODM0MTc1IDE1LjcwNzEwNjgsMTEuMjkyODkzMiBMOS43MDcxMDY3OCw1LjI5Mjg5MzIyIEM5LjMxNjU4MjQ5LDQuOTAyMzY4OTMgOC42ODM0MTc1MSw0LjkwMjM2ODkzIDguMjkyODkzMjIsNS4yOTI4OTMyMiBDNy45MDIzNjg5Myw1LjY4MzQxNzUxIDcuOTAyMzY4OTMsNi4zMTY1ODI0OSA4LjI5Mjg5MzIyLDYuNzA3MTA2NzggTDEzLjU4NTc4NjQsMTIgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9Ikxpc3RlbmVycyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkxLLWxpc3RlbmVyc19QbGFuIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzE3LjAwMDAwMCwgLTc0LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iQ2FsZW5kYXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM2MC4wMDAwMDAsIDY0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9ItC80LXRgdGP0YZf0LPQvtC0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOC4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25zL2NoZXZyb24tcmlnaHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyMS4wMDAwMDAsIDUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBpZD0iU2hhcGUiIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJDT0xPUi8tYmxhY2siIG1hc2s9InVybCgjbWFzay0yKSIgZmlsbD0iIzU2OEZFQiIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="); }
  .DayPicker-NavButton--interactionDisabled {
    display: none; }
  .DayPicker-Caption {
    display: table-caption;
    margin-bottom: 0.5em;
    padding: 0 0.5em;
    text-align: left; }
  .DayPicker-Caption > div {
    font-size: 1.5em;
    color: #0083ca;
    font-weight: 700; }
    .DayPicker-Caption > div::first-letter {
      text-transform: uppercase; }
  .DayPicker-Weekdays {
    display: table-header-group;
    margin-top: 1em; }
  .DayPicker-WeekdaysRow {
    display: table-row; }
  .DayPicker-Weekday {
    display: table-cell;
    padding: 1.5em 0.5em;
    color: #0083ca;
    text-align: center;
    font-weight: 700;
    font-size: 0.875em; }
    .DayPicker-Weekday::first-letter {
      text-transform: uppercase; }
  .DayPicker-Weekday abbr[title] {
    border-bottom: none;
    text-decoration: none; }
  .DayPicker-Body {
    display: table-row-group; }
  .DayPicker-Week {
    display: table-row; }
  .DayPicker-Day {
    display: table-cell;
    padding: 0.6em;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-size: 0.9em;
    border: none;
    outline: none;
    transition: background 0.15s ease, border-radius 0.15s ease; }
    .DayPicker-Day--selectedRangeStart, .DayPicker-Day--hoverRangeStart {
      background-color: #e8ecff !important;
      border-radius: 50% 0 0 50% !important; }
    .DayPicker-Day--selectedRangeEnd, .DayPicker-Day--hoverRangeEnd {
      background-color: #e8ecff !important;
      border-radius: 0 50% 50% 0 !important; }
    .DayPicker-Day--selectedRange, .DayPicker-Day--hoverRange {
      background-color: #e8ecff !important;
      border-radius: 0;
      color: black !important; }
      .DayPicker-Day--selectedRange.DayPicker-Day--today, .DayPicker-Day--hoverRange.DayPicker-Day--today {
        font-weight: 900; }
      .DayPicker-Day--selectedRange.DayPicker-Day--currentDate, .DayPicker-Day--hoverRange.DayPicker-Day--currentDate {
        font-weight: 900;
        color: #568feb !important; }
  .DayPicker-WeekNumber {
    display: table-cell;
    padding: 0.5em;
    min-width: 1em;
    border-right: 1px solid #eaecec;
    color: #8b9898;
    vertical-align: middle;
    text-align: right;
    font-size: 0.75em;
    cursor: pointer; }
  .DayPicker--interactionDisabled .DayPicker-Day {
    font-weight: 700;
    cursor: pointer; }
  .DayPicker-Footer {
    padding-top: 0.5em; }
  .DayPicker-TodayButton {
    border: none;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    color: #4a90e2;
    font-size: 0.875em;
    cursor: pointer; }
  .DayPicker-Day--today {
    color: white;
    font-weight: 700;
    background-color: #568feb; }
  .DayPicker-Day--outside {
    color: #8da9c5;
    cursor: default; }
    .DayPicker-Day--outside.DayPicker-Day--today {
      color: white !important; }
  .DayPicker-Day--disabled {
    color: #dce0e0;
    cursor: default;
    /* background-color: #eff1f1; */ }
  .DayPicker-Day--sunday {
    background-color: #f7f8f8; }
  .DayPicker-Day--sunday:not(.DayPicker-Day--today) {
    color: #dce0e0; }
  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
    background: #8da9c5;
    color: white;
    position: relative; }
  .DayPicker:not(.DayPicker--interactionDisabled)
.DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):not(.DayPicker-Day--today):hover {
    background-color: #8da9c5;
    color: white; }
  .DayPickerInput {
    width: 100%;
    height: 100%;
    display: inline-block; }
    .DayPickerInput input {
      background-color: transparent; }
  .DayPickerInput-OverlayWrapper {
    position: relative; }
  .DayPickerInput-Overlay {
    width: 340px;
    height: 340px;
    padding: 1.2rem;
    padding-top: 60px;
    position: absolute;
    left: 0;
    z-index: 100;
    background: white;
    box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3); }
  @media all and (min-width: 1600px) {
    .DayPicker {
      width: 400px;
      height: 370px; }
    .DayPickerInput-Overlay {
      width: 400px;
      height: 380px; } }

html {
  font-size: 16px; }

* {
  scrollbar-width: 5px;
  scrollbar-gutter: force;
  scrollbar-base-color: transparent;
  scrollbar-arrow-color: transparent;
  scrollbar-face-color: transparent;
  scrollbar-track-color: transparent;
  scrollbar-highlight-color: transparent;
  -ms-scrollbar-base-color: transparent;
  -ms-scrollbar-arrow-color: transparent;
  -ms-scrollbar-track-color: transparent;
  -ms-scrollbar-highlight-color: transparent;
  -ms-scrollbar-face-color: transparent; }
  *::-webkit-scrollbar {
    width: 5px; }
  *::-webkit-scrollbar-track {
    background: transparent; }
  *::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 3px; }
  *:hover {
    scrollbar-face-color: #8da9c5;
    scrollbar-base-color: #e8ecff;
    scrollbar-highlight-color: #e8ecff;
    -ms-scrollbar-face-color: #8da9c5;
    -ms-scrollbar-base-color: #e8ecff;
    -ms-scrollbar-highlight-color: #e8ecff; }
    *:hover::-webkit-scrollbar-track {
      background: #e8ecff; }
    *:hover::-webkit-scrollbar-thumb {
      background: #8da9c5; }

body {
  min-height: 100vh;
  margin: 0;
  padding: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 1rem;
  font-family: 'Museo Sans', sans-serif;
  color: #354052;
  background-color: #f9faff;
  scrollbar-width: none;
  scrollbar-base-color: transparent;
  scrollbar-arrow-color: transparent;
  scrollbar-face-color: transparent;
  scrollbar-base-color: transparent;
  scrollbar-highlight-color: transparent;
  -ms-scrollbar-base-color: transparent;
  -ms-scrollbar-arrow-color: transparent;
  -ms-scrollbar-face-color: transparent;
  -ms-scrollbar-base-color: transparent;
  -ms-scrollbar-highlight-color: transparent; }
  body::-webkit-scrollbar {
    width: 0;
    display: none; }
  body::-webkit-scrollbar-track {
    background: transparent;
    background: transparent; }
  body::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 3px;
    background: transparent; }

@media all and (min-width: 2100px) {
  html {
    font-size: 18px; } }

@media all and (max-width: 1680px) {
  html {
    font-size: 13px; } }

.app___C6B6Y {
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  position: relative;
  background-color: #f9faff;
  display: flex;
  justify-content: flex-end;
  align-items: stretch; }
  .app___C6B6Y .content-layout___2MSfJ {
    width: calc(100% - 280px);
    min-height: 100vh;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .app___C6B6Y .auth-content-layout___29ws6 {
    width: calc(100% - 600px);
    min-height: 100vh;
    margin: 0;
    padding: 0; }
    @media all and (max-width: 1024px) {
      .app___C6B6Y .auth-content-layout___29ws6 {
        width: 100vw; } }

.ws-chat-btn-el-container {
  display: none;
  visibility: hidden;
  pointer-events: none; }

.card-wrap___3bBUc {
  width: 100%;
  padding: 35px 28px;
  margin-top: 10px;
  background: white;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  pointer-events: all;
  border-radius: 0.55vw;
  box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3); }
  .card-wrap___3bBUc * {
    user-select: none; }
  .card-wrap___3bBUc .close-btn___3WUiN {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.5;
    transition: opacity 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
    .card-wrap___3bBUc .close-btn___3WUiN .shape___2fIR- {
      width: 100%;
      height: 2px;
      background: #354052;
      position: relative;
      transform-origin: 50% 50%;
      transform: rotate(45deg);
      transition: transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
      .card-wrap___3bBUc .close-btn___3WUiN .shape___2fIR-:after {
        content: '';
        width: 100%;
        height: 100%;
        background: #354052;
        position: absolute;
        top: 0;
        left: 0;
        transform-origin: 50% 50%;
        transform: rotate(-90deg); }
    .card-wrap___3bBUc .close-btn___3WUiN:hover {
      opacity: 1;
      transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .card-wrap___3bBUc .close-btn___3WUiN:hover .shape___2fIR- {
        transform: rotate(-45deg) scale(1.1);
        transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .card-wrap___3bBUc .inner___1a7Jg {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .card-wrap___3bBUc .inner___1a7Jg .img-wrap___gWsBk {
      width: 46px;
      height: 46px;
      display: flex;
      justify-content: center;
      align-items: center;
      pointer-events: none; }
      .card-wrap___3bBUc .inner___1a7Jg .img-wrap___gWsBk img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        pointer-events: none; }
    .card-wrap___3bBUc .inner___1a7Jg p {
      width: calc(100% - 46px - 22px);
      margin: 0;
      color: #568feb;
      font-size: 1.125rem;
      line-height: 1.25;
      font-weight: 500; }

.messages-wrap___1C_eC {
  width: 360px;
  height: calc(100vh - 68px);
  position: fixed;
  top: 34px;
  right: 40px;
  z-index: 100000;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  pointer-events: none; }

.message-enter___19DJX {
  opacity: 0;
  transform: translateX(25%); }

.message-enter-active___2IZbi {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.message-exit___1gXPb {
  opacity: 1;
  transform: translateX(0); }

.message-exit-active___5sLK8 {
  opacity: 0;
  transform: translateX(25%);
  transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53), transform 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

.preloader-wrap___V0zOR {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none; }
  .preloader-wrap___V0zOR .load-cont___2t3CK {
    width: 204px;
    height: 92px;
    transform-origin: 50% 50%; }
    .preloader-wrap___V0zOR .load-cont___2t3CK svg {
      width: 100%;
      height: 100%; }

.preloader-enter___2lbgk {
  opacity: 0; }

.preloader-enter-active___3yFW- {
  opacity: 1;
  transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

.preloader-enter-done___1iKaE {
  opacity: 1; }

.preloader-exit___3qXLe {
  opacity: 1; }

.preloader-exit-active___2x3UI {
  opacity: 0;
  transition: opacity 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.preloader-exit-done___2Fihy {
  opacity: 0; }

.mobile-block___3gVid {
  z-index: 55555555;
  background-color: #568feb;
  position: fixed;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  box-sizing: border-box;
  padding: 3.125rem 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  color: white; }
  .mobile-block___3gVid .header___3-Z35 {
    font-size: 1.5rem;
    font-weight: 900;
    text-align: center;
    line-height: 1.2;
    width: 90%; }
  .mobile-block___3gVid .apps___21hMu {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .mobile-block___3gVid .apps___21hMu .sub-header___3d8TN {
      font-size: 1.25rem;
      text-align: center;
      margin-bottom: 0.9375rem; }
    .mobile-block___3gVid .apps-item___1FCJ3 {
      margin: 0.9375rem; }
      .mobile-block___3gVid .apps-item___1FCJ3 img {
        width: 100%; }
  .mobile-block___3gVid .sub-text___2qFLN {
    text-align: center;
    width: 90%;
    font-size: 1.25rem; }

.new-claim___3ezqv {
  width: 35rem;
  padding: 2.875rem;
  background-color: #fff;
  border-radius: 0.55vw;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 1.25rem; }
  .new-claim___3ezqv .header___pJwh6 {
    grid-column: span 2;
    color: #354052;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.75rem; }
  .new-claim___3ezqv .type___-vXIr {
    grid-column: span 2;
    font-size: 1rem;
    color: #354052; }
  .new-claim___3ezqv .input___2lyB3 {
    min-height: 2.875rem;
    grid-column: span 1;
    margin-bottom: 0.75rem; }
    .new-claim___3ezqv .input___2lyB3.big___3C-rK {
      grid-column: span 2; }
    .new-claim___3ezqv .input___2lyB3.date___2ZKN0 {
      grid-column: span 2;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 1.5rem;
      position: relative; }
  .new-claim___3ezqv .comment___37muk {
    grid-column: span 2;
    box-sizing: border-box;
    border-radius: 0.55vw;
    margin-bottom: 1.5rem;
    border: 1px solid #8da9c5;
    height: 8.375rem; }
    .new-claim___3ezqv .comment___37muk textarea {
      width: 100%;
      height: 100%;
      resize: none;
      font-family: 'Museo Sans', sans-serif;
      font-size: 1rem;
      line-height: 1.25;
      border: none;
      outline: none;
      background: transparent;
      box-sizing: border-box;
      padding: 1.25rem; }
      .new-claim___3ezqv .comment___37muk textarea::placeholder {
        font-family: 'Museo Sans', sans-serif;
        font-size: 1rem;
        color: #8da9c5; }

.notifications___2xnFP {
  margin-top: 3.75rem; }

.form___3XiyY {
  width: 500px;
  margin: 2.5rem auto;
  padding: 0; }
  .form___3XiyY .input-wrap___1Jdc8 {
    width: 100%;
    margin-top: 2.5rem; }
    .form___3XiyY .input-wrap___1Jdc8:nth-child(1) {
      margin-top: 0; }
  .form___3XiyY .code-wrap___2-KOo {
    width: 200px;
    height: 60px;
    margin: 0 auto; }
    .form___3XiyY .code-wrap___2-KOo input {
      width: 100%;
      height: 100%;
      border: none;
      outline: none;
      font-size: 1.375rem;
      font-family: 'Museo Sans', sans-serif;
      font-weight: 500;
      background-color: white;
      text-align: center;
      letter-spacing: 4px;
      border-radius: 0.55vw; }
      .form___3XiyY .code-wrap___2-KOo input::placeholder {
        opacity: 1;
        transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .form___3XiyY .code-wrap___2-KOo input:focus::placeholder, .form___3XiyY .code-wrap___2-KOo input:active::placeholder {
        opacity: 0;
        transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
  .form___3XiyY .timeout___2yH55 {
    width: 100%;
    text-align: center;
    font-size: 0.875rem;
    color: #8da9c5;
    margin: 1.125rem 0 2.25rem 0; }
    .form___3XiyY .timeout___2yH55 .counter___3fP3_ {
      word-spacing: 0.0625rem; }
    .form___3XiyY .timeout___2yH55 .code___1GtKc {
      cursor: pointer;
      color: #568feb;
      transition: color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .form___3XiyY .timeout___2yH55 .code___1GtKc:hover {
        color: #4479cf; }
  .form___3XiyY .password-hint___3urJK {
    width: 100%;
    text-align: center;
    font-size: 0.8rem;
    line-height: 1.25;
    margin: 0.5rem 0;
    color: #8da9c5; }

.auth-parent___1tx-X {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center; }
  .auth-parent___1tx-X .logo___10D8s {
    width: 100%;
    padding-top: 4rem;
    display: flex;
    justify-content: center;
    align-items: center; }
    .auth-parent___1tx-X .logo___10D8s img {
      width: 15rem;
      object-fit: contain; }
  .auth-parent___1tx-X .content___3YKFd {
    width: 758px;
    margin-top: 7.25rem; }

@media all and (max-height: 950px) {
  .auth-parent___1tx-X .logo___10D8s {
    padding-top: 2rem; }
  .auth-parent___1tx-X .content___3YKFd {
    margin-top: 3rem; } }

@media all and (max-width: 375px) {
  .auth-parent___1tx-X .content___3YKFd {
    width: 90%; } }

@media all and (max-width: 1024px) {
  .auth-parent___1tx-X .content___3YKFd {
    max-width: 500px; } }

.toggle-wrap___lEHhg {
  width: 500px;
  height: 70px;
  margin: 0 auto;
  padding: 0; }

@media all and (max-width: 500px) {
  .toggle-wrap___lEHhg {
    width: 100%; } }

.recovery-wrap___E5rDX h1 {
  margin: 0 auto;
  text-align: center;
  font-size: 2.125rem;
  font-weight: 900;
  color: #568feb; }

.recovery-wrap___E5rDX p {
  width: 630px;
  margin: 2rem auto;
  text-align: center;
  font-size: 1rem;
  line-height: 1.625;
  font-weight: 500; }

.recovery-wrap___E5rDX .btn-wrap___1yZuF {
  width: 500px;
  margin: 0 auto; }

.popup-wrap___3tn9c {
  width: 21.25rem;
  min-height: 9.75rem;
  padding: 1.625rem 1.875rem;
  box-sizing: border-box;
  background-color: white;
  border-radius: 0.55vw;
  box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
  pointer-events: all; }
  .popup-wrap___3tn9c .inner___3q5bs {
    width: 100%;
    height: 100%; }
    .popup-wrap___3tn9c .inner___3q5bs .title___lpepK {
      margin: 0;
      font-size: 1rem;
      font-weight: 700;
      margin-bottom: 0.375rem; }
    .popup-wrap___3tn9c .inner___3q5bs .subtitle___3iWD1 {
      margin: 0;
      font-size: 0.875rem;
      font-weight: 500;
      color: #8da9c5; }
    .popup-wrap___3tn9c .inner___3q5bs .inputs___Uc-T8 {
      width: 100%;
      margin-top: 1.5rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; }
      .popup-wrap___3tn9c .inner___3q5bs .inputs___Uc-T8 .input-wrap___3n631 {
        width: 7.5rem;
        height: 2.875rem;
        margin: 0;
        padding: 0; }
        .popup-wrap___3tn9c .inner___3q5bs .inputs___Uc-T8 .input-wrap___3n631.btn___1z6T6 {
          width: 8.125rem; }
        .popup-wrap___3tn9c .inner___3q5bs .inputs___Uc-T8 .input-wrap___3n631.radio___M8XBs {
          width: 100%;
          height: auto;
          margin-bottom: 1rem; }
        .popup-wrap___3tn9c .inner___3q5bs .inputs___Uc-T8 .input-wrap___3n631 .input-inner-wrap___a92j_ {
          width: 100%;
          height: 100%;
          min-width: 0;
          padding: 0 0.875rem; }
          .popup-wrap___3tn9c .inner___3q5bs .inputs___Uc-T8 .input-wrap___3n631 .input-inner-wrap___a92j_ .placeholder___2CLFu {
            display: none; }

.wrap___1qmAW {
  width: 100%;
  margin-top: 1rem; }
  .wrap___1qmAW .input-wrap___1DngY {
    width: 100%;
    margin-top: 1rem; }

.appointment-content___Fdbnu {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0.5rem 0.5rem;
  color: white;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: flex-end; }
  .appointment-content___Fdbnu.passed___2WJ8d {
    color: #8da9c5; }
  .appointment-content-data___1DoNM {
    width: 100%; }
    .appointment-content-data___1DoNM > div {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .appointment-content-data___1DoNM .course___18WX1 {
      white-space: nowrap;
      margin-top: 6px;
      font-weight: 700; }

.appointment-helper___okaru {
  visibility: visible; }

.scheduler-view-wrap___zuk8n {
  width: 100%;
  height: 100%;
  background-color: white;
  position: relative; }
  .scheduler-view-wrap___zuk8n * {
    font-family: 'Museo Sans', sans-serif;
    font-family: 'Museo Sans' !important;
    scrollbar-width: none;
    scrollbar-base-color: transparent;
    scrollbar-arrow-color: transparent;
    scrollbar-face-color: transparent;
    scrollbar-base-color: transparent;
    scrollbar-highlight-color: transparent;
    -ms-scrollbar-base-color: transparent;
    -ms-scrollbar-arrow-color: transparent;
    -ms-scrollbar-face-color: transparent;
    -ms-scrollbar-base-color: transparent;
    -ms-scrollbar-highlight-color: transparent; }
    .scheduler-view-wrap___zuk8n *::-webkit-scrollbar {
      width: 0;
      display: none; }
    .scheduler-view-wrap___zuk8n *::-webkit-scrollbar-track {
      background: transparent;
      background: transparent; }
    .scheduler-view-wrap___zuk8n *::-webkit-scrollbar-thumb {
      background: transparent;
      border-radius: 3px;
      background: transparent; }

.empty-cell-component___1RZ5w {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #e8ecff; }

.date-navigator-btn___Glsob {
  width: 50%;
  height: 100%;
  background: #568feb;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  transition: background 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  outline: none; }
  .date-navigator-btn___Glsob img {
    width: 14px;
    height: 14px;
    object-fit: contain;
    transform-origin: 50% 50%; }
  .date-navigator-btn___Glsob.forward___2nK-Q {
    left: unset;
    right: 0; }
    .date-navigator-btn___Glsob.forward___2nK-Q img {
      transform: scale(-1); }
  .date-navigator-btn___Glsob:hover {
    background-color: #4479cf; }
  .date-navigator-btn___Glsob.disabled___sR2iS {
    pointer-events: none;
    opacity: 0.65; }

.planning-main-wrap___N2fiU {
  width: 1080px;
  max-width: 1080px;
  height: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center; }
  .planning-main-wrap___N2fiU .planning-board-wrap___3JMdy {
    width: 100%;
    height: 100%;
    min-height: 70%;
    position: relative; }

.disclaimer-body___1t564 {
  width: auto;
  padding: 1.5rem;
  box-sizing: border-box;
  background-color: white;
  box-shadow: 0px 8px 14px rgba(162, 183, 209, 0.3);
  border-radius: 0.55vw;
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 100%; }
  .disclaimer-body___1t564 .disclaimer-inner___1Yiv1 {
    width: 100%;
    height: 100%;
    font-size: 0.875rem;
    line-height: 1.25;
    font-weight: 500;
    color: #354052; }
    .disclaimer-body___1t564 .disclaimer-inner___1Yiv1 strong {
      font-size: 1rem; }
    .disclaimer-body___1t564 .disclaimer-inner___1Yiv1 .text___3kzg1 {
      padding-bottom: 1rem; }
    .disclaimer-body___1t564 .disclaimer-inner___1Yiv1 .disclaimer-btns___2rLLn {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .disclaimer-body___1t564 .disclaimer-inner___1Yiv1 .disclaimer-btns___2rLLn > button:nth-child(1) {
        margin-right: 1.125rem; }

.popup-header___1Y3-j {
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 700; }
  .popup-header___1Y3-j.passed___3kJEC {
    background-image: url("/static/img/schedule/passed_pattern.svg");
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #8da9c5; }
    .popup-header___1Y3-j.passed___3kJEC .info-row___1KpfI .ruler___-vq8D {
      background-color: #8da9c5 !important; }
  .popup-header___1Y3-j > div {
    width: 100%; }
  .popup-header___1Y3-j .info-row___1KpfI .info___2AQcj {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .popup-header___1Y3-j .info-row___1KpfI .info___2AQcj .ruler___-vq8D {
      width: 1px;
      height: 0.8vw;
      background-color: white;
      margin: 0 10px; }
    .popup-header___1Y3-j .info-row___1KpfI .info___2AQcj .type___O7V3c {
      font-weight: 500; }
  .popup-header___1Y3-j .time-data___1d0hh {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end; }
    .popup-header___1Y3-j .time-data___1d0hh .date-time___2qbnC {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      margin-right: 2.35vw; }
      .popup-header___1Y3-j .time-data___1d0hh .date-time___2qbnC .duration___2aCz- {
        font-weight: 900;
        font-size: 2.875rem; }
    .popup-header___1Y3-j .time-data___1d0hh .icon-wrap___Ejm_M {
      width: 4.4vw; }
      .popup-header___1Y3-j .time-data___1d0hh .icon-wrap___Ejm_M img {
        width: 100%;
        object-fit: contain; }
  .popup-header___1Y3-j .sub-info___12YKr {
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    opacity: 0.75; }

.popup-data-wrap___2ywv6 {
  width: 100%;
  margin: 0;
  padding: 0; }
  .popup-data-wrap___2ywv6 .data-row___37Qcw {
    width: 100%;
    margin-top: 1.05vw;
    display: flex;
    justify-content: flex-start;
    align-items: stretch; }
    .popup-data-wrap___2ywv6 .data-row___37Qcw .cell___1odmH {
      width: 100%;
      margin-right: 3.3333%;
      overflow: hidden;
      text-overflow: ellipsis; }
      .popup-data-wrap___2ywv6 .data-row___37Qcw .cell___1odmH.wide___LCOam {
        width: 100%; }
      .popup-data-wrap___2ywv6 .data-row___37Qcw .cell___1odmH:nth-child(3n) {
        margin-right: 0; }
      .popup-data-wrap___2ywv6 .data-row___37Qcw .cell___1odmH .title___3sYTP {
        font-size: 0.75rem;
        font-weight: 500;
        color: #8da9c5; }
      .popup-data-wrap___2ywv6 .data-row___37Qcw .cell___1odmH .value___x9CYj {
        width: 100%;
        font-size: 1.125rem;
        font-weight: 900;
        color: #354052;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .popup-data-wrap___2ywv6 .data-row___37Qcw .cell___1odmH a.value___x9CYj {
        color: #568feb;
        text-decoration: underline;
        transition: color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
        .popup-data-wrap___2ywv6 .data-row___37Qcw .cell___1odmH a.value___x9CYj:hover {
          color: #4479cf;
          transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.rate-wrap___XWBzn {
  width: 100%;
  margin-top: 1.875vw; }
  .rate-wrap___XWBzn h4 {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
    color: #8da9c5; }
  .rate-wrap___XWBzn h3 {
    margin: 0;
    font-weight: 700;
    font-size: 1rem; }
  .rate-wrap___XWBzn .stars___3wsXa {
    width: 100%;
    margin: 0.52vw 0 1.05vw;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .rate-wrap___XWBzn .stars___3wsXa .rate-item___3NReZ {
      width: 1.77vw;
      height: 1.77vw;
      margin-right: 0.325vw;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      cursor: pointer; }
      .rate-wrap___XWBzn .stars___3wsXa .rate-item___3NReZ .img-wrap___WMMOb {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 1;
        z-index: 1;
        transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .rate-wrap___XWBzn .stars___3wsXa .rate-item___3NReZ .img-wrap___WMMOb img {
          width: 100%;
          height: 100%;
          object-fit: contain; }
        .rate-wrap___XWBzn .stars___3wsXa .rate-item___3NReZ .img-wrap___WMMOb:nth-child(2) {
          opacity: 0;
          z-index: 2;
          transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
      .rate-wrap___XWBzn .stars___3wsXa .rate-item___3NReZ.enter___1Oszh .img-wrap___WMMOb:nth-child(2), .rate-wrap___XWBzn .stars___3wsXa .rate-item___3NReZ:hover .img-wrap___WMMOb:nth-child(2) {
        opacity: 0.5;
        transition: opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .rate-wrap___XWBzn .stars___3wsXa .rate-item___3NReZ.active___2F0oz .img-wrap___WMMOb {
        opacity: 0;
        transition: opacity 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
        .rate-wrap___XWBzn .stars___3wsXa .rate-item___3NReZ.active___2F0oz .img-wrap___WMMOb:nth-child(2) {
          opacity: 1;
          transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .rate-wrap___XWBzn .stars___3wsXa .rate-item___3NReZ.rated___2ff-I {
        pointer-events: none !important; }
  .rate-wrap___XWBzn .bad-rate-wrap___JLmyl {
    width: 100%; }
    .rate-wrap___XWBzn .bad-rate-wrap___JLmyl h3 {
      margin-bottom: 0.625rem; }
    .rate-wrap___XWBzn .bad-rate-wrap___JLmyl .reasons-wrap___ow4No {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      align-content: flex-start; }
      .rate-wrap___XWBzn .bad-rate-wrap___JLmyl .reasons-wrap___ow4No .chip___1-A6L {
        padding: 6px 10px;
        margin: 8px 6px 0 0;
        font-size: 12px;
        line-height: 1;
        border-radius: 18px;
        color: #8da9c5;
        border: 1px solid #8da9c5;
        cursor: pointer;
        transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        .rate-wrap___XWBzn .bad-rate-wrap___JLmyl .reasons-wrap___ow4No .chip___1-A6L:hover, .rate-wrap___XWBzn .bad-rate-wrap___JLmyl .reasons-wrap___ow4No .chip___1-A6L.active___2F0oz {
          background: #0083ca;
          border-color: #0083ca;
          color: white; }
    .rate-wrap___XWBzn .bad-rate-wrap___JLmyl textarea {
      width: 100%;
      min-height: 120px;
      margin: 1rem 0;
      padding: 1rem;
      outline: none;
      border: 1px solid #8da9c5;
      font-family: 'Museo Sans', sans-serif;
      border-radius: 0.55vw;
      font-size: 1rem;
      line-height: 1.25;
      color: #354052;
      resize: none;
      box-sizing: border-box; }
      .rate-wrap___XWBzn .bad-rate-wrap___JLmyl textarea::placeholder {
        font-size: 1rem;
        line-height: 1.25;
        color: #8da9c5; }
    .rate-wrap___XWBzn .bad-rate-wrap___JLmyl .btn-wrap___2agPl {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center; }

.inner-content___1QN-R {
  max-width: 600px;
  width: 31.25vw; }
  .inner-content___1QN-R .popup-body___2pefW {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch; }
    .inner-content___1QN-R .popup-body___2pefW.passed___2Tdm6 {
      justify-content: flex-start; }
    .inner-content___1QN-R .popup-body___2pefW .popup-action-btns___1GPR4 {
      width: 100%;
      padding-top: 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      position: relative; }
      .inner-content___1QN-R .popup-body___2pefW .popup-action-btns___1GPR4 .btn-wrap___3DW5H {
        max-width: 12.5rem;
        width: calc(50% - 0.5rem);
        margin-right: 1rem;
        margin-top: 1rem;
        border: none;
        outline: none; }
        .inner-content___1QN-R .popup-body___2pefW .popup-action-btns___1GPR4 .btn-wrap___3DW5H:nth-child(2n) {
          margin-right: 0; }

.wrap___28BtP {
  width: 30rem;
  padding: 2.5rem 1.875rem;
  min-height: 9.75rem;
  box-sizing: border-box;
  background-color: white;
  border-radius: 0.55vw;
  box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
  pointer-events: all; }
  .wrap___28BtP .inner___1TMV9 {
    width: 100%;
    height: 100%; }
    .wrap___28BtP .inner___1TMV9 .top-cont___2j8po {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      align-content: flex-start; }
      .wrap___28BtP .inner___1TMV9 .top-cont___2j8po .input-wrap___3ehbf {
        width: 47.5%;
        height: 3.75rem;
        color: #354052;
        margin-bottom: 1rem; }
        .wrap___28BtP .inner___1TMV9 .top-cont___2j8po .input-wrap___3ehbf > div {
          min-width: unset; }
        .wrap___28BtP .inner___1TMV9 .top-cont___2j8po .input-wrap___3ehbf.select___USdbG {
          width: 100%; }
      .wrap___28BtP .inner___1TMV9 .top-cont___2j8po .checkboxes___3n4h7 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .wrap___28BtP .inner___1TMV9 .top-cont___2j8po .checkboxes___3n4h7 .cb-wrap___7Fv92 {
          width: 47.5%;
          margin-bottom: 0.625rem; }
    .wrap___28BtP .inner___1TMV9 .mid-cont___3eHP0 {
      width: 100%;
      padding: 1.25rem 0;
      margin: 0;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .wrap___28BtP .inner___1TMV9 .mid-cont___3eHP0 .cb-wrap___7Fv92 {
        width: 47.5%; }
      .wrap___28BtP .inner___1TMV9 .mid-cont___3eHP0 .delete-btn___3liI0 {
        width: 47.5%;
        color: #0083ca;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        .wrap___28BtP .inner___1TMV9 .mid-cont___3eHP0 .delete-btn___3liI0 .shape___tsDZh {
          width: 1.25rem;
          height: 2px;
          border-radius: 2px;
          background-color: currentColor;
          position: relative;
          transform-origin: 50% 50%;
          transform: rotate(-45deg);
          transition: transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
          .wrap___28BtP .inner___1TMV9 .mid-cont___3eHP0 .delete-btn___3liI0 .shape___tsDZh:after {
            content: '';
            width: 100%;
            height: 100%;
            background-color: currentColor;
            transform-origin: 50% 50%;
            transform: rotate(-90deg);
            border-radius: 2px;
            position: absolute;
            top: 0;
            left: 0; }
        .wrap___28BtP .inner___1TMV9 .mid-cont___3eHP0 .delete-btn___3liI0 .text___33b92 {
          width: calc(100% - 2rem);
          font-size: 1rem;
          text-decoration: underline; }
        .wrap___28BtP .inner___1TMV9 .mid-cont___3eHP0 .delete-btn___3liI0:hover {
          color: #04679d; }
          .wrap___28BtP .inner___1TMV9 .mid-cont___3eHP0 .delete-btn___3liI0:hover .shape___tsDZh {
            transform: rotate(45deg);
            transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .wrap___28BtP .inner___1TMV9 .mid-cont___3eHP0 .btn-wrap___1oFP5 {
        width: 50%; }
    .wrap___28BtP .inner___1TMV9 .bottom-cont___1MEnh {
      width: 100%;
      padding-top: 2.5rem;
      height: 1.5rem;
      color: #eb008c;
      border-top: 1px solid #e8ecff;
      display: flex;
      justify-content: center;
      align-items: center; }
      .wrap___28BtP .inner___1TMV9 .bottom-cont___1MEnh .btn-wrap___1oFP5 {
        width: 10rem;
        height: 100%; }

.wrap___1gXpF {
  width: 30rem;
  padding: 2.5rem 1.875rem;
  box-sizing: border-box;
  background-color: white;
  border-radius: 0.55vw;
  box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
  pointer-events: all; }
  .wrap___1gXpF .inner___1kbUB {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0; }
    .wrap___1gXpF .inner___1kbUB .header___1pTv1 {
      width: 100%;
      margin: 0;
      padding: 0; }
      .wrap___1gXpF .inner___1kbUB .header___1pTv1 .date___2BPTp {
        font-size: 0.875rem;
        color: #8da9c5;
        font-weight: 700; }
      .wrap___1gXpF .inner___1kbUB .header___1pTv1 .title___gyS44 {
        font-size: 1.75rem;
        font-weight: 700;
        margin: 0.625rem 0 2rem; }
    .wrap___1gXpF .inner___1kbUB .body___bw0v1 {
      width: 100%;
      margin: 0;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      align-content: stretch; }
      .wrap___1gXpF .inner___1kbUB .body___bw0v1 .input-wrap___3LzLe {
        width: 47.5%;
        height: 3.75rem;
        color: #8da9c5; }
        .wrap___1gXpF .inner___1kbUB .body___bw0v1 .input-wrap___3LzLe.disabled___3Q8U4 {
          pointer-events: none;
          user-select: none; }
        .wrap___1gXpF .inner___1kbUB .body___bw0v1 .input-wrap___3LzLe.select___3aZti {
          width: 100%;
          margin-bottom: 1rem;
          color: #354052; }
        .wrap___1gXpF .inner___1kbUB .body___bw0v1 .input-wrap___3LzLe > div {
          height: 100%;
          min-width: unset; }
    .wrap___1gXpF .inner___1kbUB .buttons___3LuXS {
      width: 100%;
      margin: 0;
      padding: 0;
      margin-top: 2.5rem; }
      .wrap___1gXpF .inner___1kbUB .buttons___3LuXS .btn-wrap___ULpq6 {
        width: 10.625rem; }

.head-wrap___3epnt {
  width: 100%;
  margin: 0;
  padding: 1.5rem 2.25rem 1.25rem;
  box-sizing: border-box; }
  .head-wrap___3epnt .title___1ynwp {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end; }
    .head-wrap___3epnt .title___1ynwp h2 {
      font-size: 2.125rem;
      line-height: 0.85;
      font-weight: 700;
      color: #0083ca;
      margin: 0; }
    .head-wrap___3epnt .title___1ynwp .id___3D2hc {
      font-size: 0.875rem;
      color: #8da9c5;
      font-weight: 300;
      margin-left: 1.25rem; }
  .head-wrap___3epnt .data___159eN {
    width: 95%;
    padding: 0;
    margin-top: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .head-wrap___3epnt .data___159eN .data-item___Dv62e .title___1ynwp {
      white-space: nowrap;
      font-size: 0.875rem;
      color: #8da9c5; }
    .head-wrap___3epnt .data___159eN .data-item___Dv62e .content___2unx0 {
      font-size: 1.125rem;
      font-weight: 700;
      margin-top: 0.375rem; }
  .head-wrap___3epnt p {
    margin: 0;
    font-weight: 300;
    font-size: 0.875rem;
    margin-top: 1.25rem; }

.bottom-wrap___3T76f {
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border-top: 1px solid #e8ecff;
  transform: translateY(-1px); }
  .bottom-wrap___3T76f .inner___2dnUT {
    width: calc(100% - 90px);
    padding: 0.625rem 0;
    margin-left: 90px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-left: 1px solid #e8ecff; }
  .bottom-wrap___3T76f p {
    width: 18.4375rem;
    font-size: 0.75rem;
    font-weight: 300;
    margin: 0;
    padding-left: 2.25rem; }
  .bottom-wrap___3T76f .button-wrap___zLSOK {
    min-width: 200px;
    margin-left: 1.5rem;
    position: relative; }

.transfer-main-wrap___1rfAA {
  width: 1080px;
  max-width: 1080px;
  height: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center; }
  .transfer-main-wrap___1rfAA .transfer-board-wrap___GzR70 {
    width: 100%;
    height: 100%;
    min-height: 70%;
    position: relative; }

.scheduler-wrap___3GGvu {
  width: 100%;
  height: 100%;
  box-shadow: 0 0 20px 0 rgba(162, 183, 209, 0.15);
  position: relative; }
  .scheduler-wrap___3GGvu .wrap___2m1zu {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
    pointer-events: all;
    opacity: 1;
    z-index: 10; }
  .scheduler-wrap___3GGvu .heading___2Eg6L {
    width: 100%;
    height: 64px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    z-index: 11; }
    .scheduler-wrap___3GGvu .heading___2Eg6L .current-time___3wzDe {
      font-size: 1.125rem;
      color: #8da9c5;
      position: absolute;
      left: 1.5rem;
      top: 50%;
      transform: translateY(-50%); }
    .scheduler-wrap___3GGvu .heading___2Eg6L > h1 {
      color: #0083ca;
      font-size: 2.125rem;
      line-height: 1;
      font-weight: 700;
      margin: 0; }

.toggle-wrap___3Axzn {
  width: 100%;
  border-top: 2px solid #e8ecff;
  scrollbar-width: none;
  scrollbar-base-color: transparent;
  scrollbar-arrow-color: transparent;
  scrollbar-face-color: transparent;
  scrollbar-base-color: transparent;
  scrollbar-highlight-color: transparent;
  -ms-scrollbar-base-color: transparent;
  -ms-scrollbar-arrow-color: transparent;
  -ms-scrollbar-face-color: transparent;
  -ms-scrollbar-base-color: transparent;
  -ms-scrollbar-highlight-color: transparent; }
  .toggle-wrap___3Axzn::-webkit-scrollbar {
    width: 0;
    display: none; }
  .toggle-wrap___3Axzn::-webkit-scrollbar-track {
    background: transparent;
    background: transparent; }
  .toggle-wrap___3Axzn::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 3px;
    background: transparent; }
  .toggle-wrap___3Axzn .toggle-head___ZFtPH {
    width: 100%;
    padding: 2rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer; }
    .toggle-wrap___3Axzn .toggle-head___ZFtPH h2 {
      width: 100%;
      margin: 0;
      font-size: 1.375rem;
      font-weight: 500; }
    .toggle-wrap___3Axzn .toggle-head___ZFtPH .toggle-shape___2PsK2 {
      width: 14px;
      height: 14px;
      display: flex;
      justify-content: center;
      align-items: center;
      transform-origin: 50% 50%;
      will-change: transform;
      transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .toggle-wrap___3Axzn .toggle-head___ZFtPH .toggle-shape___2PsK2 img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
    .toggle-wrap___3Axzn .toggle-head___ZFtPH.prevent-toggle___2afbB {
      cursor: default; }
  .toggle-wrap___3Axzn .toggle-data___32KDk {
    width: 100%;
    height: auto;
    max-height: 0;
    opacity: 0;
    overflow: visible;
    pointer-events: none;
    transition: opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53), max-height 0.35s cubic-bezier(0.55, 0.055, 0.675, 0.19), margin 0s ease 0.35s; }
    .toggle-wrap___3Axzn .toggle-data___32KDk.toggled___13_Aq {
      margin-top: 0 !important; }
  .toggle-wrap___3Axzn.show___1ewFz .toggle-head___ZFtPH .toggle-shape___2PsK2 {
    transform: rotate(-180deg);
    transition: transform 0.2s ease; }
  .toggle-wrap___3Axzn.show___1ewFz .toggle-data___32KDk {
    max-height: 100vw;
    opacity: 1;
    pointer-events: all;
    transition: max-height 0.45s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s; }
  .toggle-wrap___3Axzn:not(.show___1ewFz) .toggle-data___32KDk * {
    margin: 0 !important;
    transition: margin 0s ease 0.45s; }

.confirmation-wrap___3lHaQ {
  width: 680px;
  height: 100%;
  background-color: white;
  border-radius: 0.55vw;
  box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
  pointer-events: all;
  padding: 2.875rem 7.5rem;
  box-sizing: border-box;
  color: #354052;
  font-size: 1rem;
  line-height: 1.625;
  font-weight: 500; }
  .confirmation-wrap___3lHaQ h2 {
    margin: 0;
    text-align: center;
    font-size: 1.625rem;
    line-height: 1.4; }
  .confirmation-wrap___3lHaQ .disclaimer___3FiE2 {
    width: 95%;
    text-align: center;
    margin: 0.625rem auto 0; }
  .confirmation-wrap___3lHaQ .form-wrap___aKBwJ {
    margin-top: 1.875rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center; }
    .confirmation-wrap___3lHaQ .form-wrap___aKBwJ .input-wrap___3s8-z {
      width: 200px;
      height: 60px; }
      .confirmation-wrap___3lHaQ .form-wrap___aKBwJ .input-wrap___3s8-z input {
        width: 100%;
        height: 100%;
        border: none;
        outline: none;
        font-size: 1.375rem;
        font-family: 'Museo Sans', sans-serif;
        font-weight: 500;
        background-color: #e8ecff;
        text-align: center;
        letter-spacing: 4px;
        border-radius: 0.55vw; }
        .confirmation-wrap___3lHaQ .form-wrap___aKBwJ .input-wrap___3s8-z input::placeholder {
          opacity: 1;
          transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .confirmation-wrap___3lHaQ .form-wrap___aKBwJ .input-wrap___3s8-z input:focus::placeholder, .confirmation-wrap___3lHaQ .form-wrap___aKBwJ .input-wrap___3s8-z input:active::placeholder {
          opacity: 0;
          transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
    .confirmation-wrap___3lHaQ .form-wrap___aKBwJ .timeout___2WPog {
      width: 100%;
      text-align: center;
      font-size: 0.875rem;
      color: #8da9c5;
      margin: 1.125rem 0 2.25rem 0; }
      .confirmation-wrap___3lHaQ .form-wrap___aKBwJ .timeout___2WPog .counter___34--9 {
        word-spacing: 0.0625rem; }
      .confirmation-wrap___3lHaQ .form-wrap___aKBwJ .timeout___2WPog .code___3eHTo {
        cursor: pointer;
        color: #568feb;
        transition: color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        .confirmation-wrap___3lHaQ .form-wrap___aKBwJ .timeout___2WPog .code___3eHTo:hover {
          color: #4479cf; }
    .confirmation-wrap___3lHaQ .form-wrap___aKBwJ .btn-wrap___Aj7Jv {
      width: 220px; }

.inputs___2m7VN {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch; }
  .inputs___2m7VN .input-wrap___RkHRp {
    width: 47.5%;
    padding-bottom: 2rem;
    position: relative; }
    .inputs___2m7VN .input-wrap___RkHRp .tooltip-wrap___2tsN5 {
      width: 22px;
      height: 22px;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 1.25rem;
      right: 1.25rem;
      z-index: 2; }
      .inputs___2m7VN .input-wrap___RkHRp .tooltip-wrap___2tsN5 .tooltip-icon___2dV6A {
        width: 100%;
        height: 100%; }
        .inputs___2m7VN .input-wrap___RkHRp .tooltip-wrap___2tsN5 .tooltip-icon___2dV6A img {
          width: 100%;
          height: 100%;
          object-fit: contain; }
      .inputs___2m7VN .input-wrap___RkHRp .tooltip-wrap___2tsN5:after {
        content: attr(data-tooltip);
        padding: 1rem 1.25rem;
        white-space: nowrap;
        background-color: white;
        color: #0083ca;
        text-decoration: underline;
        font-weight: 300;
        font-size: 0.75rem;
        border-radius: 0.55vw;
        box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
        position: absolute;
        bottom: -2.5rem;
        right: 1.25rem;
        z-index: 3;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
      .inputs___2m7VN .input-wrap___RkHRp .tooltip-wrap___2tsN5:hover:after {
        opacity: 1;
        pointer-events: all;
        transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .inputs___2m7VN .confirmation-layout___1lGML {
    pointer-events: none;
    position: absolute; }

.toggle-head___2qZFn {
  padding: 1rem 0 !important; }

.passwords___1Gn-A {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative; }
  .passwords___1Gn-A .requirements___Wd__C {
    width: 40%;
    padding: 1rem 1.25rem;
    font-weight: 500;
    font-size: 0.75rem;
    color: #8da9c5;
    display: flex;
    flex-direction: column;
    position: absolute;
    box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
    border-radius: 0.55vw;
    background-color: white;
    box-sizing: border-box;
    bottom: 2rem;
    right: 7.5%; }
    .passwords___1Gn-A .requirements___Wd__C .error-message___g7gDO {
      margin-top: 0.375rem; }
      .passwords___1Gn-A .requirements___Wd__C .error-message___g7gDO:nth-child(1) {
        margin-top: 0; }
  .passwords___1Gn-A .form-wrap___2INU2 {
    width: 47.5%; }
    .passwords___1Gn-A .form-wrap___2INU2 .input-wrap___n5FkS {
      width: 100%;
      padding-bottom: 1.25rem; }
      .passwords___1Gn-A .form-wrap___2INU2 .input-wrap___n5FkS:nth-last-of-type(1) {
        padding-bottom: 2rem; }

.notifications___3mBRk {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: space-between; }
  .notifications___3mBRk .input-wrap___bkHUO {
    width: 30%;
    padding: 0 2.5rem 2rem 0; }

.user-data___ELz0b {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  outline: none; }
  .user-data___ELz0b .user-panel-wrap___1voJJ {
    position: sticky;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    transform: translateZ(-1px);
    perspective: 1px;
    will-change: scroll-position;
    z-index: 1000; }

.toggle-wrap___LnJK1 {
  border: none;
  background-color: white;
  border-radius: 0.55vw;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  transition: box-shadow 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  margin-bottom: 0.375rem; }
  .toggle-wrap___LnJK1:nth-last-child(1) {
    margin-bottom: 0; }
  .toggle-wrap___LnJK1.toggled___3Ku3C {
    box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
    transition: box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .toggle-wrap___LnJK1 .toggle-head___Q2QTY {
    padding: 0.75rem 1.875rem;
    box-sizing: border-box; }
  .toggle-wrap___LnJK1 .toggle-data___ixesw {
    transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53), max-height 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19), margin 0s ease 0.4s; }

.contracts-head___1lp48 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #8da9c5;
  font-size: 0.625rem;
  font-weight: 500; }
  .contracts-head___1lp48 .head-data___2qJtN {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-right: 4.375rem;
    position: relative; }
    .contracts-head___1lp48 .head-data___2qJtN .outer___wZObB {
      margin-top: 0.25rem;
      display: flex;
      flex-direction: row;
      align-items: center; }
      .contracts-head___1lp48 .head-data___2qJtN .outer___wZObB img {
        width: 1.125rem;
        height: 1.125rem;
        margin-left: 0.25rem; }
      .contracts-head___1lp48 .head-data___2qJtN .outer___wZObB .name___1ENCY {
        display: block;
        color: #354052;
        font-size: 1.125rem;
        line-height: 1.25;
        position: relative; }
        .contracts-head___1lp48 .head-data___2qJtN .outer___wZObB .name___1ENCY.paid___1IiXn {
          color: #8cc841; }
        .contracts-head___1lp48 .head-data___2qJtN .outer___wZObB .name___1ENCY.overdue___3fGPq {
          color: #ed1c24; }
  .contracts-head___1lp48 .download___36yrq {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    color: inherit; }
    .contracts-head___1lp48 .download___36yrq img {
      width: 24px;
      height: 24px;
      object-fit: contain;
      transform-origin: 50% 50%;
      will-change: transform;
      transform: translateY(0);
      transition: transform 0.15s ease-in; }
    .contracts-head___1lp48 .download___36yrq span {
      padding-left: 0.25rem; }
    .contracts-head___1lp48 .download___36yrq:hover img {
      transform: translateY(1px);
      transition: transform 0.3s ease-out; }

.contract-body___192yU {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center; }
  .contract-body___192yU > div {
    width: calc(100% - 3.75rem); }
  .contract-body___192yU .payment-schedule___9l32d {
    padding-bottom: 1.5rem; }
    .contract-body___192yU .payment-schedule___9l32d h4 {
      margin: 0;
      font-weight: 700;
      font-size: 0.875rem;
      line-height: 1.5;
      padding-bottom: 0.5rem; }
    .contract-body___192yU .payment-schedule___9l32d .item___CopWd {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 0.5rem;
      color: #354052;
      font-size: 0.875rem;
      line-height: 1.5; }
      .contract-body___192yU .payment-schedule___9l32d .item___CopWd.overdue___3fGPq {
        color: #ed1c24; }
      .contract-body___192yU .payment-schedule___9l32d .item___CopWd:nth-last-child(1) {
        padding-bottom: 0; }
      .contract-body___192yU .payment-schedule___9l32d .item___CopWd.heading___3PdY9 {
        color: #8da9c5;
        font-size: 0.75rem;
        line-height: 1.75; }
      .contract-body___192yU .payment-schedule___9l32d .item___CopWd > div {
        overflow-x: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .contract-body___192yU .payment-schedule___9l32d .item___CopWd .link___3tBW7 {
        cursor: pointer;
        font-weight: 700;
        transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        .contract-body___192yU .payment-schedule___9l32d .item___CopWd .link___3tBW7.pay___2oFeF {
          color: #8cc841; }
          .contract-body___192yU .payment-schedule___9l32d .item___CopWd .link___3tBW7.pay___2oFeF:hover {
            color: #86c13c; }
        .contract-body___192yU .payment-schedule___9l32d .item___CopWd .link___3tBW7.bill___3YyF5 {
          color: #0083ca; }
          .contract-body___192yU .payment-schedule___9l32d .item___CopWd .link___3tBW7.bill___3YyF5:hover {
            color: #04679d; }
      .contract-body___192yU .payment-schedule___9l32d .item___CopWd .index___i0inr {
        width: 5%; }
      .contract-body___192yU .payment-schedule___9l32d .item___CopWd .pay-day___pt0GL,
      .contract-body___192yU .payment-schedule___9l32d .item___CopWd .date-paid___10jzG {
        width: 22%; }
      .contract-body___192yU .payment-schedule___9l32d .item___CopWd .amount___2zKOT,
      .contract-body___192yU .payment-schedule___9l32d .item___CopWd .amount-paid___1bPam {
        width: 17.5%; }
  .contract-body___192yU .payment___RihSE {
    padding-bottom: 1.5rem; }
    .contract-body___192yU .payment___RihSE a {
      text-decoration: none; }

.course-card-wrap___1JNMi {
  width: 47.5%;
  margin: 0;
  padding: 0;
  margin-bottom: 2.5rem; }
  .course-card-wrap___1JNMi .course-head___oKHQp {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 1.375rem;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .course-card-wrap___1JNMi .course-head___oKHQp h2 {
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 0;
      color: #0083ca;
      font-weight: 700;
      font-size: 1.5rem;
      margin-right: 0.625rem; }
    .course-card-wrap___1JNMi .course-head___oKHQp img {
      width: 26px;
      max-height: 1rem;
      object-fit: contain; }

.payments-wrap___1xaJI {
  width: 100%;
  padding-top: 3.4375rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start; }

.wrap___1Nm55 {
  width: 47.5%;
  margin: 0;
  padding: 1.625rem 2rem;
  margin-top: 2.5rem;
  box-sizing: border-box;
  border-radius: 0.55vw;
  background-color: white; }
  .wrap___1Nm55:nth-child(1), .wrap___1Nm55:nth-child(2) {
    margin-top: 0; }
  .wrap___1Nm55 .content___3zaV3 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .wrap___1Nm55 .content___3zaV3 .avatar-wrap___3LHrS {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 5.625rem;
      height: 5.625rem; }
    .wrap___1Nm55 .content___3zaV3 .name___uT_JA {
      margin-left: 2rem;
      font-size: 1.375rem;
      font-weight: 700;
      color: #568feb;
      text-decoration: underline;
      transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .wrap___1Nm55 .content___3zaV3 .name___uT_JA:hover {
        color: #4479cf; }
  .wrap___1Nm55 .link-wrap___3T973 {
    width: 100%;
    height: 3rem;
    margin-top: 2.5rem;
    border-top: 1px solid #e8ecff;
    display: flex;
    justify-content: center;
    align-items: flex-end; }
    .wrap___1Nm55 .link-wrap___3T973 .link___1uN2r {
      width: 13.75rem;
      color: #eb008c;
      text-decoration: none; }

.wrap___JdtRG {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .wrap___JdtRG .group-data___3bmTV {
    width: 45%; }
    .wrap___JdtRG .group-data___3bmTV .type___3pEiz {
      width: 100%;
      font-size: 1rem;
      font-weight: 500;
      color: #8da9c5; }
    .wrap___JdtRG .group-data___3bmTV .name___20i-n {
      width: 100%;
      color: #0083ca;
      margin-top: 0.75rem;
      font-size: 2.125rem;
      line-height: 0.9;
      font-weight: 700;
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
      white-space: nowrap;
      letter-spacing: 0; }
      .wrap___JdtRG .group-data___3bmTV .name___20i-n .group-type___3wLFF {
        font-size: 1rem;
        margin-left: 0.75rem;
        line-height: 1;
        font-weight: 500;
        color: #8da9c5; }
  .wrap___JdtRG .course-data___3Y_G7 {
    width: 45%;
    text-align: right; }
    .wrap___JdtRG .course-data___3Y_G7 .name___20i-n {
      width: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      font-size: 1rem;
      color: #354052;
      font-weight: 500;
      margin-top: 0.5rem; }
      .wrap___JdtRG .course-data___3Y_G7 .name___20i-n:nth-child(1) {
        margin-top: 0; }
      .wrap___JdtRG .course-data___3Y_G7 .name___20i-n .title___dM7lz {
        color: #0083ca;
        font-weight: 700;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .wrap___JdtRG .course-data___3Y_G7 .name___20i-n .title___dM7lz .course-image___vz1tL {
          width: 1.25rem;
          height: 1.25rem;
          margin-left: 0.375rem; }

.wrap___2eIY4 {
  width: 100%;
  margin-top: 2.5rem;
  padding: 2rem;
  box-sizing: border-box;
  background-color: white;
  border-radius: 0.55vw; }
  .wrap___2eIY4 .title___2FGjj,
  .wrap___2eIY4 .student___2f-XR {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem; }
    .wrap___2eIY4 .title___2FGjj .item___23adf,
    .wrap___2eIY4 .student___2f-XR .item___23adf {
      width: 23.5%;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .wrap___2eIY4 .title___2FGjj .item___23adf:nth-child(1),
      .wrap___2eIY4 .student___2f-XR .item___23adf:nth-child(1) {
        width: 47.5%; }
  .wrap___2eIY4 .title___2FGjj {
    color: #8da9c5; }
  .wrap___2eIY4 .student___2f-XR {
    margin-top: 1.375rem;
    color: #354052; }
    .wrap___2eIY4 .student___2f-XR .item___23adf .avatar-wrap___3NBir {
      width: 2.25rem;
      height: 2.25rem;
      cursor: pointer; }
    .wrap___2eIY4 .student___2f-XR .item___23adf .text___1IZey {
      font-size: 1rem;
      margin-left: 1.25rem;
      color: #0083ca;
      cursor: pointer;
      transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .wrap___2eIY4 .student___2f-XR .item___23adf .text___1IZey:hover {
        color: #04679d; }
    .wrap___2eIY4 .student___2f-XR .item___23adf .progress___3lz2J {
      width: 9rem;
      height: 4px;
      border-radius: 6px;
      margin-right: 2.375rem;
      overflow: hidden;
      background-color: rgba(140, 200, 65, 0.5); }
      .wrap___2eIY4 .student___2f-XR .item___23adf .progress___3lz2J .bar___33cjB {
        width: 100%;
        height: 100%;
        background-color: #8cc841;
        transform-origin: 0% 50%; }

.wrap___3EHHw {
  width: 100%;
  margin-bottom: 2.5rem; }
  .wrap___3EHHw:nth-last-child(1) {
    margin-bottom: 0; }

.linked-accounts-hoc___1AGtb {
  width: 100%;
  margin: 0;
  padding: 0; }
  .linked-accounts-hoc___1AGtb .title___1J-q0 {
    width: 100%;
    height: 100%; }
    .linked-accounts-hoc___1AGtb .title___1J-q0 h3 {
      width: 100%;
      text-align: left;
      font-size: 1.375rem;
      color: #354052;
      font-weight: 500;
      margin: 0; }
  .linked-accounts-hoc___1AGtb .content___2rZ6O {
    width: 100%;
    margin-top: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: flex-start; }

.linked-accounts-wrap___1mtR0 {
  width: 100%;
  padding-top: 3.4375rem; }
  .linked-accounts-wrap___1mtR0 .hr___1Wf1R {
    width: 100%;
    height: 2px;
    background-color: #e8ecff;
    margin: 2.5rem 0; }
    .linked-accounts-wrap___1mtR0 .hr___1Wf1R:nth-child(1) {
      display: none; }

.card-wrap___1GlZF {
  width: 100%;
  margin: 0;
  padding: 0; }
  .card-wrap___1GlZF .panel-wrap___wBrkn {
    position: sticky;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    transform: translateZ(-1px);
    perspective: 1px;
    will-change: scroll-position;
    z-index: 1000; }

.data-section___3lWr1 {
  width: 100%;
  margin: 0;
  padding: 2.5rem 0;
  border-top: 2px dashed #cfd7db; }
  .data-section___3lWr1:nth-last-child(1) {
    border-bottom: 2px dashed #cfd7db; }
  .data-section___3lWr1 h2 {
    width: 210px;
    font-weight: 500;
    font-size: 1.375rem;
    margin: 0;
    padding: 0;
    padding-bottom: 1.875rem; }
  .data-section___3lWr1 .data___168fl {
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 1.875rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .data-section___3lWr1 .data___168fl .title___2BJ9_ {
      width: 165px; }
      .data-section___3lWr1 .data___168fl .title___2BJ9_ h3 {
        font-weight: 700;
        font-size: 0.875rem;
        line-height: 1.5;
        color: #354052;
        margin: 0;
        padding: 0; }
    .data-section___3lWr1 .data___168fl .content___TUxQQ {
      width: calc(100% - 165px - 160px);
      border-bottom: 1px solid #e8ecff;
      padding-bottom: 1.875rem;
      font-size: 0.875rem;
      line-height: 1.3; }
    .data-section___3lWr1 .data___168fl:nth-of-type(1) {
      padding-top: 0; }
    .data-section___3lWr1 .data___168fl:nth-last-of-type(1) .content___TUxQQ {
      padding-bottom: 0;
      border-bottom: none; }

.player-cont___XSi_S {
  width: 370px;
  margin: 0;
  padding: 0; }
  .player-cont___XSi_S .player___2Ny7m {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative; }
    .player-cont___XSi_S .player___2Ny7m .btn___1FI74 {
      width: 24px;
      height: 24px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer; }
      .player-cont___XSi_S .player___2Ny7m .btn___1FI74 img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
    .player-cont___XSi_S .player___2Ny7m .progress___vT8Uf {
      width: 336px;
      height: 1px;
      background-color: #8da9c5;
      pointer-events: all;
      cursor: pointer; }
      .player-cont___XSi_S .player___2Ny7m .progress___vT8Uf .bar___3purS {
        width: 100%;
        height: 100%;
        background-color: #354052;
        transform-origin: 0% 50%;
        pointer-events: none; }
    .player-cont___XSi_S .player___2Ny7m .time___1IuYi {
      position: absolute;
      right: 0;
      top: -0.375rem;
      font-size: 0.625rem;
      line-height: 1.2;
      color: #8da9c5;
      cursor: pointer; }

.wrap___2KIwJ {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start; }
  .wrap___2KIwJ .input-wrap___3Ny9a {
    margin-right: 2rem;
    margin-bottom: 1.5rem; }

@charset "UTF-8";

.wrap___167GI {
  width: 100%;
  margin: 0;
  padding: 0; }

.approved___DDwg0 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .approved___DDwg0 .hint___VXcft {
    width: 20px;
    height: 20px;
    margin-left: 0.375rem;
    border-radius: 100%;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transform: translateY(-1px);
    transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .approved___DDwg0 .hint___VXcft img {
      width: 14px;
      height: 14px;
      object-fit: contain;
      transform: translateY(-0.5px);
      transition: filter 0.2s ease; }
    .approved___DDwg0 .hint___VXcft:after {
      content: '\41F\43E\434\442\432\435\440\436\434\435\43D\43D\43E\435   \43C\435\441\442\43E   \443\447\435\431\44B';
      padding: 1rem 1.25rem;
      font-size: 0.75rem;
      font-weight: 300;
      color: #96979c;
      background-color: white;
      border-radius: 0.55vw;
      box-shadow: 0 8px 14px 0 rgba(162, 183, 209, 0.3);
      white-space: nowrap;
      position: absolute;
      top: 0;
      left: 150%;
      pointer-events: none;
      opacity: 0;
      transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
    .approved___DDwg0 .hint___VXcft:hover {
      background-color: #568feb; }
      .approved___DDwg0 .hint___VXcft:hover img {
        filter: brightness(0) invert(1); }
      .approved___DDwg0 .hint___VXcft:hover:after {
        opacity: 1;
        pointer-events: all;
        transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.teacher-info-wrap___1U8uw {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  outline: none; }
  .teacher-info-wrap___1U8uw .user-panel-wrap___2NH86 {
    position: sticky;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    transform: translateZ(-1px);
    perspective: 1px;
    will-change: scroll-position;
    z-index: 1000; }

.profile-parent___3bMY0 {
  width: 100%;
  padding: 2.75rem 0;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  box-sizing: border-box; }
  .profile-parent___3bMY0 .profile-wrap___1pQKl {
    width: 920px; }

.students-parent___2xvEH {
  width: 100%;
  padding: 2.75rem 0;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  box-sizing: border-box; }
  .students-parent___2xvEH .students-wrap___2VYl7 {
    width: 920px; }

.head___2Jb0p {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .head___2Jb0p .parent-logo___1o4_z {
    width: 5.5rem;
    height: 4.125rem; }
    .head___2Jb0p .parent-logo___1o4_z img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .head___2Jb0p .content___2_kkI {
    width: calc(100% - 8rem);
    margin: 0;
    padding: 0; }
    .head___2Jb0p .content___2_kkI .title___359TH {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .head___2Jb0p .content___2_kkI .title___359TH h3 {
        margin: 0;
        font-size: 1.5rem;
        color: #0083ca;
        font-weight: 700; }
      .head___2Jb0p .content___2_kkI .title___359TH .hr___EhMy8 {
        width: 1px;
        height: 1.625rem;
        margin: 0 0.625rem;
        background-color: #8da9c5; }
      .head___2Jb0p .content___2_kkI .title___359TH .school-name___1rjZQ {
        font-size: 1rem;
        color: #8da9c5;
        font-weight: 500; }
    .head___2Jb0p .content___2_kkI .course-name___1KZi1 {
      width: 100%;
      margin-top: 0.625rem;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .head___2Jb0p .content___2_kkI .course-name___1KZi1 h4 {
        margin: 0;
        margin-right: 0.625rem;
        font-size: 1.25rem;
        font-weight: 700;
        position: relative; }
      .head___2Jb0p .content___2_kkI .course-name___1KZi1 .course-img___2PRld {
        width: 26px;
        height: 32px;
        object-fit: contain; }

.lectures-progress___32eWk {
  width: 100%;
  margin: 1.75rem 0 2.375rem;
  padding: 1rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  border-top: 2px dashed #cfd7db;
  border-bottom: 2px dashed #cfd7db; }
  .lectures-progress___32eWk .expired___3XkIg {
    color: #8da9c5; }

.percentages-wrap___ennpp {
  width: 100%;
  margin: 0;
  padding: 0; }
  .percentages-wrap___ennpp .progress-item___2CAsS {
    width: 100%;
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    .percentages-wrap___ennpp .progress-item___2CAsS:nth-last-child(1) {
      margin-bottom: 0; }
    .percentages-wrap___ennpp .progress-item___2CAsS h4 {
      margin: 0;
      font-size: 0.875rem;
      line-height: 0.8;
      font-weight: 700; }
    .percentages-wrap___ennpp .progress-item___2CAsS .progress-bar___3NQIJ {
      width: 750px;
      height: 4px;
      margin: 0;
      padding: 0;
      border-radius: 2px;
      position: relative; }
      .percentages-wrap___ennpp .progress-item___2CAsS .progress-bar___3NQIJ .bar___6SZdc {
        width: 100%;
        height: 100%;
        transform-origin: 0% 50%;
        transform: scaleX(0);
        transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-delay: 0.5s; }
      .percentages-wrap___ennpp .progress-item___2CAsS .progress-bar___3NQIJ .count___3KJBL {
        font-size: 0.875rem;
        line-height: 2;
        font-weight: 700;
        color: #8da9c5;
        position: absolute;
        right: 0;
        bottom: 100%; }

h2.no-groups___3gXeQ {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700; }

.progress-item-wrap___3Y2S1 {
  width: 100%;
  margin-bottom: 3.125rem; }
  .progress-item-wrap___3Y2S1:nth-last-child(1) {
    margin-bottom: 0; }

.user-card-parent___1XDQf {
  width: 100%;
  padding: 2.75rem 0 6.25rem;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  box-sizing: border-box;
  opacity: 0; }
  .user-card-parent___1XDQf.show___1atRr {
    opacity: 1;
    transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .user-card-parent___1XDQf .heading___3hvu8 h1 {
    margin: 0;
    font-weight: 700;
    font-size: 2.125rem;
    line-height: 1;
    color: #354052; }
  .user-card-parent___1XDQf .user-card___37NQS {
    width: 920px; }