@charset "utf-8";

.css-14eo2il { padding: 1rem; z-index: 10001; }

@media screen and (min-width: 481px) {
  .css-14eo2il { width: 410px; padding: 0px; }
}

.css-14eo2il .Toastify__toast { align-items: self-start; min-height: 0px; padding: 18px 8px; margin-bottom: 1rem; }

.css-14eo2il .Toastify__toast .Toastify__toast-body { padding: 0px 8px; }

.css-14eo2il .Toastify__toast .Toastify__toast-body > div:first-of-type { display: flex; align-items: self-start; }

.css-14eo2il .Toastify__toast .Toastify__toast-body .prefix-icon { margin-inline-end: 1rem; height: 24px; }

.css-14eo2il .Toastify__toast .Toastify__toast-body .prefix-icon svg { min-width: 24px; }

.css-14eo2il .Toastify__toast .Toastify__toast-body .gamification-notification-container { display: flex; -webkit-box-align: center; align-items: center; }

.css-14eo2il .Toastify__toast .Toastify__toast-body .gamification-notification-container .prefix-icon-badge { margin-inline-end: 1rem; height: 50px; }

.css-14eo2il .Toastify__toast .Toastify__toast-body .gamification-notification-container .gamification-notification-content { display: flex; flex-direction: column; }

.css-14eo2il .Toastify__toast .Toastify__toast-body .gamification-notification-container .gamification-notification-content .heading { margin-bottom: 0.5rem; }

.css-14eo2il .Toastify__toast .close-btn { color: rgb(255, 255, 255); min-width: 24px; margin: 4px 0px; }

.css-14eo2il .Toastify__toast-theme--colored.Toastify__toast--info { background: rgb(226, 190, 172); color: rgb(255, 255, 255); }

.css-14eo2il .Toastify__toast-theme--colored.Toastify__toast--success { background: rgb(60, 183, 68); color: rgb(255, 255, 255); }

.css-14eo2il .Toastify__toast-theme--colored.Toastify__toast--warning { background: rgb(255, 156, 40); color: rgb(255, 255, 255); }

.css-14eo2il .Toastify__toast-theme--colored.Toastify__toast--error { background: rgb(209, 37, 37); color: rgb(255, 255, 255); }

.css-14eo2il .Toastify__toast-theme--light.Toastify__toast--success { background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-left: 10px solid rgb(60, 183, 68); }

.css-14eo2il .Toastify__toast-theme--light.Toastify__toast--error { background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-left: 10px solid rgb(209, 37, 37); }

.css-168hv0q { height: 100%; }

.css-168hv0q .course-edit-main-content-container { position: relative; height: 100vh; width: 100%; }

.css-168hv0q .main-content-container { position: relative; height: calc(-4.5rem + 100vh); width: 100%; }

.css-168hv0q .main-content-container .top-container { width: 100%; height: 100%; display: flex; flex-direction: column; }

.css-1sldumo { --mainHeaderHeight: 72px; top: var(--mainHeaderHeight); height: calc(100% - var(--mainHeaderHeight)); display: block; }

@media screen and (min-width: 768px) {
  .css-1sldumo { display: none; }
}

.css-1sldumo header { border-bottom: 1px solid rgb(245, 245, 246); }

.css-1sldumo footer { border-top: 1px solid rgb(245, 245, 246); padding: 1rem 2rem; }

.css-1sldumo .help-footer-buttons { display: flex; -webkit-box-pack: justify; justify-content: space-between; }

.css-1sldumo .help-footer-buttons svg { height: 1.125rem; }

.css-1r75qjm { display: flex; height: 100%; width: 100%; }

@media print {
  .css-1r75qjm * { -webkit-print-color-adjust: exact !important; }
}

.css-6visoj { min-width: fit-content; }

@media print {
  .css-6visoj { display: none !important; }
}

.css-1pod0ie { width: 100%; height: 100vh; border-inline-end: 2px solid rgb(245, 245, 246); background: rgb(245, 245, 246); }

