#POPUP-r6j6tcmr {
  
  --left: 0; left: var(--left);
  
  background: #ffffff;
overflow-x: hidden;
overflow-y: scroll;
  width: 50%;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(530px, max-content) 1fr minmax(0px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  --top: 111px; top: var(--top);
  
  
  
  max-height: var(--viewport-height, 100vh);
  border-width: 0px;
  border-color: #000000;
  border-radius: 0px;
  border-style: solid;
  
}
#POPUP-r6j6tcmr.anim {
  --width: 50%;
  animation: light-speed-left 0.2s ease;
}

#CONTAINER-p3gfa8bg {
  --bg: #e8eaed00;
  background: #e8eaed00;
border-color: #000000ff;
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(26px, max-content) minmax(0px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%;
  
  
  
  
  
  border:   #000000ff;


  
}

#CONTAINER-2pnv0zsm {
  --bg: var(--color_13);
  background: var(--color_13);
border-color: #000000ff;
  --width: 100%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 10px 1fr 10px;grid-template-rows: minmax(10px, max-content) minmax(43px, max-content) minmax(10px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
  
  
  
  
  border:   #000000ff;


  
}
[id^="TEXT-DATASET-aiyrmmrm"], .--clone-TEXT-DATASET-aiyrmmrm {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 100%;
  
}
[id^="TEXT-DATASET-aiyrmmrm"] .x-text,
[id^="TEXT-DATASET-aiyrmmrm"] .x-text a,
.--clone-TEXT-DATASET-aiyrmmrm .x-text,
.--clone-TEXT-DATASET-aiyrmmrm .x-text a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: var(--color_00);
font-family: 'Montserrat', sans-serif;
font-size: 16.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, var(--color_00));
}
[id^="TEXT-DATASET-aiyrmmrm"] .x-text:hover,
.--clone-TEXT-DATASET-aiyrmmrm .x-text:hover,
[id^="TEXT-DATASET-aiyrmmrm"] a:hover,
.--clone-TEXT-DATASET-aiyrmmrm a:hover {
  
}

  #LESSON-SIDEBAR-7pkj8bxo {
    --width: 98.10171919770774%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;height: auto;justify-self: start;margin-left: 0%;margin-top: 4.59722900390625px;width: 98.10171919770774%;
    
  }

  #LESSON-SIDEBAR-7pkj8bxo .lesson-sidebar-container {
    border-radius: 8px;
    border-left: 1px solid #EAE8E6;
    border-right: 1px solid #EAE8E6;
    overflow: hidden;
  }

  #LESSON-SIDEBAR-7pkj8bxo .module-item {
    padding: 8px 16px;
    border-bottom: 1px solid #EAE8E6;
    cursor: pointer;
    background-color: #00000014;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }

  #LESSON-SIDEBAR-7pkj8bxo .module-item .module-item-content {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  #LESSON-SIDEBAR-7pkj8bxo .lesson-item.open {
    display: flex
  }


  #LESSON-SIDEBAR-7pkj8bxo .module-item.open .module-item-icon {
    transform: rotate(180deg);
  }

  #LESSON-SIDEBAR-7pkj8bxo .module-item:first-child {
    border-top: 1px solid #EAE8E6;
    border-radius: 8px 8px 0 0;
  }

  #LESSON-SIDEBAR-7pkj8bxo .module-item:last-child {
    border-radius: 0 0 8px 8px;
  }

  #LESSON-SIDEBAR-7pkj8bxo .lesson-item {
    padding: 8px 16px;
    border-bottom: 1px solid #EAE8E6;
    cursor: pointer;
    background-color: #ffffff;
    display: none;
    align-items: center;
    gap: 8px;
  }

  #LESSON-SIDEBAR-7pkj8bxo .lesson-item .lesson-item-content {
    display: flex;
    align-items: center;
    gap: 8px;
  }


  #LESSON-SIDEBAR-7pkj8bxo .module-item-icon {
    width: 20px;
    height: 20px;
    color: #211005;
    transition: transform 0.3s ease;
    pointer-events: none;
  }

  #LESSON-SIDEBAR-7pkj8bxo .module-item-check-icon {
    width: 20px;
    height: 20px;
    color: green;
  }

  #LESSON-SIDEBAR-7pkj8bxo .lesson-item-icon {
    width: 20px;
    height: 20px;
    color: #E6E6E6;
    transition: transform 0.3s ease;
    pointer-events: none;
  }

  #LESSON-SIDEBAR-7pkj8bxo .lesson-item-check-icon {
    width: 20px;
    height: 20px;
    color: green;
  }

  #LESSON-SIDEBAR-7pkj8bxo .lesson-item.viewed .lesson-item-icon {
    color: green;
  }

  #LESSON-SIDEBAR-7pkj8bxo .lesson-item.active .lesson-item-icon {
    color: red;
  }

  #LESSON-SIDEBAR-7pkj8bxo .module-item-name {
    font-size: 15px;
font-weight: bold;
  }

  #LESSON-SIDEBAR-7pkj8bxo .lesson-item-name {
    font-size: 16px;
  }

  #LESSON-SIDEBAR-7pkj8bxo .module-item-name,
  #LESSON-SIDEBAR-7pkj8bxo .lesson-item-name {
    pointer-events: none;
  }

#RECT-cwre2h1a {
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: 20px;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 20px;
  
  
  
  
}
#RECT-cwre2h1a .x-rect {
  --width: 20px;
background: var(--color_13);
border-color: #E5E7EB;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiAgd2lkdGg9JzE0JyBoZWlnaHQ9JzE0JyB2aWV3Qm94PScwIDAgMTQgMTQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEyLjU5IDBMNyA1LjU5TDEuNDEgMEwwIDEuNDFMNS41OSA3TDAgMTIuNTlMMS40MSAxNEw3IDguNDFMMTIuNTkgMTRMMTQgMTIuNTlMOC40MSA3TDE0IDEuNDFMMTIuNTkgMFonIGZpbGw9JyMyRTNBNTknLz48L3N2Zz4=);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, var(--color_13));
}
#RECT-cwre2h1a::before {
  content: "";
  border-color: #E5E7EB;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}
#CART-DROPPABLE-lvoi9hjj {
  
  
  background: #ffffff;
  top: 0;
  right: 0;
  width: 300px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 1fr;
  grid-template-rows: minmax(0%, 100%);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-lvoi9hjj.anim {
  --width: 300px;
  
}
#CART-DROPPABLE-shl3v1m3 {
  
  
  background: #ffffff;
  top: 0;
  right: 0;
  width: 300px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 1fr;
  grid-template-rows: minmax(0%, 100%);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-shl3v1m3.anim {
  --width: 300px;
  
}