@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-1vah7ir { position: relative; background: white; }

.css-1vah7ir .main-page-container { position: relative; display: flex; width: 100%; max-width: 100%; }

@media screen and (min-width: 768px) {
  .css-1vah7ir .main-page-container .main-inner-container { max-width: calc(100% - 16rem); }
}

.css-1vah7ir .main-page-container .announcements { margin-bottom: 1rem; }

@media screen and (min-width: 992px) {
  .css-1vah7ir .main-page-container .announcements { margin-bottom: 2rem; }
}

.css-1vah7ir .main-page-container.widgets-dashboard { background: rgb(245, 245, 246); }

.css-1vah7ir .main-page-container.widgets-dashboard .main-inner-container { max-width: 100%; padding-top: 1.5rem; }

.css-1lxnebp { position: sticky; display: flex; top: 0px; max-height: 4.5rem; width: 100%; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 1rem; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(193, 197, 200); z-index: 2; transition: all 0.2s ease 0s; }

@media screen and (min-width: 768px) {
  .css-1lxnebp { -webkit-box-pack: justify; justify-content: space-between; }
}

.css-1lxnebp .left-header-block, .css-1lxnebp .middle-header-block, .css-1lxnebp .right-header-block { display: flex; -webkit-box-align: center; align-items: center; }

.css-1lxnebp .left-header-block .hamburger-btn { margin-inline: 0.25rem; }

.css-1lxnebp .left-header-block svg { color: rgb(0, 0, 0); }

.css-1lxnebp .middle-header-block { -webkit-box-flex: 0; flex-grow: 0; margin-left: auto; }

@media screen and (min-width: 768px) {
  .css-1lxnebp .middle-header-block { margin-left: inherit; -webkit-box-flex: 1; flex-grow: 1; }
}

@media screen and (min-width: 768px) {
  .css-1lxnebp .logo { margin-inline-end: 2rem; }
}

@media screen and (min-width: 992px) {
  .css-1lxnebp .logo { margin-inline-start: 1rem; }
}

.css-1lxnebp .logo img { max-height: 38px; }

@media screen and (min-width: 768px) {
  .css-1lxnebp .logo img { max-height: 46px; }
}

@media screen and (min-width: 576px) {
  .css-1lxnebp .logo img { max-width: fit-content; }
}