.css-1pod0ie.is-closed { cursor: pointer; }

.css-1g4yje1 { display: flex; flex-direction: column; height: 100%; }

.css-142r8b2 { background-color: rgb(117, 67, 42); height: 3.5rem; min-height: 3.5rem; padding: 0px 1rem; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: start; transition: all 0.2s ease 0s; }

.css-hp8ozz { display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 100%; min-height: 2.5rem; position: relative; }

.css-hp8ozz .top-start { display: flex; -webkit-box-align: center; align-items: center; gap: 0.5rem; }

.css-hp8ozz .top-end { margin-inline-end: 3rem; display: flex; gap: 0.5rem; }

@media screen and (min-width: 992px) {
  .css-hp8ozz .top-end { margin-inline-end: 0px; }
}

.css-1gxvru9 { display: flex; flex-direction: column; gap: 1.5rem; background-color: rgb(255, 255, 255); padding: 1.5rem 1rem; opacity: 1; transition: opacity 0.2s ease 0s; }

.css-1gxvru9.hidden { opacity: 0; display: none; transition: opacity 0.1s ease 0s; }

.css-1gxvru9:hover .dropdown { visibility: visible; }

.css-1gxvru9 .title-container { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 0.75rem; }

.css-1gxvru9 .title-container .title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; }

.css-1gxvru9 .dropdown { visibility: hidden; }

.css-14mygqa { overflow-y: auto; flex: 1 1 0%; opacity: 1; transition: opacity 0.2s ease 0s; }

.css-14mygqa.hidden { opacity: 0; display: none; transition: opacity 0.1s ease 0s; }

.css-1ldhl99 { display: flex; -webkit-box-align: center; align-items: center; margin-inline-start: 0rem; visibility: visible; position: relative; transition: background-color 0.1s ease-in 0s; border-top: 1px solid transparent; }

.css-1ldhl99.is-active { background-color: rgb(255, 255, 255); border-top: 1px solid rgb(245, 245, 246); }

.css-1ldhl99.is-active::before { content: ""; position: absolute; top: 0px; inset-inline-start: 0px; width: 5px; height: 100%; background: rgb(117, 67, 42); }

.css-1ldhl99.is-active .list-item-children { visibility: visible !important; }

.css-1ldhl99:hover { background-color: rgb(255, 255, 255); border-top: 1px solid rgb(245, 245, 246); }

.css-1ldhl99:hover .list-item-children { visibility: visible !important; }

.css-1ldhl99 .list-item-wrapper { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 100%; gap: 0.5rem; height: 4rem; min-height: 4rem; padding: 0.5rem; cursor: pointer; }

.css-1ldhl99 .list-item-wrapper .list-item-content { display: flex; -webkit-box-align: center; align-items: center; width: 100%; color: initial; }

.css-1ldhl99 .list-item-wrapper .list-item-content .list-item-icon { margin-inline-end: 0.5rem; line-height: 0; }

.css-1ldhl99 .list-item-wrapper .list-item-content .list-item-icon svg { fill: initial; }

.css-1ldhl99 .list-item-wrapper .list-item-content .list-item { display: flex; flex-direction: column; gap: 0.5rem; }

.css-1ldhl99 .list-item-wrapper .list-item-content .list-item .list-item-text { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; }

.css-1ldhl99 .list-item-wrapper .list-item-children { visibility: hidden; width: fit-content; }

.css-urf295 { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; gap: 0.25rem; padding: 0.5rem; height: 3.5rem; visibility: visible; margin-inline-start: 2.5rem; }

.css-urf295 .title-container { display: flex; -webkit-box-pack: justify; justify-content: space-between; gap: 0.5rem; }

.css-urf295 .title-container .title { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; }

.css-1cpt4ad { display: flex; -webkit-box-align: center; align-items: center; margin-inline-start: 0rem; visibility: visible; position: relative; transition: background-color 0.1s ease-in 0s; border-top: 1px solid transparent; }

.css-1cpt4ad.is-active { background-color: rgb(255, 255, 255); border-top: 1px solid rgb(245, 245, 246); }

.css-1cpt4ad.is-active::before { content: ""; position: absolute; top: 0px; inset-inline-start: 0px; width: 5px; height: 100%; background: rgb(117, 67, 42); }

.css-1cpt4ad.is-active .list-item-children { visibility: visible !important; }

.css-1cpt4ad:hover { background-color: initial; border-top: 1px solid rgb(245, 245, 246); }

.css-1cpt4ad:hover .list-item-children { visibility: visible !important; }

.css-1cpt4ad .list-item-wrapper { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 100%; gap: 0.5rem; height: 4rem; min-height: 4rem; padding: 0.5rem; cursor: default; }

.css-1cpt4ad .list-item-wrapper .list-item-content { display: flex; -webkit-box-align: center; align-items: center; width: 100%; color: rgb(158, 165, 169); }

.css-1cpt4ad .list-item-wrapper .list-item-content .list-item-icon { margin-inline-end: 0.5rem; line-height: 0; }

.css-1cpt4ad .list-item-wrapper .list-item-content .list-item-icon svg { fill: rgb(158, 165, 169); }

.css-1cpt4ad .list-item-wrapper .list-item-content .list-item { display: flex; flex-direction: column; gap: 0.5rem; }

.css-1cpt4ad .list-item-wrapper .list-item-content .list-item .list-item-text { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; }

.css-1cpt4ad .list-item-wrapper .list-item-children { visibility: hidden; width: fit-content; }

.css-jputax { transform: rotate(0deg); }

.css-9nai8l .toc-trigger { position: absolute; z-index: 99; top: 50%; transform: translateY(-50%); background-color: rgb(245, 245, 246); border-color: rgb(245, 245, 246); height: 3rem; width: 1.5rem; min-width: 0px; padding-inline: 0px 0.25rem; border-start-start-radius: 0px; border-end-start-radius: 0px; inset-inline-start: 0px; visibility: hidden; border-inline-end: 1px solid rgb(255, 255, 255); border-block: 1px solid rgb(255, 255, 255); }

@media screen and (min-width: 992px) {
  .css-9nai8l .toc-trigger { inset-inline-start: 25rem; visibility: visible; }
}

.css-9nai8l .toc-trigger:hover { background-color: rgb(245, 245, 246); border-inline-color: rgb(245, 245, 246) rgb(255, 255, 255); border-block-color: rgb(255, 255, 255); }

.css-ndulv7 { width: 100%; height: 100vh; overflow: auto; scrollbar-width: none; }

@media print {
  .css-ndulv7 { height: 100% !important; }
  @page :first { margin-top: 0px; }
  @page { margin-top: 2rem; }
}

.css-jwl7f8 { height: 3.5rem; min-height: 3.5rem; }

@media print {
  .css-jwl7f8 { display: none !important; }
}

.css-1w6xml5 { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 100%; width: 100%; }

.css-1w6xml5 .link-button { width: 100%; height: 100%; border-radius: 0px; }

.css-1w6xml5 .link-button .btn-text { -webkit-box-align: center; align-items: center; gap: 0.5rem; }

.css-1w6xml5 .link-button .btn-text .icon { line-height: 0; }

.css-1w6xml5:hover .text { text-decoration: underline; }

.css-1rnykmd { min-height: 100vh; width: 100%; padding: 2rem; position: relative; }

.css-f068a8 { display: flex; flex-direction: column; max-width: 1000px; margin: auto; gap: 1rem; height: auto; }

.css-542wex { word-break: break-word; }

.css-xej9aj { height: 100%; }

.css-xej9aj .iframe-container { height: 100%; width: 100%; max-height: 100%; max-width: 1000px; margin: auto; border: 1px solid rgb(236, 236, 236); min-height: 554px; }

.css-xej9aj .pdf-viewer { height: 40rem; width: unset; overflow-y: auto; }

.css-xej9aj .pdf-viewer button { position: unset; }