.css-1lxnebp .main-header-content { display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.css-1lxnebp .main-header-content #toolbar { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 100%; }

.css-1lxnebp .main-header-content #toolbar .mobile-search-btn { margin-inline-end: 0.5rem; color: rgb(0, 0, 0); }

.css-1lxnebp .main-header-content #toolbar .gamification-btn .gamification-icon { color: rgb(92, 100, 104); }

.css-1lxnebp .main-header-content #toolbar .gamification-btn:hover .gamification-icon { color: rgb(0, 0, 0); }

.css-1ex66v8 { display: flex; -webkit-box-align: center; align-items: center; gap: 0.5rem; }

.css-1ex66v8 .action-btn { color: black; }

.css-1ex66v8 .branches-dropdown .main-branch-switch { margin: -0.75rem -0.75rem 0.25rem; text-align: center; border-bottom: 1px solid rgb(193, 197, 200); }

.css-1ex66v8 .branches-dropdown .switch-label { padding-bottom: 0.25rem; }

.css-1ex66v8 .branches-dropdown .dropdown-list-item svg { order: 2; width: 1.125rem; }

.css-1ex66v8 .branches-dropdown .dropdown-list-item span { display: block; width: 100%; }

.css-1ex66v8 .branches-dropdown .dropdown-list-item span div { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }

.css-1i62nvg .messages { }

.css-1i62nvg .messages .unread-message { position: absolute; width: 0.5rem; height: 0.5rem; top: 0.5625rem; right: 0.6875rem; border-radius: 50%; background-color: rgb(209, 37, 37); }

.css-1fwziv4 .discussions { }

.css-1fwziv4 .discussions .unread-message { position: absolute; width: 0.5rem; height: 0.5rem; top: 0.5625rem; right: 0.6875rem; border-radius: 50%; background-color: rgb(209, 37, 37); }

.css-1xwyr18 { position: relative; }

.css-1xwyr18 .profile-menu-button { position: relative; display: flex; max-width: 14.375rem; height: 3.5rem; padding: 0.5rem; border: 0.0625rem solid rgb(245, 245, 246); border-radius: 0.3125rem; cursor: pointer; transition: background 0.3s ease-in-out 0s; }

.css-1xwyr18 .profile-menu-button .arrow-down { display: flex; margin-left: auto; -webkit-box-align: center; align-items: center; }

.css-1xwyr18 .profile-menu-button .user-name { display: inline-block; max-width: 8.125rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.css-1xwyr18 .profile-menu-button .user-details { display: none; }

@media screen and (min-width: 768px) {
  .css-1xwyr18 .profile-menu-button .user-details { display: flex; }
}

.css-1xwyr18.is-active .sub-menu-container { display: block; }

.css-1xwyr18.is-active .profile-menu-button { color: rgb(191, 113, 74); background: rgba(239, 221, 211, 0.25); border-radius: 0.3125rem; }

.css-1xwyr18.is-active .profile-menu-button svg { fill: rgb(191, 113, 74); }

.css-1qyz1fp { display: flex; position: relative; }

.css-1qyz1fp .close-btn { position: absolute; inset-inline-end: 0px; top: 50%; transform: translateY(-50%); cursor: pointer; }

.css-1qyz1fp .user-details { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; gap: 4px; padding: 0px 0.5rem; line-height: 1; }

.css-1qyz1fp .user-details .user-name { word-break: break-all; }

.css-1qyz1fp .user-details .user-email { display: inline-block; max-width: 12.5rem; white-space: nowrap; overflow: hidden; line-height: 1.2; text-overflow: ellipsis; color: rgb(193, 197, 200); }

.css-17wnsxs { display: none; }

.css-17wnsxs .nav-items-wrapper { margin: 0px; }

.css-17wnsxs .sidebar-container { max-width: 5rem; height: 100%; padding: 8px 0px; }

.css-17wnsxs .nav-handle { display: none; }

@media screen and (min-width: 768px) {
  .css-17wnsxs { --mainHeaderHeight: 72px; position: sticky; top: var(--mainHeaderHeight); display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; height: calc(100vh - var(--mainHeaderHeight)); background: rgb(191, 113, 74); color: rgb(255, 255, 255); z-index: 1001; }
}

.css-1hmuwb0 { display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; flex: 1 1 0%; }

.css-1hmuwb0 .main-menu, .css-1hmuwb0 .secondary-menu { margin: 0px; padding: 0px; list-style: none; }

.css-1hmuwb0 .secondary-menu .nav-item { border-radius: 5px; cursor: pointer; margin: 4px 12px; padding: 4px 8px 4px 12px; color: rgb(255, 255, 255); }

.css-1hmuwb0 a .has-content .content-container { border: none; font-size: 0.75rem; background-color: rgb(223, 73, 73); }

.css-1owzkwu { margin: 4px 12px; padding: 4px 8px 4px 12px; border-radius: 5px; cursor: pointer; }

.css-1owzkwu.help-center { padding-top: 0.5rem; padding-bottom: 0.5rem; border: 1px solid rgba(239, 221, 211, 0.25); border-radius: 8px; }

.css-1owzkwu.help-center .nav-item { margin-left: 0px; margin-right: 0px; }

.css-1owzkwu.help-center .nav-item .title { font-size: 0.875rem; }

.css-1owzkwu.help-center .nav-item .help-icon { border-radius: 0.3125rem; background: rgba(239, 221, 211, 0.25); }

.css-1owzkwu.help-center .selected { background: none; }

.css-1owzkwu .title { overflow: inherit; }

.css-1owzkwu .nav-link { width: 100%; }

.css-1owzkwu .main-nav-item .title { color: rgb(255, 255, 255); }

.css-1owzkwu .main-nav-item .icon-container { color: rgb(255, 255, 255); }

.css-1owzkwu .main-nav-item .arrow-right { color: rgb(255, 255, 255); }

.css-1owzkwu.active { background: rgb(117, 67, 42); }

.css-1owzkwu.active .main-nav-item { width: 100%; }

.css-1owzkwu.active .main-nav-item .title { color: rgb(255, 255, 255) !important; }

.css-1owzkwu.active .main-nav-item .icon-container { color: rgb(255, 255, 255) !important; }

.css-1owzkwu.active .arrow-right { color: rgb(255, 255, 255) !important; }

.css-1owzkwu:hover { background: rgba(239, 221, 211, 0.4); }

.css-1owzkwu:hover .main-nav-item .title { color: rgb(255, 255, 255); }

.css-1owzkwu:hover .main-nav-item .icon-container { color: rgb(255, 255, 255); }

.css-1owzkwu:hover .arrow-right { color: rgb(255, 255, 255); }

@media screen and (min-width: 768px) {
  .css-1owzkwu { position: relative; }
  .css-1owzkwu .force-show { display: block !important; }
  .css-1owzkwu:hover.force-hide .sub-menu-container { display: none !important; }
  .css-1owzkwu:hover .sub-menu-container { display: block; }
  .css-1owzkwu:hover .sub-menu-container.profile .sub-menu { max-height: 30rem; }
}

.css-1owzkwu.role { margin-bottom: 1rem; }

.css-1owzkwu.role div.nav-item { width: 100%; color: rgb(255, 255, 255); }

.css-1owzkwu.role .icon-container { color: rgb(255, 255, 255); }

.css-1owzkwu .profile-header { display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 0.75rem; }

.css-1owzkwu .profile-header .close-menu { background: none; border: none; }

.css-1owzkwu .profile-header .user-info { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; }

.css-1owzkwu .profile-header .user-info .user-name { word-break: break-word; }

.css-1owzkwu .profile-header .user-info .user-email { width: 13.75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgb(158, 165, 169); }

.css-1owzkwu .profile-menu-section:not(:last-of-type) { margin-bottom: 0.75rem; padding-bottom: 0.75rem; border-bottom: 1px solid rgb(245, 245, 246); }

.css-1owzkwu .profile-menu-section.switch-branch span { display: block; margin-bottom: 0.5rem; }

.css-1owzkwu .profile-menu-section.switch-branch .title { max-width: 15rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block !important; }

.css-1owzkwu .main-nav-item { width: 100%; position: relative; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }

.css-1owzkwu .main-nav-item .arrow-right { line-height: 0; }

.css-1owzkwu .main-nav-item div.nav-item { padding: 0px; }

.css-1owzkwu .main-nav-item div.nav-item:hover { background: none; }

.css-1owzkwu .sub-menu-container { display: none; position: absolute; top: 0px; inset-inline-start: 100%; color: rgb(0, 0, 0); }

.css-1owzkwu .sub-menu-container .sub-nav-link { width: 100%; }

.css-1owzkwu .sub-menu-container .sub-nav-link .title { color: black; }

.css-1owzkwu .sub-menu-container .sub-nav-link .icon-container { color: black !important; }

.css-1owzkwu .sub-menu-container:active { display: block; }

.css-1owzkwu .sub-menu-container.upwards { top: auto; bottom: calc(100% - 40px); }

.css-1owzkwu .sub-menu-container.mobile { position: fixed; top: 0px; left: 0px; right: 0px; width: 100vw; height: 100%; background: rgb(255, 255, 255); z-index: 9999; cursor: auto; }

.css-1owzkwu .sub-menu-container.mobile.is-active { display: block; }

.css-1owzkwu .sub-menu-container.mobile.is-active .sub-menu { margin-inline-start: 0px; height: 100%; }

.css-1owzkwu .sub-menu { width: 100%; padding: 1rem; margin-inline-start: 20px; border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px; overflow: hidden auto; }

@media screen and (min-width: 768px) {
  .css-1owzkwu .sub-menu { min-width: 15.125rem; max-width: 20rem; }
}

.css-1owzkwu .sub-menu .sub-menu-mobile-header { display: flex; width: 100%; -webkit-box-pack: justify; justify-content: space-between; border-bottom: 1px solid rgb(245, 245, 246); margin-bottom: 1.125rem; padding: 1rem 0px; }

.css-1owzkwu .sub-menu .sub-menu-mobile-header h3 { margin: 0px; }

.css-1owzkwu .sub-menu .sub-menu-mobile-header .close-menu { background: none; border: none; }

.css-1owzkwu .sub-menu .nav-item { color: rgb(0, 0, 0); border-radius: 5px; padding: 0px; }

.css-1owzkwu .sub-menu .nav-item:not(:last-of-type) { margin-bottom: 0.5rem; }

.css-1owzkwu .sub-menu .nav-item:hover { background: rgb(245, 245, 246); color: rgb(0, 0, 0); }

.css-1owzkwu.single-role .nav-item { cursor: default; }

.css-1owzkwu.single-role .nav-item:hover { background: rgb(191, 113, 74); }

.css-1owzkwu .dropdown { width: 100%; }

.css-1owzkwu .dropdown .dropdown-button .sidebar-wrapper { width: 100%; -webkit-box-align: center; align-items: center; display: flex; }

.css-1owzkwu .dropdown .dropdown-button .sidebar-wrapper .nav-item { width: 100%; }

.css-1owzkwu .dropdown .dropdown-button .sidebar-wrapper .arrow-right { position: absolute; align-self: center; display: flex; transform: rotate(90deg); inset-inline-end: 1rem; }

@media screen and (min-width: 768px) {
  .css-1owzkwu .dropdown .dropdown-button .sidebar-wrapper .arrow-right { transform: rotate(0deg); }
}

.css-1owzkwu .dropdown .dropdown-wrapper.bottom-start { inset-inline-start: 2rem; }

.css-1owzkwu .dropdown .dropdown-wrapper .dropdown-list { color: initial; min-width: 12rem; }

.css-1owzkwu .dropdown .dropdown-wrapper .dropdown-list li.instructor { background-color: rgba(239, 221, 211, 0.4); }

.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-1crnknv { position: relative; max-width: 1920px; width: 100%; padding: 1rem; z-index: 1; }

@media screen and (min-width: 992px) {
  .css-1crnknv { padding: 2rem 2rem 3rem; }
}

.css-1crnknv.no-padding .main-inner-container { padding: 0px; }

.css-18dpz29 { position: relative; display: none; margin-inline: 0px 1rem; margin-block: 0px; }

@media screen and (min-width: 768px) {
  .css-18dpz29 { display: block; }
}

.css-18dpz29 .spotlight-result { display: flex; -webkit-box-align: center; align-items: center; }

.css-18dpz29 .spotlight-result.detailed-results-link { -webkit-box-pack: center; justify-content: center; }

.css-18dpz29 .spotlight-result.detailed-results-link button { height: auto; }

.css-18dpz29 .spotlight-result .spotlight-image, .css-18dpz29 .spotlight-result .file-tag, .css-18dpz29 .spotlight-result .spotlight-option-icon { margin-inline-end: 0.5rem; border-radius: 3px; }

.css-18dpz29 .spotlight-result .spotlight-image { height: 40px; width: 53px; }

.css-18dpz29 .spotlight-result .spotlight-option-icon { height: 40px; width: 53px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.css-18dpz29 .spotlight-result .spotlight-option-icon button { height: 40px; width: auto; }

.css-18dpz29 .spotlight-result .file-tag { width: 53px; }

.css-18dpz29 .spotlight-result .highlighted { text-decoration: underline; color: rgb(191, 113, 74) !important; }

.css-18dpz29 .spotlight-result .subtitle { color: rgb(122, 122, 122); }

.css-18dpz29 .spotlight-result:hover { cursor: pointer; }

.css-18dpz29 .spotlight-result:hover .highlighted, .css-18dpz29 .spotlight-result:hover .title, .css-18dpz29 .spotlight-result:hover .subtitle { color: rgb(226, 190, 172) !important; }

.css-18dpz29 .spotlight-result:hover .spotlight-option-icon button { background-color: rgb(191, 113, 74) !important; color: rgb(255, 255, 255); }

.css-18dpz29 .spotlight-result:hover .spotlight-option-icon button svg { fill: rgb(255, 255, 255); }

.css-18dpz29 .no-results-container { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; padding: 2rem 0px; }

.css-18dpz29 .no-results-container svg { margin-bottom: 2rem; }

.css-18dpz29 .no-results-container .title { color: initial; }

.css-18dpz29 .spotlight-avatar svg { height: 32px !important; }

.css-b62m3t-container { position: relative; box-sizing: border-box; }

.css-7pg0cj-a11yText { z-index: 9999; border: 0px; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; position: absolute; overflow: hidden; padding: 0px; white-space: nowrap; }

.css-a2zjoz-control { -webkit-box-align: center; align-items: center; cursor: text; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; min-height: 2.5rem; position: relative; transition: all 100ms ease 0s; background-color: rgb(245, 245, 246); border-color: rgb(245, 245, 246); border-radius: 4px; border-style: solid; border-width: 1px; box-sizing: border-box; pointer-events: all; outline: 0px !important; }

.css-a2zjoz-control:hover { border-color: rgb(191, 113, 74); background-color: rgb(245, 245, 246); }

.css-hlgwow { -webkit-box-align: center; align-items: center; display: grid; flex: 1 1 0%; flex-wrap: wrap; position: relative; overflow: hidden; padding: 2px 8px; box-sizing: border-box; }

.css-16ylsbt-placeholder { grid-area: 1 / 1 / 2 / 3; box-sizing: border-box; margin: 0px 2px; position: absolute; top: 50%; transform: translateY(-50%); font-style: italic; cursor: text; }

.css-1wgjule { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; overflow: hidden; flex: 1 1 0%; }

.css-1wgjule .custom-input { overflow: hidden; }

.css-1wgjule .close-btn { padding: 0px; border: 0px; background: transparent; height: 16px; padding-inline-start: 0.5rem; }

.css-19bb58m { visibility: visible; flex: 1 1 auto; display: inline-grid; grid-area: 1 / 1 / 2 / 3; grid-template-columns: 0px min-content; margin: 2px; padding-bottom: 2px; padding-top: 2px; color: rgb(51, 51, 51); box-sizing: border-box; }

.css-19bb58m::after { content: attr(data-value) " "; visibility: hidden; white-space: pre; grid-area: 1 / 2; font: inherit; min-width: 2px; border: 0px; margin: 0px; outline: 0px; padding: 0px; }

.css-1wy0on6 { -webkit-box-align: center; align-items: center; align-self: stretch; display: flex; flex-shrink: 0; box-sizing: border-box; }

.css-8zq8dh-indicatorContainer { display: flex; transition: color 150ms ease 0s; color: inherit; padding: 8px; box-sizing: border-box; cursor: default; }

.css-8zq8dh-indicatorContainer:hover { color: rgb(153, 153, 153); }

.css-8zq8dh-indicatorContainer:hover { color: inherit; }

.css-ivq1cm .dashboard-edit { display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; width: 100%; margin-bottom: 24px; }

.css-ivq1cm .dashboard-edit button:not(:last-of-type) { margin-inline-end: 16px; }

.css-ivq1cm .dashboard-edit .customize-button { padding: 16px 16px 16px 8px; }

.css-ivq1cm .dashboard-edit .customize-button span { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }

.css-ivq1cm .dashboard-edit .customize-button svg { fill: white; margin-inline-end: 5px; }

.css-1wcpu3f { display: grid; flex-direction: column; position: relative; height: 100%; border-radius: 5px; grid-template-areas: "main-1" "secondary-1" "main-2" "secondary-2" "main-3" "secondary-3" "main-4" "secondary-4" "main-5" "secondary-5" "main-6" "secondary-6" "main-7" "secondary-7" "main-8" "secondary-8" "main-9" "secondary-9" "main-10" "secondary-10"; }

@media screen and (min-width: 1200px) {
  .css-1wcpu3f { display: flex; }
}

.css-1s8jtiy header { display: flex; -webkit-box-align: center; align-items: center; border-bottom: 1px solid rgb(245, 245, 246); -webkit-box-pack: justify; justify-content: space-between; }

.css-1s8jtiy header .back-title-container { display: flex; -webkit-box-align: center; align-items: center; gap: 0.5rem; }

.css-1s8jtiy header .back-title-container .back-button { padding: 0px; min-width: auto; height: auto; }

.css-1s8jtiy header .header-container { display: flex; -webkit-box-align: center; align-items: center; gap: 0.5rem; }

.css-1s8jtiy header .header-container span { line-height: 0; }

.css-1s8jtiy header .header-container .tooltip-icon { color: rgb(191, 113, 74); }

.css-1s8jtiy header .close-button { padding: 0px; }

.css-1s8jtiy .action-drawer-body { padding: 1.5rem 2rem; }

.css-1s8jtiy footer { display: flex; -webkit-box-pack: start; justify-content: flex-start; padding: 1rem 2rem; border-top: 1px solid rgb(245, 245, 246); }

.css-1s8jtiy footer .action-buttons { display: flex; }

.css-1s8jtiy footer button { margin: 0px 0.5rem; }

.css-1s8jtiy footer button.left-aligned { margin-left: 0px; }

.css-175v7ti { position: relative; height: 445px; background-color: white; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px; padding: 1rem 1.5rem; }

@media screen and (min-width: 576px) {
  .css-175v7ti { padding: 1.5rem 2rem; }
}

@media screen and (min-width: 1200px) {
  .css-175v7ti { padding: 1.5rem 2rem 2rem; }
}

.css-175v7ti.no-padding { padding: 0px; }

.css-175v7ti .widget-edit { position: inherit; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 100%; z-index: 2; }

.css-175v7ti .widget-edit h2 { margin: 0px; padding: 0px; }

.css-175v7ti .has-overlay { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: white; opacity: 0.5; z-index: 1; }

.css-1vkzbgq { height: 100%; }

.css-1vkzbgq .widget-header-title { min-height: 2rem; }

.css-1vkzbgq .grid-wrapper { height: 100%; margin-top: 2rem; padding-bottom: 4rem; }

.css-1vkzbgq .grid-wrapper .grid-container { height: 100%; }

.css-1vkzbgq .grid-wrapper .quick-actions-item { border-radius: 5px; cursor: pointer; -webkit-box-pack: center; justify-content: center; }

.css-1vkzbgq .grid-wrapper .quick-actions-item:hover { background-color: rgb(205, 144, 113); color: rgb(255, 255, 255); }

.css-1vkzbgq .grid-wrapper .quick-actions-item:focus { background-color: rgb(191, 113, 74); color: rgb(255, 255, 255); }

.css-1vkzbgq .grid-wrapper .quick-actions-item .title { margin: 0px; color: currentcolor; font-size: 14px; }

@media screen and (min-width: 576px) {
  .css-1vkzbgq .grid-wrapper .quick-actions-item .title { font-size: 16px; }
}

.css-1cf880e { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; text-align: center; padding: 1.5rem 0.5rem; border-radius: 5px; height: 100%; background: rgb(245, 245, 246); color: rgb(0, 0, 0); }

.css-1cf880e .title, .css-1cf880e .subtitle { margin-top: 0.5rem; color: rgb(0, 0, 0); }

.css-1nhpn95 { position: relative; }

.css-1nhpn95 .inner-container { display: flex; flex-direction: column; height: 100%; gap: 2rem; }

.css-1nhpn95 .inner-container .header-container { padding: 0px; }

.css-1nhpn95 .content-container { width: 100%; position: relative; }

.css-1nhpn95 .content-container .today-results { position: absolute; inset: 0px; cursor: default; }

.css-1nhpn95 .content-container .today-results ul { position: absolute; top: 290px; }

.css-1nhpn95 .content-container .today-results .slick-list { padding-bottom: 1rem; }

@media screen and (min-width: 576px) {
  .css-1nhpn95 .content-container .today-results .slick-list { padding-bottom: 1rem; }
}

.css-1nhpn95 .today-no-results { padding-inline: 1rem; padding-block: 1rem; }

.css-1nhpn95 .today-no-results footer { margin-top: 0px; }

@media screen and (min-width: 576px) {
  .css-1nhpn95 .today-no-results { padding-inline: 2rem; }
}

.css-1nhpn95 .today-no-results .body { margin-top: 0px; }

.css-1gnpig0 { position: relative; }

.css-1gnpig0 .empty-state-container { position: absolute; top: 3rem; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; text-align: center; }

.css-1gnpig0 .empty-state-container .empty-state-icon { display: flex; -webkit-box-pack: center; justify-content: center; color: rgb(191, 113, 74); }

.css-1gnpig0 .empty-state-container .empty-state-body { display: flex; flex-direction: column; gap: 0.5rem; }

.css-1gnpig0 .empty-state-container .empty-state-description { color: rgb(158, 165, 169); }

.css-1gnpig0 .empty-state-container .empty-state-footer { margin-top: 1rem; }

.css-1kvylfc { position: relative; height: 100%; }

.css-1kvylfc .widget-header-title { min-height: 2rem; }

.css-1kvylfc .grid-wrapper { height: 100%; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; padding: 2rem 0px; }

.css-1kvylfc .grid-wrapper .overview-grid { height: 100%; }

.css-1kvylfc .overview-container { padding: 0.5rem; -webkit-box-pack: center; justify-content: center; }

.css-1kvylfc .overview-container .value { font-size: 1.625rem; font-weight: 700; }

@media screen and (min-width: 576px) {
  .css-1kvylfc .overview-container .value { font-size: 2.875rem; }
}

@media screen and (min-width: 1200px) {
  .css-1kvylfc .overview-container .value { font-size: 2.25rem; }
}

@media screen and (min-width: 1920px) {
  .css-1kvylfc .overview-container .value { font-size: 2.875rem; }
}

.css-1kvylfc .overview-container .overview-title { font-size: 0.75rem; }

@media screen and (min-width: 576px) {
  .css-1kvylfc .overview-container .overview-title { font-size: 1.375rem; }
}

@media screen and (min-width: 1200px) {
  .css-1kvylfc .overview-container .overview-title { font-size: 1.125rem; }
}

@media screen and (min-width: 1920px) {
  .css-1kvylfc .overview-container .overview-title { font-size: 1.375rem; }
}

.css-1kvylfc .empty-state-wrapper { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.css-5yux7s { position: relative; height: 100%; }

.css-5yux7s .recent-courses-title { display: flex; -webkit-box-align: center; align-items: center; gap: 0.5rem; }

.css-5yux7s .recent-courses-title .link-btn { border: none; background: transparent; padding: 0px; height: 2rem; }

.css-5yux7s .recent-courses-title .link-btn svg { color: rgb(191, 113, 74); }

.css-5yux7s .recent-courses-title .widget-header-title { min-height: 2rem; }

.css-5yux7s .carousel-container { width: 100%; height: 100%; position: relative; }

.css-5yux7s .carousel-wrapper { position: absolute; inset: 0px; }

.css-5yux7s .carousel-card { margin: 1rem 0px; }

@media screen and (min-width: 576px) {
  .css-5yux7s .carousel-card { margin-bottom: 0px; }
}

.css-5yux7s .grid-item { max-width: 232px; width: 100%; margin: auto; max-height: 290px; }

.css-5yux7s .grid-item .card-body-container { padding: 0.75rem 0.5rem; }

.css-3oti2u { width: 100%; height: 100%; }

.css-3oti2u .slick-list { padding-bottom: 1rem; }

@media screen and (min-width: 576px) {
  .css-3oti2u .slick-list { padding-bottom: 2rem; }
}

.css-3oti2u .slick-list .slick-slide { text-align: start; direction: ltr; }

.css-3oti2u .slick-dots { position: relative; bottom: 0px; }

.css-3oti2u .slick-dots li { width: 0.75rem; height: 0.75rem; opacity: 1; background-color: rgba(193, 197, 200, 0.6); margin: 0px 0.5rem; border-radius: 50%; }

.css-3oti2u .slick-dots li button { opacity: 0; }

.css-3oti2u .slick-dots li.slick-active { background-color: rgb(205, 144, 113); }

.css-jhhbwe { height: 90%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.css-jhhbwe .hover-btn { width: 4rem; height: 4rem; }

.css-d4v0xt { height: 100%; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; color: inherit; }

.css-d4v0xt:hover { color: inherit; }

.css-d4v0xt .code { color: rgb(123, 133, 138); min-height: 1.25rem; }

.css-d4v0xt .card-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 4em; }

.css-1ggf0ta .footer-btn { height: 2rem; border-radius: 0px 0px 5px; padding: 0.25rem 0.5rem; }

.css-1ggf0ta .footer-btn .with-icon { display: flex; gap: 0.325rem; -webkit-box-align: center; align-items: center; }

.css-1ggf0ta .subscribe-btn-text { display: flex; -webkit-box-align: center; align-items: center; }

.css-sxc8f6 { position: relative; height: 100%; }

.css-sxc8f6 .course-pie-title { display: flex; -webkit-box-align: center; align-items: center; gap: 0.5rem; }

.css-sxc8f6 .course-pie-title button { border: none; background: transparent; padding: 0px; height: 32px; }

.css-sxc8f6 .course-pie-title button svg { color: rgb(191, 113, 74); }

.css-sxc8f6 .course-pie-title .widget-header-title { min-height: 2rem; }

.css-sxc8f6 .widget-wrapper { height: 100%; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; }

@media screen and (min-width: 576px) {
  .css-sxc8f6 .widget-wrapper { flex-direction: row; gap: 2rem; }
  .css-sxc8f6 .widget-wrapper.secondary-widget { gap: 1rem; }
}

.css-sxc8f6 .widget-wrapper .mobile-header { width: 100%; margin: 1.5rem 0px; }

@media screen and (min-width: 576px) {
  .css-sxc8f6 .widget-wrapper .mobile-header { display: none; }
}

.css-sxc8f6 .widget-wrapper .pie-titles { display: none; }

@media screen and (min-width: 576px) {
  .css-sxc8f6 .widget-wrapper .pie-titles { display: block; }
}

.css-sxc8f6 .widget-wrapper .circle { height: 22px; width: 22px; border-radius: 50%; background: red; }

.css-sxc8f6 .widget-wrapper .circle.completed { background: rgb(60, 183, 68); }

.css-sxc8f6 .widget-wrapper .circle.in_progress { background: rgb(255, 156, 40); }

.css-sxc8f6 .widget-wrapper .circle.not_started { background: rgb(158, 165, 169); }

.css-sxc8f6 .widget-wrapper .circle.not_passed { background: rgb(209, 37, 37); }

.css-sxc8f6 .widget-wrapper .title-container { display: flex; gap: 0.5rem; border: 0px; background: transparent; padding: 0px; -webkit-box-align: center; align-items: center; }

@media screen and (min-width: 576px) {
  .css-sxc8f6 .widget-wrapper .title-container { margin-bottom: 1rem; }
}

.css-sxc8f6 .widget-wrapper .title-container .name { word-break: break-all; }

.css-sxc8f6 .pie-widget { width: 170px; height: 170px !important; }

@media screen and (min-width: 576px) {
  .css-sxc8f6 .pie-widget { width: 229px; height: 229px !important; }
}

@media screen and (min-width: 1600px) {
  .css-sxc8f6 .pie-widget { width: 249px; height: 249px !important; }
}

.css-sxc8f6 .pie-widget.secondary-widget { width: 220px; height: 220px !important; }

.css-cda11e { height: 100%; padding-top: 2.3rem; }

.css-cda11e .slick-dots { position: absolute !important; bottom: 25px !important; }

.css-cda11e .slick-list { height: 100% !important; }

.css-cda11e .carousel-container { width: 100%; height: 100%; position: relative; }

.css-cda11e .carousel-wrapper { position: absolute; inset: 0px; }

.css-cda11e ul.dontmiss-carousel-list { padding: 0px; list-style: none; margin: 0px; }

.css-cda11e ul.dontmiss-carousel-list li { display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 1.5rem; }

.css-cda11e ul.dontmiss-carousel-list li .url-link { font-size: 1rem; }

.css-cda11e ul.dontmiss-carousel-list li:last-of-type { margin-bottom: 0px; }

.css-cda11e ul.dontmiss-carousel-list li svg { margin-inline-end: 0.5rem; min-width: 32px; }

.css-cda11e ul.dontmiss-carousel-list li.rtl svg { transform: rotate(180deg); }

.css-cda11e .empty-result svg { color: rgb(191, 113, 74); }

.css-1elzd4y { color: rgb(27, 104, 179); }

.css-1elzd4y:hover { color: rgba(27, 104, 179, 0.8); }

.css-1elzd4y.readonly { color: inherit; cursor: not-allowed; }

.css-13wjtfw .pageHeader-container { display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; }

.css-13wjtfw .pageHeader-container .left-side { display: flex; -webkit-box-align: baseline; align-items: baseline; flex-wrap: wrap; margin-bottom: 1rem; }

.css-13wjtfw .pageHeader-container .left-side .title { width: 100%; }

@media screen and (min-width: 576px) {
  .css-13wjtfw .pageHeader-container .left-side .title { width: auto; }
}

.css-13wjtfw .pageHeader-container .left-side .subtitle { width: 100%; margin-inline-start: 0.125rem; }

@media screen and (min-width: 576px) {
  .css-13wjtfw .pageHeader-container .left-side .subtitle { padding-inline-start: 0.5rem; width: auto; margin-inline-start: 0px; }
}

.css-l3gslw table tbody tr td { padding: 0rem 1.5rem; }

.css-l3gslw .empty-state-container button { padding: 0px !important; }

.css-l3gslw .empty-state-container svg { height: 100%; }

.css-l3gslw .table-actions-container { position: relative; }

.css-l3gslw .table-actions-container .hover-actions { position: relative; z-index: 2; display: flex; flex-direction: row; -webkit-box-pack: end; justify-content: flex-end; background: inherit; opacity: 0; }

.css-l3gslw .table-actions-container .actions-icon { position: absolute; inset-inline-end: 0px; top: 0px; opacity: 0; }

.css-l3gslw .table-actions-container .is-visible { opacity: 1; }

.css-l3gslw .table-footer-container { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; margin-top: 2rem; }

.css-l3gslw .table-footer-container .pagination-wrapper { margin: 0px; }

.css-l3gslw .table-footer-container .pagination-section { display: flex; -webkit-box-pack: end; justify-content: flex-end; width: 100%; }

.css-l3gslw .table-footer-container .export-to-csv-btn { color: black; }

.css-22x3wa { margin-bottom: 1rem; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }

.css-22x3wa .empty-state-container button { padding: 0px; }

.css-22x3wa .start-actions-container { display: flex; gap: 1rem; align-items: flex-end; }

.css-22x3wa .start-actions-container .action-item { background-color: rgba(239, 221, 211, 0.25); font-weight: bold; margin-inline-end: 0.5rem; color: rgb(0, 0, 0); }

.css-22x3wa .start-actions-container .action-item button { color: currentcolor; }

.css-22x3wa .start-actions-container .action-item:last-of-type { margin-inline-end: 0px; }

.css-22x3wa .start-actions-container .filter-button:hover, .css-22x3wa .start-actions-container .filter-button:active, .css-22x3wa .start-actions-container .filter-button:focus { background-color: rgba(239, 221, 211, 0.25) !important; }

.css-22x3wa .start-actions-container .filter-button.disabled:hover, .css-22x3wa .start-actions-container .filter-button.disabled:focus, .css-22x3wa .start-actions-container .filter-button.disabled:active { background-color: rgb(245, 245, 246) !important; }

.css-22x3wa .start-actions-container .filters { display: flex; margin-inline-start: 0.5rem; gap: 0.5rem; }

.css-22x3wa .end-actions-container { display: flex; gap: 0.5rem; }

.css-22x3wa .end-actions-container .dropdown-btn-import-users { max-width: 44px; border-top-left-radius: initial; border-bottom-left-radius: initial; padding: 0px 1rem; }

.css-22x3wa .end-actions-container .dropdown-btn-import-users svg { fill: rgb(255, 255, 255); }

.css-22x3wa .end-actions-container .dropdown-list { padding: 0.75rem; }

.css-22x3wa .end-actions-container .dropdown-list .dropdown-list-item { color: rgb(0, 0, 0); border-radius: 5px; padding: 0px; }

.css-22x3wa .end-actions-container .dropdown-list .dropdown-list-item:not(:last-of-type) { margin-bottom: 0.5rem; }

.css-22x3wa .end-actions-container .dropdown-list .dropdown-list-item:hover { background: rgb(245, 245, 246); }

.css-22x3wa .end-actions-container .action-item { margin-inline-start: 0.5rem; }

.css-22x3wa .end-actions-container .action-item:last-of-type { margin-inline-end: 0px; }

.css-22x3wa .end-actions-container .right-actions-item { padding: 0px 1rem !important; }

.css-5uyi2v { width: 100%; position: relative; }

.css-5uyi2v .input-wrapper { min-width: 250px; }

.css-5uyi2v input { padding-inline-end: 2.5rem; }

.css-5uyi2v .clear-button { position: absolute; inset-inline-end: 0px; z-index: 1; }

.css-5uyi2v .clear-button:hover { background: transparent; }

.css-5uyi2v .prefix-icon svg, .css-5uyi2v .suffix-icon svg { height: 24px; }

.css-45s4ud { display: flex; position: relative; }

.css-45s4ud .dropdown { position: unset; }

.css-45s4ud .end-button { border-start-start-radius: 0px; border-end-start-radius: 0px; }

.css-45s4ud .end-button svg { fill: currentcolor; }

.css-45s4ud .vertical-line { position: absolute; border-left: 1px solid white; top: 0px; inset-inline-end: 2.5rem; height: 100%; }

.css-x823q0 .column-description { display: flex; -webkit-box-align: center; align-items: center; margin-inline-end: 1rem; }

.css-x823q0 .column-description .overflow-text { word-break: break-word; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.css-x823q0 .column-description .status-tag { padding: 0.2rem 0.5rem; white-space: nowrap; border-radius: 2.5px; margin-inline-start: 0.5rem; background: rgb(158, 165, 169) !important; color: rgb(255, 255, 255) !important; }

.css-x823q0 .column-description .instructor-icon-container { line-height: 0; padding-inline-start: 0.5rem; }

.css-1tkftz3 .column-date { display: flex; -webkit-box-align: center; align-items: center; margin-inline-end: 1rem; }

.css-11pwf1w:not(.disabled) svg { color: black; }

.css-11pwf1w:hover svg { color: inherit; }

.css-18k8u9d .nav-wrapper { margin-bottom: 2rem; }

.css-1nedebe { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }

.css-1nedebe .title-wrapper { display: flex; -webkit-box-align: center; align-items: center; word-break: break-all; }

.css-1nedebe .secondary-actions-wrapper { margin-inline-start: 1rem; }

.css-1qkt9rd .link { cursor: pointer !important; }

.css-1qkt9rd .empty-cell { text-align: start; }

.css-1qkt9rd .date-button { padding: 0px; margin-inline-start: -5px; cursor: default !important; }

.css-1qkt9rd .date-button-text { color: initial; }

.css-1qkt9rd .progress-cell { display: flex; flex-direction: column; gap: 5px; }

.css-1qkt9rd .user-role-text { padding: 0px 0.75rem; cursor: default; }

.css-1qkt9rd .user-role-select { border: none; cursor: pointer; max-width: 10rem; min-width: 9rem; }

.css-1qkt9rd .select-input-wrapper { background-color: unset !important; }

.css-1qkt9rd .control-md { background: transparent; }

.css-1qkt9rd .control-md:hover { background-color: rgb(255, 255, 255); }

.css-1qkt9rd .control-md:not(.css-1qkt9rd .control-md:hover) { border: none; }

.css-1qkt9rd .header-cell { min-width: 10rem; }

.css-1qkt9rd .header-cell.score, .css-1qkt9rd .header-cell.training_time { min-width: 6rem; }

.css-1qkt9rd .header-cell.role_in_course, .css-1qkt9rd .header-cell.formatted_name { min-width: 12rem; }

.css-1qkt9rd .header-cell.role_in_course { padding-left: 2rem; }

.css-1h1t5ge { display: flex; -webkit-box-align: center; align-items: center; }

.css-1h1t5ge svg { color: rgb(209, 37, 37); }

.css-1h1t5ge .expiration-date-icon { line-height: 0; }

.css-1h1t5ge .empty-cell { margin-inline-start: 0.5rem; }

.css-vz6nns { display: flex; -webkit-box-align: center; align-items: center; }

.css-vz6nns svg { color: rgb(60, 183, 68); }

.css-vz6nns .expiration-date-icon { line-height: 0; }

.css-vz6nns .empty-cell { margin-inline-start: 0.5rem; }

.css-3hvwhs { display: flex; -webkit-box-align: center; align-items: center; }

.css-3hvwhs svg { color: inherit; }

.css-3hvwhs .expiration-date-icon { line-height: 0; }

.css-3hvwhs .empty-cell { margin-inline-start: 0.5rem; }

.css-1wai8s1 { height: 0.35rem; min-width: 10rem; }

.css-1wai8s1 div { font-size: 0px; }

.css-aze7oy .link { cursor: default !important; }

.css-aze7oy .empty-cell { text-align: start; }

.css-aze7oy .date-button { padding: 0px; margin-inline-start: -5px; cursor: default !important; }

.css-aze7oy .date-button-text { color: initial; }

.css-aze7oy .progress-cell { display: flex; flex-direction: column; gap: 5px; }

.css-aze7oy .user-role-text { padding: 0px 0.75rem; cursor: default; }

.css-aze7oy .user-role-select { border: none; cursor: pointer; max-width: 10rem; min-width: 9rem; }

.css-aze7oy .select-input-wrapper { background-color: unset !important; }

.css-aze7oy .control-md { background: transparent; }

.css-aze7oy .control-md:hover { background-color: rgb(255, 255, 255); }

.css-aze7oy .control-md:not(.css-aze7oy .control-md:hover) { border: none; }

.css-aze7oy .header-cell { min-width: 10rem; }

.css-aze7oy .header-cell.score, .css-aze7oy .header-cell.training_time { min-width: 6rem; }

.css-aze7oy .header-cell.role_in_course, .css-aze7oy .header-cell.formatted_name { min-width: 12rem; }

.css-aze7oy .header-cell.role_in_course { padding-left: 2rem; }

.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-1x2libu { position: relative; height: 100vh; width: 100%; display: flex; }

.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-63pnmc { color: rgb(0, 0, 0); }

.css-63pnmc:hover { color: rgb(226, 190, 172); }

.css-63pnmc.readonly { color: inherit; cursor: not-allowed; }

.css-gk6e0o { display: flex; -webkit-box-pack: end; justify-content: end; gap: 1rem; }

.css-gk6e0o .shared-icon { cursor: pointer; }

.css-35tnr8 .icon-container { height: 2rem; width: 2rem; border-radius: 5px; background-color: rgb(245, 245, 246); }

.css-35tnr8 .icon-container svg { color: rgb(0, 0, 0); }

.css-15cx4gm { height: 100%; display: flex; flex-direction: column; }

.css-15cx4gm .toc-content-wrapper { display: flex; flex-direction: column; background: rgb(245, 245, 246); height: 100%; position: relative; }

.css-15cx4gm .toc-content-wrapper .outer-scrollable-container { display: flex; flex-direction: column; background: rgb(245, 245, 246); height: 100%; flex: 1 1 0px; position: relative; }

.css-15cx4gm .toc-content-wrapper .outer-scrollable-container .upload-prompt-area { flex: 1 1 0px; visibility: visible; z-index: 0; display: flex; align-items: flex-start; -webkit-box-pack: center; justify-content: center; overflow-y: hidden; scrollbar-width: none; position: initial; }

.css-15cx4gm .toc-content-wrapper .outer-scrollable-container .upload-prompt-area:hover, .css-15cx4gm .toc-content-wrapper .outer-scrollable-container .upload-prompt-area:focus { overflow: overlay; }

.css-15cx4gm .toc-content-wrapper .outer-scrollable-container .upload-prompt-area .scrollable-container { overflow: visible; }

.css-4wnvph { width: 100%; position: relative; z-index: 4; min-height: 0px; }

.css-4wnvph .file-input .select-files-container { opacity: 1; }

.css-4wnvph .hidden { display: none !important; }

.css-4wnvph .visually-hidden { opacity: 0; }

.css-4wnvph .drop-files { width: 100%; height: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background-color: rgba(239, 221, 211, 0.25); border: 1px solid rgb(239, 221, 211); border-radius: 5px; z-index: 999; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.css-4wnvph .drop-files .drop-files-info { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 0.25em; padding: 1rem 4.125rem 1.125rem; text-align: center; }

.css-4wnvph .drop-files .drop-files-info button { width: 2rem; min-width: 2rem; height: 2rem; }

.css-4wnvph .drop-files .drop-files-info .title { color: rgb(191, 113, 74); }

.css-4wnvph .drop-files .drop-files-info .subtitle { color: rgb(158, 165, 169); }

.css-4wnvph .children { width: 100%; }

.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-149xy6x.is-reordered { background-color: rgb(255, 255, 255); }

.css-149xy6x .list-title { padding: 0px; height: auto; margin-inline-start: 0px; }

.css-149xy6x .unit-dropdown-options { margin-inline-end: 0.5rem; }

.css-149xy6x .dropdown-list-item.delete { color: rgb(209, 37, 37); }

.css-149xy6x .dropdown-list-item.publish-option { color: rgb(191, 113, 74); }

.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-1ll3pd9 { display: inline-flex; }

.css-1ll3pd9 .unit-reorder-checkbox { width: 20px; margin-inline: 6px; z-index: 9999; }

.css-1ll3pd9 .unit-reorder-checkbox label::before { margin-inline-end: 0px; }

.css-1ll3pd9 .reorder-icon { width: 2rem; }

.css-1ll3pd9 .section-icon-placeholder { width: 2rem; }

.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-jputax { transform: rotate(0deg); }

.css-18ex01n { margin: 1rem; position: relative; }

.css-18ex01n .create-unit-dropdown { position: absolute; width: 100%; margin-bottom: 1rem; border-radius: 0.5rem; border: 1px solid rgb(245, 245, 246); background-color: white; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px; bottom: 48px; }

.css-18ex01n .create-unit-dropdown .main-menu { margin: 0px; padding: 0.5rem; }

.css-18ex01n .create-unit-dropdown .main-menu > li { display: flex; height: 63px; padding: 0.5rem; gap: 0.5rem; -webkit-box-align: center; align-items: center; border-radius: 0.5rem; cursor: pointer; }

.css-18ex01n .create-unit-dropdown .main-menu > li:first-of-type { border-bottom: 1px solid rgb(245, 245, 246); }

.css-18ex01n .create-unit-dropdown .main-menu > li .new-tag { align-self: flex-start; padding: 0px 0.5rem; background: rgb(191, 113, 74); color: rgb(255, 255, 255); font-size: 11px; border-radius: 10px; }

.css-18ex01n .create-unit-dropdown .main-menu > li svg:nth-of-type(2) { margin-inline-start: auto; }

.css-18ex01n .create-unit-dropdown .main-menu li { position: relative; display: flex; padding: 0.5rem; }

.css-18ex01n .create-unit-dropdown .main-menu li.active { background-color: rgb(245, 245, 246); }

.css-18ex01n .create-unit-dropdown .main-menu li.active > .sub-menu { display: block; }

.css-18ex01n .create-unit-dropdown .menu-item { display: flex; flex-direction: column; }

.css-18ex01n .create-unit-dropdown .menu-item .menu-title { font-size: 0.875rem; }

.css-18ex01n .create-unit-dropdown .menu-item .menu-description { color: rgb(158, 165, 169); font-size: 0.75rem; }

.css-18ex01n .create-unit-dropdown .back-container { padding: 0.5rem; border-bottom: 1px solid rgb(245, 245, 246); }

.css-18ex01n .create-unit-dropdown .back-container button { display: flex; -webkit-box-align: center; align-items: center; background: none; border: none; }

.css-18ex01n .create-unit-dropdown .sub-menu { position: absolute; display: none; width: 100%; inset-inline-start: 100%; top: 0px; padding: 0px 0.5rem; margin: 0px; z-index: 100; }

.css-18ex01n .create-unit-dropdown .sub-menu .inner-container { margin-inline-start: 0.3125rem; border-radius: 0.3125rem; background: white; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px; overflow-x: auto; }

.css-18ex01n .create-unit-dropdown .sub-menu li { padding: 0.3125rem 0.5rem; }

.css-18ex01n .create-unit-dropdown .sub-menu li:hover { background-color: rgb(245, 245, 246); }

.css-18ex01n .create-unit-dropdown .sub-menu .menu-item span { display: flex; -webkit-box-align: center; align-items: center; }

.css-18ex01n .create-unit-dropdown.mobile .main-menu li { position: unset; }

.css-18ex01n .create-unit-dropdown.mobile .main-menu li > .sub-menu { inset-inline-start: 0px; height: 100%; }

.css-18ex01n .create-unit-dropdown.mobile .main-menu li.active > .sub-menu { display: block; }

.css-18ex01n .create-unit-dropdown.mobile .main-menu { padding: 0px; }

.css-18ex01n .create-unit-dropdown.mobile .sub-menu { padding: 0px; }

.css-18ex01n .create-unit-dropdown.mobile .sub-menu .inner-container { margin: 0px; height: 100%; }

.css-18ex01n .create-unit-dropdown.mobile .sub-menu li { padding: 0px 0.5rem; }

.css-18ex01n .add-unit-btn { width: 100%; -webkit-box-pack: start; justify-content: start; padding-inline: 1rem 0.75rem; }

.css-18ex01n .add-unit-btn .btn-text { width: 100%; }

.css-18ex01n .add-unit-btn .icon { margin: 0px; fill: currentcolor; }

.css-18ex01n .add-unit-btn .icon:first-of-type { margin-inline-end: 0.5rem; }

.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-1v0qhgd { width: 100%; height: 100%; display: flex; flex-direction: column; overflow-y: auto; }

.css-1ievzu5 { display: flex; flex-direction: column; height: 100%; min-height: 100vh; }

.css-14hiqdm { width: 100%; background-color: rgb(117, 67, 42); position: relative; display: flex; -webkit-box-pack: center; justify-content: center; }

.css-14hiqdm.sticky { position: sticky; top: 0px; z-index: 10; max-height: 72px; height: 72px; }

.css-14hiqdm .header-container { max-width: 1000px; width: 100%; margin: 1rem; }

.css-9m3ca6 { display: flex; gap: 2rem; height: 100%; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; }

.css-9m3ca6 .back-button { position: absolute; top: 1rem; inset-inline-start: 1rem; }

.css-9m3ca6 .start-container { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; gap: 1.5rem; color: rgb(255, 255, 255); min-height: 2.5rem; flex: 1 1 0%; }

.css-9m3ca6 .start-container .additional-info-container { display: flex; flex-direction: column; gap: 1rem; }

.css-9m3ca6 .start-container .additional-info-container .restrictions-wrapper { -webkit-box-align: center; align-items: center; display: flex; gap: 1rem; }

.css-9m3ca6 .start-container .additional-info-container .course-acquired-tag { gap: 0.25rem; padding: 0.325rem 0.5rem; }

.css-9m3ca6 .end-container { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; gap: 0.5rem; min-width: 400px; width: 400px; color: rgb(255, 255, 255); min-height: 2.5rem; align-items: normal; }

.css-9m3ca6 .end-container .thumbnail-image { width: 100%; min-height: 275px; aspect-ratio: 3 / 2; }

.css-9m3ca6 .clickable-text { text-decoration: none; cursor: pointer; font-weight: 700; }

.css-fgwld2 { display: flex; flex-direction: column; gap: 0.5rem; }

.css-fgwld2 .name-error { color: rgb(255, 255, 255); background-color: rgb(209, 37, 37); width: fit-content; margin: 0.5rem 0px 0px; }

.css-fgwld2 .name { cursor: default; }

.css-28mqlu { width: fit-content; margin-bottom: 1rem; cursor: pointer; }

.css-28mqlu .category { word-break: break-word; font-style: italic; }

.css-28mqlu .category:hover { text-decoration: underline; }

.css-ihkhz8 { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; position: relative; word-break: break-word; width: 100%; }

.css-ihkhz8.heading { font-size: 1.802rem; font-weight: 700; line-height: 1.3; }

.css-ihkhz8.heading .editable-container { font-size: 1.802rem; font-weight: 700; line-height: 1.3; }

.css-ihkhz8.text { font-size: 0.889rem; font-weight: 400; }

.css-ihkhz8.text .editable-container { font-size: 0.889rem; font-weight: 400; }

.css-ihkhz8 .editable-container[contenteditable="true"]:empty::before { content: attr(data-text); color: rgb(158, 165, 169); }

.css-ihkhz8 .editable-container:focus { outline: none; }

.css-ihkhz8 .editable-container .placeholder { color: rgb(158, 165, 169); }

.css-1nbw1n5 { position: relative; width: 100%; min-height: 275px; aspect-ratio: 3 / 2; overflow: hidden; }

.css-1nbw1n5 img { width: 100%; height: 100%; object-fit: cover; }

.css-1nbw1n5 .upload-overlay { width: 100%; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; flex-direction: column; position: absolute; color: white; background-color: rgba(92, 100, 104, 0.4); opacity: 0; transition: opacity 0.2s linear 0s; }

.css-1nbw1n5 .upload-overlay:hover { opacity: 1; }

.css-1nbw1n5 .upload-overlay .input-field { position: absolute; appearance: initial; opacity: 0; }

.css-1nbw1n5 .upload-overlay button:first-of-type { margin-bottom: 10px; }

.css-1nbw1n5 .upload-overlay button { width: 74px; height: 74px; cursor: pointer; }

.css-csqhg { flex: 1 1 0%; display: flex; }

.css-csqhg .content-container { margin: 0px auto; padding: 2rem 0px; flex: 1 1 0%; display: flex; }

.css-csqhg .content-container .has-max-width { max-width: 1032px; margin: 0px auto; padding: 0px 1rem; }

.css-1301m73 { display: flex; flex-direction: column; gap: 2rem; flex: 1 1 0%; }

.css-1301m73 .content-wrapper { display: flex; flex-direction: column; gap: 2rem; flex: 1 1 0%; }

.css-1301m73 .description-container { display: flex; flex-direction: column; gap: 0.5rem; width: 100%; }

.css-1qwruxd label { margin-inline-start: 0.5rem; }

.css-1qwruxd .fr-toolbar.fr-top { background: rgb(245, 245, 246); border-radius: 5px 5px 0px 0px; border-top: 1px solid rgb(245, 245, 246) !important; border-right: 1px solid rgb(245, 245, 246) !important; border-left: 1px solid rgb(245, 245, 246) !important; border-image: initial !important; border-bottom: none !important; }

.css-1qwruxd .fr-box.fr-basic .fr-wrapper { border-right: 1px solid rgb(245, 245, 246) !important; border-left: 1px solid rgb(245, 245, 246) !important; border-image: initial !important; border-top: none !important; border-bottom: none !important; }

.css-1qwruxd .fr-box.fr-basic .fr-wrapper.show-placeholder .fr-placeholder { color: rgb(158, 165, 169); }

.css-1qwruxd .fr-box.fr-basic .fr-second-toolbar { border-radius: 0px 0px 5px 5px; border-right: 1px solid rgb(245, 245, 246) !important; border-bottom: 1px solid rgb(245, 245, 246) !important; border-left: 1px solid rgb(245, 245, 246) !important; border-image: initial !important; border-top: none !important; }

.css-1qwruxd .fr-box.fr-inline { border: 1px solid transparent; border-radius: 5px; }

.css-1qwruxd .fr-box.fr-inline .fr-wrapper.show-placeholder .fr-placeholder { color: rgb(158, 165, 169); }

.css-1qwruxd .fr-box.fr-inline.fr-code-view { padding: 1.75rem 0.75rem 0.75rem; border-color: rgb(191, 113, 74); }

.css-1qwruxd .fr-box.fr-inline.fr-code-view .fr-command.html-switch { padding: 12px 8px; top: 0.5rem; inset-inline-end: 0.5rem; border-radius: 5px; }

.css-1qwruxd .fr-box.fr-inline.fr-code-view .fr-command.html-switch:hover { background: rgba(239, 221, 211, 0.25); }

.css-1qwruxd .fr-box.fr-inline.fr-code-view .fr-command.html-switch i { font-size: 1rem; }

.css-1qcpuam { width: 100%; }

.css-1qcpuam .tabs-section { position: relative; }

.css-ji5l9g { padding: 1rem; border-radius: 5px; border: 1px solid rgb(193, 197, 200); }

.css-13c9e3m { position: absolute; top: 1.6rem; inset-inline-end: 1rem; z-index: 1; color: rgb(158, 165, 169); cursor: pointer; }

.css-13c9e3m:hover { color: rgb(191, 113, 74); }

.css-1b6s57j { padding-top: 1rem; }

.css-1b6s57j .upload-prompt-area.dragging { min-height: 15rem; }

.css-1b6s57j .upload-loader { margin-top: 1rem; }

.css-ug6k8n .upload-prompt-area { margin: 1rem 0px; }

.css-ug6k8n .loading-container { position: initial; inset-inline-start: auto; transform: translate(0px, 0px); }

.css-1joc2xo input[type="file"] { display: none; }

.css-1joc2xo .label-container { display: flex; }

.css-1joc2xo .label-container .tooltip { max-width: 15rem; }

.css-1joc2xo .label-container .select-files-wrapper { width: 100%; min-height: 120px; }

.css-1joc2xo .label-container .select-files-wrapper.disabled .select-files-container { border: none; cursor: initial; }

.css-1joc2xo .label-container .select-files-wrapper.disabled .select-files-container .title, .css-1joc2xo .label-container .select-files-wrapper.disabled .select-files-container svg { color: rgb(158, 165, 169); }

.css-1joc2xo .label-container .select-files-wrapper:not(.disabled):hover .title { text-decoration: underline; }

.css-1joc2xo .label-container .select-files-wrapper .select-files-container, .css-1joc2xo .label-container .select-files-wrapper .loading-wrapper { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border: none; border-radius: 5px; padding: 1rem 4.125rem 1.125rem; text-align: center; }

.css-1joc2xo .label-container .select-files-wrapper .select-files-container { gap: 0.25em; cursor: pointer; }

.css-1joc2xo .label-container .select-files-wrapper .select-files-container .title, .css-1joc2xo .label-container .select-files-wrapper .select-files-container svg { color: rgb(191, 113, 74); }

.css-1joc2xo .label-container .select-files-wrapper .select-files-container .subtitle { color: rgb(158, 165, 169); }

.css-1joc2xo .label-container .select-files-wrapper .loading-wrapper { gap: 0.5em; height: 100%; }

.css-1joc2xo .label-container .children-wrapper { width: 100%; }

.css-1w4sf92 .section-title { display: flex; flex-direction: column; padding: 1rem; gap: 0.25rem; }

.css-1xl6vb4 { margin: 0px; }

.css-1xl6vb4 .list-item-link { cursor: pointer; border-radius: 5px; }

.css-1xl6vb4 .list-item-link:hover { background-color: rgb(245, 245, 246); }

.css-1xl6vb4.active .list-item-content, .css-1xl6vb4.readonly .list-item-content { color: rgb(0, 0, 0); }

.css-1xl6vb4.active .list-item-content svg, .css-1xl6vb4.readonly .list-item-content svg { fill: rgb(0, 0, 0); }

.css-1xl6vb4 .list-item-content { display: flex; -webkit-box-align: center; align-items: center; word-break: break-word; gap: 0.5rem; color: rgb(158, 165, 169); padding: 1rem 0px 1rem 0.5rem; }

.css-1xl6vb4 .list-item-content svg { min-width: 2rem; fill: rgb(158, 165, 169); }

.css-1xl6vb4 .list-item-content .sample-unit-tag, .css-1xl6vb4 .list-item-content .mandatory-unit-tag { padding: 0.125rem 0.5rem; font-size: 8px; font-weight: 700; }

.css-1xl6vb4 .list-item-content .sample-unit-tag { background: rgb(191, 113, 74) !important; color: rgb(255, 255, 255) !important; }

.css-1xl6vb4 .list-item-content .mandatory-unit-tag { border: 2px solid rgb(255, 255, 255); background: rgb(245, 245, 246) !important; color: rgb(0, 0, 0) !important; }

.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-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-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-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; }

.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-4hhkfs { position: relative; }

.css-4hhkfs .video-player-container { position: relative; padding-top: 56.25%; }

.css-4hhkfs .video-player-container .react-player { position: absolute; top: 0px; left: 0px; }