@charset "UTF-8";
/*
* lern.link GmbH PLAKOS
* Custom pre SCSS file
* ------------------------------------------------------------
* This file contains the main color variables, constants and other global styles.
*/
/*
* -----------------------------------------------------------------------------
* Design Tokens, Aliases and Mixins
* Centralize common values and patterns to keep partials lean and consistent.
* -----------------------------------------------------------------------------
*/
/* Icon sizing tokens and helpers */
/* CSS variables (exposed for runtime inspection; values compiled from SCSS tokens) */
:root {
  --color-primary: #f29503;
  --color-primary-strong: #f0ad61;
  --color-accent: #bb2424;
  --color-surface: #FAF9F6;
  --color-on-surface: #000;
  --color-muted: #c7c7c7;
  --color-muted-strong: #6a737b;
  --link-color: #4f4f4f;
  --link-hover-color: #f29503;
  --link-visited-color: #4f4f4f;
}
/* Respect user motion preferences */
/* stylelint-disable time-min-milliseconds, declaration-no-important */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* stylelint-enable time-min-milliseconds, declaration-no-important */
/* == Begin: post.scss == */
/*
* lern.link GmbH PLAKOS
* Custom post SCSS file
* ------------------------------------------------------------
* This file contains the custom styles for the Boost Union theme.

* 1. GENERAL
* 2. NAVIGATION
* 3. DRAWERS
* 4. BUTTONS
* 5. PAGES
*----------------------------------------------------------------------------------*/
/* == End: post.scss == */
/* == Begin: post/general/_defaults.scss == */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
*, *::before, *::after {
  box-sizing: inherit;
}
body {
  font-family: "Poppins", "Open Sans", Arial, sans-serif;
  font-size: 15px;
  background-color: #ffecd6;
  color: #4f4f4f;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
@media (min-width: 768px) {
  body {
    font-size: 16px;
  }
}
body[id^="page"]:not(#page-my-index, #page-h5p-embed) #page {
  margin-top: 8rem;
}
body[id^="page"]:not(#page-my-index, #page-h5p-embed) #page.drawers .main-inner {
  width: auto;
  max-width: -webkit-fill-available;
  background: transparent;
  margin-top: 0 !important;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
body[id^="page"] #page.drawers .main-inner {
  background: transparent;
}
body[id^="page"] #page-header {
  position: relative;
  overflow: hidden;
  color: #FAF9F6;
  background: linear-gradient(135deg, #b81000 0%, #bb2424 50%, #ca3120 100%);
  border-radius: 24px;
  margin-bottom: 1rem;
  max-width: unset;
  box-shadow: 0 4px 8px rgba(184, 16, 0, 0.2), 0 12px 28px rgba(187, 36, 36, 0.3), inset 0 1px 0 rgba(250, 249, 246, 0.1);
  transition: box-shadow 0.3s ease;
}
body[id^="page"] #page-header img {
  display: block;
  max-width: none;
  height: auto;
}
body[id^="page"] #page-header::before {
  content: "";
  position: absolute;
  top: -40%;
  right: -6%;
  width: clamp(160px, 26vw, 320px);
  height: clamp(160px, 26vw, 320px);
  background: radial-gradient(circle at center, rgba(242, 149, 3, 0.22) 0%, rgba(242, 149, 3, 0.06) 42%, transparent 68%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
body[id^="page"] #page-header::after {
  content: "";
  position: absolute;
  bottom: -55%;
  left: -5%;
  width: clamp(120px, 18vw, 220px);
  height: clamp(120px, 18vw, 220px);
  background: radial-gradient(circle at center, rgba(250, 249, 246, 0.1) 0%, transparent 65%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
body[id^="page"] #page-header .ms-auto {
  position: relative;
  z-index: 1;
  margin-top: 0.5rem;
}
body[id^="page"] #page-header .page-header-image {
  position: relative;
  z-index: 1;
  transform: scale(0.7);
  border-radius: 16px;
  transition: background 0.25s ease;
}
body[id^="page"] #page-header .page-header-image:hover {
  background: rgba(250, 249, 246, 0.26);
}
body[id^="page"] #page-header .page-header-image .activityiconcontainer {
  padding: 2rem;
  border-radius: 16px !important;
  background: rgba(250, 249, 246, 0.8) !important;
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 6px rgba(250, 249, 246, 0.1) !important;
  transition: all 0.2s ease;
}
body[id^="page"] #page-header .page-context-header {
  position: relative;
  z-index: 1;
  margin-inline: 0.5rem;
  margin-top: 0.35rem !important;
}
body[id^="page"] #page-header .page-context-header h1 {
  font-size: clamp(1rem, 2.4vw, 1.5rem);
  font-weight: 700;
  color: #FAF9F6;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  letter-spacing: -0.015em;
  line-height: 1.25;
  margin-bottom: 0.1rem;
  padding-inline: 0 !important;
  margin-inline: 0 !important;
}
body[id^="page"] #page-header .page-header-headings {
  padding-inline: 0 !important;
  margin-inline: 0 !important;
}
body[id^="page"] #page-header #page-navbar {
  position: relative;
  z-index: 1;
  padding-top: clamp(0.6rem, 1.2vw, 0.85rem);
  padding-inline: 0 !important;
  margin-inline: 1rem;
}
body[id^="page"] #page-header .breadcrumb {
  padding: 0 !important;
  margin-inline: 0 !important;
}
body[id^="page"] #page-header .breadcrumb .breadcrumb-item {
  color: rgba(250, 249, 246, 0.85) !important;
  font-size: 1rem;
}
body[id^="page"] #page-header .breadcrumb .breadcrumb-item a, body[id^="page"] #page-header .breadcrumb .breadcrumb-item a:is(.nav-link) {
  color: rgba(250, 249, 246, 0.85) !important;
  padding-inline: 0 !important;
  margin-inline: 0 !important;
  transition: color 0.2s ease;
}
body[id^="page"] #page-header .breadcrumb .breadcrumb-item a:hover, body[id^="page"] #page-header .breadcrumb .breadcrumb-item a:is(.nav-link):hover {
  color: #FAF9F6 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(242, 149, 3, 0.65);
}
body[id^="page"] #page-header .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(250, 249, 246, 0.45) !important;
}
body[id^="page"] #page-header .breadcrumb:not(:empty) {
  flex-wrap: wrap !important;
}
body[id^="page"] #page-header .header-button-group {
  position: relative;
  z-index: 1;
}
@media (max-width: 575.98px) {
  body[id^="page"] #page-header {
    border-radius: 16px;
    padding: 0 0.5rem;
  }
  body[id^="page"] #page-header #page-navbar {
    padding-top: 0.6rem;
  }
  body[id^="page"] #page-header .page-header-image {
    transform: scale(0.6);
  }
  body[id^="page"] #page-header .page-context-header h1 {
    font-size: 1rem;
  }
}
#page-h5p-embed div[role="main"] {
  padding-inline: 0 !important;
}
div[role="main"] {
  border-radius: 24px;
  padding-inline: 1rem !important;
}
@media (max-width: 575.98px) {
  div[role="main"] {
    padding-inline: 0 !important;
  }
}
#region-main {
  border-radius: 24px;
  padding-block: 1rem;
}
@media (max-width: 575.98px) {
  #region-main {
    padding-inline: 1rem !important;
  }
}
#region-main.has-reports-heading {
  background-color: #FAF9F6;
}
img, svg, video, canvas {
  max-width: 100%;
  height: auto;
}
.icon {
  max-height: 1rem !important;
  max-width: 1rem !important;
}
.aalink:focus, a.autolink:focus, #page-footer a:not([class]):focus, .arrow_link:focus, a:not([class]):focus, .activityinstance > a:focus {
  background-color: unset;
  box-shadow: unset;
}
.aalink:focus-visible, a.autolink:focus-visible, #page-footer a:not([class]):focus-visible, .arrow_link:focus-visible, a:not([class]):focus-visible, .activityinstance > a:focus-visible {
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  .aalink:focus-visible, a.autolink:focus-visible, #page-footer a:not([class]):focus-visible, .arrow_link:focus-visible, a:not([class]):focus-visible, .activityinstance > a:focus-visible {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.aalink:focus:not(:focus-visible), a.autolink:focus:not(:focus-visible), #page-footer a:not([class]):focus:not(:focus-visible), .arrow_link:focus:not(:focus-visible), a:not([class]):focus:not(:focus-visible), .activityinstance > a:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}
.page-link {
  background-color: transparent !important;
  /* stylelint-disable-line declaration-no-important */
  border: none !important;
  /* stylelint-disable-line declaration-no-important */
  padding: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.page-item.active > .page-link, a.page-link.active, a.page-link[aria-current="true"] {
  color: #bb2424 !important;
  font-weight: 700;
  margin-inline: 1rem;
}
a.badge {
  color: #FAF9F6 !important;
  background-color: #c7c7c7 !important;
  border-radius: 16px;
  padding: 0.25rem 0.5rem !important;
  font-size: 1rem;
  transition: all 0.2s ease;
}
a.badge:hover, a.badge:focus {
  color: #FAF9F6 !important;
  background-color: #f29503 !important;
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  a.badge:hover, a.badge:focus {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
a.badge::after {
  content: " Antworten";
  font-size: 1rem;
}
.pagination .page-link:focus-visible {
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  .pagination .page-link:focus-visible {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.pagination .page-link:focus:not(:focus-visible) {
  outline: none;
}
.pagination {
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 0.5rem;
  margin-inline: 1rem;
  padding-right: 1rem;
}
.pagination ul {
  background-color: antiquewhite;
  border-radius: 15px;
  padding: 1rem !important;
  transition: all ease-in-out 150ms;
}
.pagination ul:hover {
  border-radius: 24px;
}
.text-info {
  color: #bb2424 !important;
  /* stylelint-disable-line declaration-no-important */
}
.breadcrumb .breadcrumb-item {
  color: #FAF9F6;
  font-size: 1rem;
  overflow-wrap: anywhere;
}
.breadcrumb .breadcrumb-item a {
  color: #FAF9F6 !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 1rem;
  padding-inline: 1rem;
}
.breadcrumb .breadcrumb-item a:hover {
  background-color: transparent !important;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #FAF9F6 !important;
  /* stylelint-disable-line declaration-no-important */
  font-size: 1rem;
}
.breadcrumb .icon, .breadcrumb .fa {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: -0.125em;
  /* stylelint-disable-next-line csstree/validator */
  margin-right: 0.25rem;
}
.dropdown-toggle:focus-visible {
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  .dropdown-toggle:focus-visible {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.dropdown-toggle:focus:not(:focus-visible) {
  outline: none;
}
.dropdown-menu {
  padding-inline: 1rem;
}
.dropdown-menu .dropdown-item:focus-visible {
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  .dropdown-menu .dropdown-item:focus-visible {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.dropdown-menu .dropdown-item:focus:not(:focus-visible) {
  outline: none;
}
.btn-link:focus-visible {
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  .btn-link:focus-visible {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.btn-link:focus:not(:focus-visible) {
  outline: none;
}
.btn:focus-visible {
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  .btn:focus-visible {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.btn:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}
#region-main .maincalendar .calendarwrapper td > div {
  height: 5.5rem;
}
.maincalendar .calendarmonth td.today .day-number-circle {
  background-color: #bb2424;
  font-weight: 700;
}
div.text-muted.text-uppercase.small.line-height-3 {
  display: none;
}
#jump-to-activity.form-select {
  display: none;
}
body#page-my-index a:not(.btn) {
  padding-inline: 0;
}
a:not(.btn, .form-control) {
  color: #4f4f4f !important;
  text-decoration: none;
  padding-inline: 0;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
a:not(.btn, .form-control):hover, a:not(.btn, .form-control):focus {
  color: #f29503 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0;
  text-decoration: none;
}
a:not(.btn, .form-control):visited {
  color: #f29503;
}
a:not(.btn, .form-control):focus-visible {
  outline: none;
  box-shadow: none;
  background-color: transparent;
}
a:not(.btn, .form-control):focus:not(:focus-visible) {
  outline: none;
}
a:not(.btn, .form-control).active {
  color: #f29503 !important;
  background-color: transparent !important;
  font-weight: 700;
}
a.active::before, a.dropdown-item::before {
  display: none !important;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #f29503 !important;
  border-radius: 16px !important;
  border-color: #f29503 !important;
}
.dropdown-item:hover, .dropdown-item:focus {
  background-color: #f29503 !important;
  border-radius: 16px !important;
  border-color: #f29503 !important;
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  .dropdown-item:hover, .dropdown-item:focus {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
a:is(.nav-link) {
  padding-inline: 1rem !important;
}
a.active {
  color: #f29503 !important;
  background-color: transparent !important;
  font-weight: 700;
}
a:not(:not(#user-menu-toggle)) {
  margin-top: 0 !important;
}
a[data-action="showcount"] {
  padding: 0.5rem 1rem !important;
  background-color: #c7c7c7 !important;
  border-radius: 16px !important;
  color: #FAF9F6 !important;
  transition: all 0.2s ease;
}
a[data-action="showcount"]:hover, a[data-action="showcount"]:focus {
  background-color: #f29503 !important;
  color: #FAF9F6 !important;
  box-shadow: 0 0 0 2px rgba(250, 249, 246, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-radius: 24px !important;
}
@media (forced-colors: active) {
  a[data-action="showcount"]:hover, a[data-action="showcount"]:focus {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.footer-links a:not(.btn) {
  color: #FAF9F6 !important;
  text-decoration: none;
  background-color: #f5f5f5;
  padding: 0.5rem 1rem !important;
  border-radius: 16px;
  transition: all 0.2s ease;
}
.footer-links a:not(.btn):hover, .footer-links a:not(.btn):focus {
  color: #f29503 !important;
  text-decoration: none;
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  .footer-links a:not(.btn):hover, .footer-links a:not(.btn):focus {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
#modal-content {
  margin-bottom: 10rem;
}
.moodle-dialogue-base .moodle-dialogue-wrap {
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  border-radius: 24px;
}
.moodle-dialogue-base .moodle-dialogue-wrap {
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  border-radius: 24px;
}
.popover-region-container {
  border-radius: 8px;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  background-color: #FAF9F6;
  padding: 1rem;
  margin-top: 0.12rem;
  border: 0;
}
.popover-region-container .popover-region-footer-container {
  background-color: #FAF9F6;
}
#page-message-output-popup-notifications #page-header .page-header-image {
  background-color: transparent;
  padding: 0;
}
#page-message-output-popup-notifications .header-button-group a {
  color: #FAF9F6;
}
#page-message-output-popup-notifications .notification-area {
  border-radius: 15px;
}
#page-user-profile #region-main {
  border-radius: 24px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #FAF9F6;
}
#page-user-profile .header-button-group a {
  color: #FAF9F6;
}
.add_block_button .btn-link {
  padding-inline: 1rem !important;
  background-color: #FAF9F6 !important;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  border-radius: 24px !important;
}
.add_block_button .btn-link:hover {
  background-color: #f5f5f5 !important;
  border-radius: 24px !important;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
#course-addsection .add-section {
  padding-inline: 1rem !important;
  background-color: #FAF9F6 !important;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  border-radius: 24px !important;
}
#course-addsection .add-section:hover {
  background-color: #f5f5f5 !important;
  border-radius: 24px !important;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
@media (min-width: 575.98px) {
  .generalbox:not(#feedback, .table), .alert {
    border-radius: 24px !important;
    box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
    margin-left: 1rem !important;
    margin-right: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .generalbox:not(#feedback) {
    box-shadow: none !important;
    padding: 1rem;
  }
}
#notice {
  padding: 1rem;
}
.page-header-heading {
  background-color: #FAF9F6 !important;
  border-radius: 24px;
  margin-bottom: 1rem;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  text-align: center;
}
.pagelayout-maintenance .page-header-headings, .pagelayout-secure .page-header-headings {
  background-color: #FAF9F6 !important;
  border-radius: 24px;
  margin-bottom: 2rem !important;
  padding: 2rem !important;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
.form-control:focus {
  box-shadow: none !important;
}
.popover-region-notifications .all-notifications {
  padding-inline: 1rem;
}
.content-item-container {
  border-radius: 16px;
  padding: 1rem 1rem 2.5rem 1rem;
  background-color: #FAF9F6;
  margin-bottom: 1rem !important;
  transition: all ease-in-out 150ms;
}
.content-item-container:first-child {
  margin-top: 1rem;
}
.content-item-container:hover {
  background-color: #f5f5f5 !important;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  border-radius: 24px;
}
.content-item-container:hover .timestamp {
  color: #4f4f4f !important;
}
.content-item-container .view-more {
  color: #4f4f4f !important;
  margin-right: 0.5rem;
}
.popover-region-seeall-text:hover {
  background-color: #f5f5f5 !important;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  border-radius: 24px;
}
.task-output {
  border-radius: 16px;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
.modal-dialog-scrollable .modal-content {
  border-radius: 24px;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  margin-bottom: 3rem;
}
.modal-dialog-scrollable .modal-content :hover {
  border-radius: 0.5rem !important;
}
.modal-dialog-scrollable .modal-content .list-group a {
  padding-left: 1rem;
}
.btn-footer-popover, #boost-union-footer-buttons {
  position: fixed;
  right: 4rem;
  bottom: 1rem;
  z-index: 999999 !important;
}
form {
  background-color: transparent !important;
}
input {
  text-align: left !important;
}
#page-footer {
  background: none !important;
  align-self: end !important;
}
.d-flex {
  flex-wrap: wrap;
}
/* == End: post/general/_defaults.scss == */
/* == Begin: post/general/_fonts.scss == */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/pluginfile.php/1/theme_boost_union/customfonts/0/open-sans-v36-latin-regular.eot") format("embedded-opentype"), url("/pluginfile.php/1/theme_boost_union/customfonts/0/open-sans-v36-latin-regular.woff2") format("woff2"), url("/pluginfile.php/1/theme_boost_union/customfonts/0/open-sans-v36-latin-regular.woff") format("woff"), url("/pluginfile.php/1/theme_boost_union/customfonts/0/open-sans-v36-latin-regular.ttf") format("truetype"), url("/pluginfile.php/1/theme_boost_union/customfonts/0/open-sans-v36-latin-regular.svg") format("svg");
}
@font-face {
  font-family: "Open Sans Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/pluginfile.php/1/theme_boost_union/customfonts/0/open-sans-v36-latin-700.eot") format("embedded-opentype"), url("/pluginfile.php/1/theme_boost_union/customfonts/0/open-sans-v36-latin-700.woff2") format("woff2"), url("/pluginfile.php/1/theme_boost_union/customfonts/0/open-sans-v36-latin-700.woff") format("woff"), url("/pluginfile.php/1/theme_boost_union/customfonts/0/open-sans-v36-latin-700.ttf") format("truetype"), url("/pluginfile.php/1/theme_boost_union/customfonts/0/open-sans-v36-latin-700.svg") format("svg");
}
@font-face {
  font-family: "Graphie";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/pluginfile.php/1/theme_boost_union/customfonts/0/Graphie-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/pluginfile.php/1/theme_boost_union/customfonts/0/poppins-v20-latin-regular.eot") format("embedded-opentype"), url("/pluginfile.php/1/theme_boost_union/customfonts/0/poppins-v20-latin-regular.woff2") format("woff2"), url("/pluginfile.php/1/theme_boost_union/customfonts/0/poppins-v20-latin-regular.woff") format("woff"), url("/pluginfile.php/1/theme_boost_union/customfonts/0/poppins-v20-latin-regular.ttf") format("truetype"), url("/pluginfile.php/1/theme_boost_union/customfonts/0/poppins-v20-latin-regular.svg") format("svg");
}
/* == End: post/general/_fonts.scss == */
/* == Begin: post/general/_footer.scss == */
#footnote {
  margin-left: 0;
  margin-right: 0;
  border-top: 1px solid #FAF9F6;
  background-color: #FAF9F6;
  color: #000;
  font-size: 0.8rem;
  font-weight: 600;
}
@media (min-width: 768px) {
  #footnote {
    margin-left: -3rem;
    margin-right: -3rem;
  }
}
@media (max-width: 575px) {
  #footnote {
    font-size: 1rem;
  }
  #footnote a {
    font-size: 1rem;
  }
}
#footnote a {
  color: #000;
  font-size: 0.8rem;
  font-weight: 600;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
#footnote a:hover {
  color: #414141;
  text-decoration: none;
}
#footnote .text_to_html {
  display: contents;
}
#footnote .text_to_html .footnote-links {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 575px) {
  footer#page-footer {
    background-color: #FAF9F6;
    color: #000;
    font-size: 0.8rem;
    font-weight: 600;
  }
  footer#page-footer a {
    color: #000;
    font-size: 0.8rem;
    font-weight: 600;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  }
  footer#page-footer a:hover {
    color: #414141;
    text-decoration: none;
  }
  footer#page-footer .border-bottom {
    border-bottom: unset;
  }
  footer#page-footer .policiesfooter, footer#page-footer #theme_switch_link {
    display: none;
  }
}
.drawers.show-drawer-left div#footnote {
  margin-left: -2rem;
}
#page-footer div[class="footer-section p-3"] {
  display: none;
}
/* == End: post/general/_footer.scss == */
/* == Begin: post/general/_forms.scss == */
.que.ddimageortext .draghome, .que.ddimageortext .drag, form.mform fieldset#id_previewareaheader .droppreview {
  font: 16px/1.231 "Poppins";
}
.form-select {
  width: 100% !important;
}
form {
  gap: 1rem;
  padding-bottom: 1rem;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"]), textarea, select, .form-control, .custom-select {
  border: 1px solid rgba(79, 79, 79, 0.14);
  background: linear-gradient(180deg, rgba(250, 249, 246, 0.98) 0%, rgba(250, 249, 246, 0.94) 100%);
  color: #4f4f4f;
  min-height: auto !important;
  box-shadow: 0 8px 18px rgba(79, 79, 79, 0.06);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"])::placeholder, textarea::placeholder, select::placeholder, .form-control::placeholder, .custom-select::placeholder {
  color: rgba(79, 79, 79, 0.58);
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"]):hover, textarea:hover, select:hover, .form-control:hover, .custom-select:hover {
  border-color: rgba(242, 149, 3, 0.32);
  box-shadow: 0 10px 22px rgba(242, 149, 3, 0.08);
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"]):focus, input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"]):focus-visible, textarea:focus, textarea:focus-visible, select:focus, select:focus-visible, .form-control:focus, .form-control:focus-visible, .custom-select:focus, .custom-select:focus-visible {
  border-color: rgba(242, 149, 3, 0.72);
  background: #FAF9F6;
  box-shadow: 0 0 0 4px rgba(242, 149, 3, 0.14), 0 14px 28px rgba(242, 149, 3, 0.12);
  outline: none;
  transform: translateY(-1px);
}
textarea {
  min-height: 7.5rem;
  resize: vertical;
}
select, .custom-select {
  padding-right: 2.75rem;
  background-position: right 0.95rem center;
}
.input-group {
  gap: 0.5rem;
  flex-wrap: nowrap;
  position: static !important;
}
.input-group > .form-control, .input-group > .custom-select, .input-group > .form-select {
  border-radius: 16px !important;
  /* stylelint-disable-line declaration-no-important */
  margin-left: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.input-group .btn {
  height: auto !important;
}
.input-group-text {
  border: 1px solid rgba(79, 79, 79, 0.12);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 236, 214, 0.92) 0%, rgba(250, 249, 246, 0.98) 100%);
  color: #4f4f4f;
  box-shadow: 0 8px 18px rgba(79, 79, 79, 0.05);
}
.simplesearchform .input-group, .simplesearchform .withclear, .searchbox .input-group, .searchbox .withclear, .form-search .input-group, .form-search .withclear, [role="search"] .input-group, [role="search"] .withclear {
  align-items: center;
}
.simplesearchform .input-group, .searchbox .input-group, .form-search .input-group, [role="search"] .input-group {
  gap: 0.55rem;
}
.simplesearchform .form-control, .simplesearchform input[type="text"], .simplesearchform input[type="search"], .searchbox .form-control, .searchbox input[type="text"], .searchbox input[type="search"], .form-search .form-control, .form-search input[type="text"], .form-search input[type="search"], [role="search"] .form-control, [role="search"] input[type="text"], [role="search"] input[type="search"] {
  border-radius: 16px !important;
  /* stylelint-disable-line declaration-no-important */
  min-height: 3rem;
  padding-inline: 1rem;
}
.simplesearchform .btn, .simplesearchform .search-icon, .simplesearchform button[type="submit"], .searchbox .btn, .searchbox .search-icon, .searchbox button[type="submit"], .form-search .btn, .form-search .search-icon, .form-search button[type="submit"], [role="search"] .btn, [role="search"] .search-icon, [role="search"] button[type="submit"] {
  border-radius: 16px !important;
  /* stylelint-disable-line declaration-no-important */
  min-width: 3rem;
  min-height: auto;
  flex-shrink: 0;
}
.simplesearchform .withclear {
  position: relative;
  flex: 1 1 auto;
  padding-right: 3.5rem;
}
.simplesearchform .searchinput input.form-control, .simplesearchform .withclear .form-control, .simplesearchform .withclear input[type="text"], .simplesearchform .withclear input[type="search"] {
  padding-right: 1rem;
}
.simplesearchform .btn-close {
  position: absolute;
  top: 50%;
  right: 0.85rem;
  transform: translateY(-50%);
  z-index: 6;
  width: 1.9rem;
  height: 1.9rem;
  min-height: 1.9rem;
  min-width: 1.9rem;
  padding: 0.35rem;
  border-radius: 999px;
  opacity: 0.7;
  background-color: rgba(79, 79, 79, 0.08);
  line-height: 0;
}
.simplesearchform .btn-close:hover, .simplesearchform .btn-close:focus-visible {
  opacity: 1;
  background-color: rgba(242, 149, 3, 0.12);
}
.mform .form-control-static, .mform .form-text, .mform .form-description, .modal-content .form-control-static, .modal-content .form-text, .modal-content .form-description, .form-inline .form-control-static, .form-inline .form-text, .form-inline .form-description {
  color: rgba(79, 79, 79, 0.72);
}
/* == End: post/general/_forms.scss == */
/* == Begin: post/general/_headings.scss == */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Poppins";
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 0.75rem;
}
h1, .h1 {
  font-size: 1.75rem;
}
h2, .h2 {
  font-size: 1.5rem;
}
h3, .h3 {
  font-size: 1.35rem;
}
h4, .h4 {
  font-size: 1.2rem;
}
h5, .h5 {
  font-size: 21px;
}
h6, .h6 {
  font-size: 1rem;
}
@media (min-width: 768px) {
  h1, .h1 {
    font-size: 35px;
  }
  h2, .h2 {
    font-size: 27px;
  }
  h3, .h3 {
    font-size: 1.6rem;
  }
  h4, .h4 {
    font-size: 1.4rem;
  }
  h6, .h6 {
    font-size: 1.1rem;
  }
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
  text-decoration: none;
}
h1 a:focus-visible, .h1 a:focus-visible, h2 a:focus-visible, .h2 a:focus-visible, h3 a:focus-visible, .h3 a:focus-visible, h4 a:focus-visible, .h4 a:focus-visible, h5 a:focus-visible, .h5 a:focus-visible, h6 a:focus-visible, .h6 a:focus-visible {
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  h1 a:focus-visible, .h1 a:focus-visible, h2 a:focus-visible, .h2 a:focus-visible, h3 a:focus-visible, .h3 a:focus-visible, h4 a:focus-visible, .h4 a:focus-visible, h5 a:focus-visible, .h5 a:focus-visible, h6 a:focus-visible, .h6 a:focus-visible {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
h1 a:focus:not(:focus-visible), .h1 a:focus:not(:focus-visible), h2 a:focus:not(:focus-visible), .h2 a:focus:not(:focus-visible), h3 a:focus:not(:focus-visible), .h3 a:focus:not(:focus-visible), h4 a:focus:not(:focus-visible), .h4 a:focus:not(:focus-visible), h5 a:focus:not(:focus-visible), .h5 a:focus:not(:focus-visible), h6 a:focus:not(:focus-visible), .h6 a:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}
/* == End: post/general/_headings.scss == */
/* == Begin: post/general/_media_frames.scss == */
/* @include media-up(md) {
    #page-mod-h5pactivity-view #page.drawers .main-inner {
        width: auto;
        max-width: -webkit-fill-available !important;
        margin-left: 2rem;
        margin-right: auto;
    }
}

@include media-up(md) {
    #page.drawers .main-inner {
        width: auto;
        max-width: -webkit-fill-available !important;
        margin-left: 2rem;
        margin-right: auto;
    }
    #page-my-index {
        .path-my {
            .main-inner {
                max-width: 1120px !important;
                margin-left: auto !important;
            }
        }
    }
} */
@media only screen and (max-width: 450px) {
  #iFrameResizerCoordination {
    height: 650px;
    transform: scale(0.9);
  }
}
@media only screen and (min-width: 451px) {
  #iFrameResizerCoordination {
    height: 750px;
  }
}
@media only screen and (max-width: 450px) {
  #iFrameResizerD2 {
    height: 763px;
    transform: scale(0.77);
  }
}
@media only screen and (min-width: 451px) {
  #iFrameResizerD2 {
    height: 920px;
  }
}
@media only screen and (max-width: 450px) {
  #iFrameResizerAnticipation {
    height: 763px;
    transform: scale(0.78);
  }
}
@media only screen and (min-width: 451px) {
  #iFrameResizerAnticipation {
    height: 750px;
  }
}
@media only screen and (max-width: 450px) {
  #iFrameResizerColor {
    height: 740px;
    transform: scale(0.78);
  }
}
@media only screen and (min-width: 451px) {
  #iFrameResizerColor {
    height: 925px;
  }
}
@media only screen and (max-width: 450px) {
  #iFrameResizerDecision {
    height: 740px;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 451px) {
  #iFrameResizerDecision {
    height: 945px;
  }
}
@media only screen and (max-width: 450px) {
  #iFrameResizerReaction {
    height: 692px;
    transform: scale(0.85);
  }
}
@media only screen and (min-width: 451px) {
  #iFrameResizerReaction {
    height: 750px;
  }
}
@media only screen and (max-width: 450px) {
  #iFrameResizerWeekday {
    height: 650px;
    transform: scale(0.9);
  }
}
@media only screen and (min-width: 451px) {
  #iFrameResizerWeekday {
    height: 750px;
  }
}
@media only screen and (max-width: 450px) {
  #iFrameResizerWiener {
    height: 740px;
    transform: scale(0.79);
  }
}
@media only screen and (min-width: 451px) {
  #iFrameResizerWiener {
    height: 810px;
  }
}
/*
@include media-up(lg) {
    .drawer {
        background-color: transparent;
    }
    .drawerheader {
        margin: $margin-16px $margin-6px 0 $margin-12px;
    }
    body[id^="page-admin"] .drawerheader {
        margin: 14px 7px 0 0;
    }
} */
/* == End: post/general/_media_frames.scss == */
/* == Begin: post/general/_tables.scss == */
.generaltable {
  width: 100%;
  margin-bottom: 0;
  margin-inline: 0 !important;
}
.generaltable caption {
  caption-side: top;
  text-align: left;
  padding: 0.5rem 0.75rem;
  color: #f29503;
  font-weight: 600;
  font-size: 0.95rem;
}
@media (min-width: 768px) {
  .generaltable caption {
    font-size: 1.2rem;
  }
}
.generaltable th, .generaltable td {
  border: none;
  text-align: left !important;
}
.generaltable tbody tr:nth-of-type(odd) {
  background-color: #f5f5f5;
}
.bg-info {
  background-color: wheat !important;
  padding-inline: 1rem !important;
}
.gradeparent tr.heading {
  top: -5px !important;
}
.gradeparent th.header {
  left: -4px !important;
}
.admintable {
  width: 100% !important;
}
.question_table, .gradereport-grader-table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  max-height: 600px;
  padding: 0.25rem;
  margin-bottom: 1rem;
  border: 1px solid rgba(242, 149, 3, 0.12);
  border-radius: 15px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.06);
  background-color: #FAF9F6;
  transition: box-shadow 0.18s ease, transform 0.12s ease;
  /* avoid creating a new containing block that can interfere with sticky headers */
  will-change: auto;
  scrollbar-width: thin;
  /* Firefox */
  scrollbar-color: rgba(242, 149, 3, 0.65) rgba(199, 199, 199, 0.06);
}
@media (prefers-reduced-motion: reduce) {
  .question_table, .gradereport-grader-table {
    transition: none;
    transform: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .question_table:hover, .gradereport-grader-table:hover {
    /* keep a subtle shadow on hover without moving the container */
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.07), 0 8px 8px rgba(0, 0, 0, 0.06);
  }
}
.question_table > table, .gradereport-grader-table > table {
  width: max-content;
  min-width: 100%;
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
}
.question_table > table th, .gradereport-grader-table > table th {
  min-width: 64px;
  overflow: visible;
  box-sizing: border-box;
  word-break: auto-phrase !important;
}
.question_table > table td, .gradereport-grader-table > table td {
  min-width: 0;
  /* Allow dropdowns and popovers in cells to escape without being clipped */
  overflow: visible;
  box-sizing: border-box;
  white-space: nowrap !important;
}
.question_table > table:focus, .gradereport-grader-table > table:focus {
  outline: none;
}
.question_table > .table-inner, .gradereport-grader-table > .table-inner {
  display: block;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-height: inherit;
}
.question_table caption, .gradereport-grader-table caption {
  caption-side: top;
  text-align: left;
  padding: 0.5rem 0.75rem;
  color: #f29503;
  font-weight: 600;
  font-size: 0.95rem;
}
@media (min-width: 768px) {
  .question_table caption, .gradereport-grader-table caption {
    font-size: 15px;
  }
}
.question_table::-webkit-scrollbar, .gradereport-grader-table::-webkit-scrollbar {
  height: 8px;
  width: 10px;
}
.question_table::-webkit-scrollbar-thumb, .gradereport-grader-table::-webkit-scrollbar-thumb {
  background-color: rgba(242, 149, 3, 0.7);
  border-radius: 8px;
  border: 2px solid rgba(250, 249, 246, 0.6);
}
.question_table::-webkit-scrollbar-track, .gradereport-grader-table::-webkit-scrollbar-track {
  background: rgba(199, 199, 199, 0.02);
}
.question_table thead th {
  top: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(250, 249, 246, 0.98), rgba(250, 249, 246, 0.96));
  backdrop-filter: blur(4px);
  font-weight: 700;
  border-bottom: 1px solid rgba(242, 149, 3, 0.12);
  padding: 0.75rem 1.5rem;
  color: #f29503;
  font-size: 15px;
  text-transform: none;
  letter-spacing: 0.01em;
  overflow: visible;
  white-space: nowrap;
  position: relative;
}
.question_table thead th > .th-inner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  min-width: 64px;
  max-width: 900px;
  width: 100%;
  overflow: visible;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
}
.question_table thead th > .th-inner > .th-title {
  flex: 1 1 auto;
  min-width: 0;
  /* allow flex child to shrink */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.question_table thead th > .th-inner > .th-icon {
  flex: 0 0 auto;
  margin-left: 0.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.question_table thead th .resize-handle {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 12px;
  display: block;
  cursor: col-resize;
  /* prevent accidental horizontal scrolling while resizing */
  touch-action: none;
  background: linear-gradient(90deg, rgba(199, 199, 199, 0.05), rgba(199, 199, 199, 0.02));
  border-left: 1px solid rgba(199, 199, 199, 0.06);
  z-index: 30;
}
@media (max-width: 880px) {
  .question_table thead th {
    padding: 0.5rem 0.5rem;
  }
}
/* subtle header column separators to reduce perceived overlap */
.question_table thead th + th {
  border-left: 1px solid rgba(199, 199, 199, 0.06);
}
/* Optional sticky first column utility. Enable by adding .has-sticky-first-col to .question_table */
.question_table.has-sticky-first-col thead th:first-child, .question_table.has-sticky-first-col tbody td:first-child {
  position: sticky;
  left: 0;
  z-index: 31;
  background: linear-gradient(180deg, #faf9f6, rgba(250, 249, 246, 0.98));
  box-shadow: 1px 0 0 rgba(199, 199, 199, 0.08);
}
.question_table.has-sticky-first-col thead th:first-child {
  z-index: 32;
  background: linear-gradient(180deg, rgba(250, 249, 246, 0.98), rgba(250, 249, 246, 0.96));
}
@media (max-width: 640px) {
  .question_table.has-sticky-first-col thead th:first-child, .question_table.has-sticky-first-col tbody td:first-child {
    position: static;
    box-shadow: none;
  }
}
/* while resizing (when JS adds .is-resizing), freeze motion effects and selections */
.question_table.is-resizing, .question_table thead th.is-resizing {
  scroll-snap-type: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: col-resize;
}
.question_table.is-resizing > table {
  table-layout: fixed;
}
.question_table.is-resizing tbody tr:hover, .question_table.is-resizing tbody tr:focus-within {
  transform: none;
  box-shadow: inset 0 0 0 1px rgba(242, 149, 3, 0.04);
}
/* Progressive enhancement: if :has is supported, freeze while handle is active without JS hooks */
.question_table:has(.resize-handle:active) {
  -webkit-user-select: none;
  user-select: none;
}
.question_table:has(.resize-handle:active) > table {
  table-layout: fixed;
}
/* Ensure dropdowns / popovers inside the table float above sticky header and are scrollable/responsive */
.question_table .dropdown, .question_table .dropdown-menu, .question_table .popover {
  z-index: 1060;
}
.question_table .dropdown {
  position: relative;
}
.question_table .dropdown-toggle {
  position: relative;
  z-index: 1;
}
.question_table .dropdown-menu {
  position: absolute;
  z-index: 1070;
}
/* While open, prevent toggle from intercepting clicks over the menu */
.question_table .dropdown.show > .dropdown-toggle {
  pointer-events: none;
}
.question_table .dropdown-menu {
  /* Let long items wrap and avoid viewport overflow */
  white-space: normal;
  overflow-wrap: anywhere;
  max-width: min(92vw, 480px);
  min-width: 12rem;
  /* Constrain height to viewport and allow scrolling inside menu */
  max-height: min(70vh, 420px);
  overflow-y: auto;
}
/* If supported, when a cell contains an open dropdown, allow it to overflow for visibility */
@supports selector(td:has(.dropdown-menu.show)) {
  .question_table td:has(.dropdown-menu.show) {
    overflow: visible;
  }
  .question_table thead th > .th-inner:has(.dropdown-menu.show) {
    overflow: visible;
  }
}
/* Cells: balanced spacing, wrapping and truncation where appropriate */
.question_table th, .question_table td {
  padding: 0.75rem 1rem;
  font-size: 0.92rem;
  vertical-align: middle;
  text-align: left;
  min-width: 0;
  max-width: unset;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(199, 199, 199, 0.08);
  color: inherit;
  min-width: 48px;
  width: auto;
}
@media (min-width: 768px) {
  .question_table th, .question_table td {
    font-size: 15px;
  }
}
/* Content alignment helpers */
.question_table th.is-numeric, .question_table td.is-numeric, .question_table th[data-type="number"], .question_table td[data-type="number"] {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.question_table th.is-center, .question_table td.is-center {
  text-align: center;
}
.question_table .is-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/* No wrap / wrap utilities */
.question_table .cell--nowrap {
  white-space: nowrap;
}
.question_table .cell--wrap {
  white-space: normal;
  word-break: break-word;
}
/* Actions column utility */
.question_table .cell--actions {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
/* allow body cells to wrap (headers keep nowrap) so long content doesn't stretch unrelated columns */
.question_table td {
  white-space: normal;
  word-break: break-word;
}
/* utility truncation for single-line fields */
.question_table td.truncate, .question_table th.truncate {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* rows */
.question_table tbody tr {
  transition: background-color 0.14s ease, transform 0.12s ease, box-shadow 0.12s ease;
  background-color: transparent;
  position: relative;
}
/* zebra stripe - subtle */
.question_table tbody tr:is(.r0) {
  background-color: rgba(240, 173, 97, 0.24);
}
.question_table tbody tr:is(.r1) {
  background-color: #c7c7c7;
  border-top: 1px solid rgba(199, 199, 199, 0.06);
  border-bottom: 1px solid rgba(199, 199, 199, 0.06);
}
/* hover & keyboard focus */
.question_table tbody tr:hover, .question_table tbody tr:focus-within {
  box-shadow: inset 0 0 0 1px rgba(242, 149, 3, 0.04);
  transform: none;
}
.question_table tbody tr:focus-within {
  outline: none;
  box-shadow: 0 0 0 3px rgba(242, 149, 3, 0.06);
}
/* clearly visible focus for interactive cells/links */
.question_table td:focus, .question_table th:focus, .question_table a:focus {
  outline: none;
}
.question_table td:focus-visible, .question_table th:focus-visible, .question_table a:focus-visible {
  box-shadow: 0 0 0 3px rgba(242, 149, 3, 0.12);
  border-radius: 4px;
}
/* subtle column separators */
.question_table tbody td + td {
  border-left: 1px solid rgba(199, 199, 199, 0.06);
}
/* utility for highlighted/selected rows */
.question_table tr.is-highlighted {
  background: linear-gradient(90deg, rgba(242, 149, 3, 0.06), rgba(242, 149, 3, 0.02));
  border-left: 4px solid #f29503;
  box-shadow: inset 0 0 0 1px rgba(242, 149, 3, 0.02);
}
/* small helpers */
.question_table .muted {
  color: rgba(242, 149, 3, 0.6);
  font-size: 0.95em;
}
/* Responsive column hiding by priority (add data-priority on TH/TD) */
/* Higher priority numbers are hidden earlier on narrow viewports */
@media (max-width: 1100px) {
  .question_table th[data-priority="4"], .question_table td[data-priority="4"] {
    display: none;
  }
}
@media (max-width: 900px) {
  .question_table th[data-priority="3"], .question_table td[data-priority="3"] {
    display: none;
  }
}
@media (max-width: 720px) {
  .question_table th[data-priority="2"], .question_table td[data-priority="2"] {
    display: none;
  }
}
/* stacked card layout on very small viewports:
   requires td[data-label="..."] attributes in markup for clear labelling */
@media (max-width: 640px) {
  /* label shown above each value when data-label exists */
  .question_table {
    max-height: none;
    padding: 0;
    border: none;
    box-shadow: none;
    background: transparent;
  }
  .question_table table, .question_table thead, .question_table th, .question_table td, .question_table tbody, .question_table tr {
    display: block;
    width: 100%;
  }
  .question_table thead {
    display: none;
  }
  .question_table tbody tr {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 0.5rem;
    margin: 0 0 12px 0;
    border-radius: 8px;
    background-color: #FAF9F6;
    border: 1px solid rgba(199, 199, 199, 0.08);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
  }
  .question_table td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
    border: none;
    font-size: 15px;
  }
  .question_table .cell--actions {
    justify-content: flex-end;
  }
  .question_table td::before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    color: #f29503;
    margin-right: 8px;
    margin-bottom: 4px;
    font-size: 0.92em;
  }
  .question_table td .value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 70%;
  }
}
/* Provide utility class to force compact density for very dense UIs */
.question_table.is-compact {
  padding: 0.25rem;
}
.question_table.is-compact th, .question_table.is-compact td {
  padding: 0.25rem 0.5rem;
  font-size: 0.9em;
}
.question_table.is-compact tbody tr {
  transform: none;
}
/* Multi-line truncation helper using the theme mixin */
.question_table .truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.question_table .truncate-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* Empty state helper */
.question_table.is-empty {
  display: grid;
  place-items: center;
  min-height: 140px;
  color: #6a737b;
  border: 1px dashed rgba(199, 199, 199, 0.6);
  background: repeating-linear-gradient(45deg, rgba(199, 199, 199, 0.04), rgba(199, 199, 199, 0.04) 10px, rgba(199, 199, 199, 0.06) 10px, rgba(199, 199, 199, 0.06) 20px);
}
/* Sort state styling if aria-sort is present (non-invasive; works with existing icons) */
.question_table thead th[aria-sort="ascending"], .question_table thead th[aria-sort="descending"] {
  color: #f29503;
  background: linear-gradient(180deg, #faf9f6, rgba(240, 173, 97, 0.08));
}
/* ensure interactive elements are full-width on mobile and easily tappable */
@media (max-width: 640px) {
  .question_table a, .question_table button {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
  }
}
.searchbox {
  /* stylelint-disable-next-line csstree/validator */
  margin-top: 1rem;
  margin-bottom: 0;
}
.searchbox input[type="checkbox"] {
  /* stylelint-disable-next-line csstree/validator */
  margin-right: 0.5rem;
}
.table-responsive {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #c7c7c7;
  border-radius: 24px;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.06);
  background-color: #FAF9F6;
}
.rolecap {
  background-color: #f5f5f5;
  width: -webkit-fill-available;
  /* stylelint-disable-line csstree/validator */
  border-radius: 15px;
}
#page-course-view-participants .no-overflow {
  background-color: #FAF9F6;
  border-radius: 15px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
body[id^="page-grade-report"] .tertiary-navigation, body[id^="page-grade-report"] form {
  width: auto;
  background: #FAF9F6;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
  border-radius: 15px;
  padding: 1rem;
}
.no-overflow {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.path-report .generaltable, .path-report .reporttable {
  display: table;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.userlist .generaltable {
  display: block;
  width: 100%;
  overflow-x: auto;
}
#page-grade-report-grader-index .gradereport-grader-table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
#page-grade-report-grader-index .gradereport-grader-table table {
  width: max-content;
  min-width: 100%;
}
.path-grade-report-grader .gradereport-grader-table {
  display: block;
  width: 100%;
  overflow-x: auto;
}
.path-grade-report-grader .gradereport-grader-table table {
  width: max-content;
  min-width: 100%;
}
.path-grade-report-user .user-grade {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.path-grade-report-singleview .reporttable {
  display: table;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.path-mod-quiz .generaltable {
  display: table;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
/* == End: post/general/_tables.scss == */
/* == Begin: post/navigation/_moremenu.scss == */
body[id^="page"] .moremenu .nav-link.active {
  border-bottom: 3px solid #bb2424;
}
body[id^="page"] .moremenu .nav-link.active:focus-visible, body[id^="page"] .moremenu .nav-link.active:hover {
  background-color: transparent;
  border-radius: 0 !important;
  color: #bb2424 !important;
}
body[id^="page"] .moremenu .icon, body[id^="page"] .moremenu .fa {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: -0.125em;
}
body[id^="page"] .navbar.fixed-top {
  border-radius: 24px;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 0.78) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  margin-top: 1rem;
  margin-inline: 0.5rem;
  margin-bottom: 0.5rem;
  overflow: visible;
  transform: translateY(var(--navbar-scroll-ty, 0px));
  will-change: transform;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
body[id^="page"] .navbar.fixed-top::after {
  content: "";
  position: absolute;
  inset: auto 0.25rem -1.75rem 0.25rem;
  height: 1.75rem;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
  border-radius: 0 0 24px 24px;
  pointer-events: none;
}
body[id^="page"] .navbar.fixed-top form {
  padding-top: 0.8rem !important;
  margin-bottom: 0.5rem;
}
body[id^="page"] .navbar.fixed-top form .withclear {
  width: 35rem;
}
@media (max-width: 991px) {
  body[id^="page"] .navbar.fixed-top form .withclear {
    width: 14rem;
  }
}
body[id^="page"] .navbar.fixed-top form .form-switch {
  padding-top: 0.1rem;
}
body[id^="page"] .navbar.fixed-top #usernavigation {
  column-gap: 0.2rem;
}
body[id^="page"] form .btn {
  padding-top: 0.31rem;
  padding-bottom: 0.31rem;
}
body[id^="page"] .dropdown-item[aria-current="true"]:before {
  color: #f29503;
}
body[id^="page"] .nav-pills .nav-link {
  margin-right: 0.5rem;
  border-radius: 15px;
  color: #414141 !important;
  transition: all 0.2s ease;
}
body[id^="page"] .nav-pills .nav-link.active {
  background-color: #c7c7c7 !important;
  color: #414141 !important;
}
body[id^="page"] .nav-pills .nav-link:hover {
  background-color: #c7c7c7 !important;
  color: #414141 !important;
}
/* == End: post/navigation/_moremenu.scss == */
/* == Begin: post/navigation/_navbar_primary.scss == */
body[id^="page"] .navbar .navbar-nav .show > .nav-link, body[id^="page"] .navbar .navbar-nav .active > .nav-link, body[id^="page"] .navbar .navbar-nav .nav-link.show, body[id^="page"] .navbar .navbar-nav .nav-link.active {
  color: #4f4f4f;
}
body[id^="page"] .navbar .navbar-nav .nav-link:focus:not(:focus-visible) {
  outline: none;
}
body[id^="page"] .primary-navigation .navigation .nav-link {
  color: #4f4f4f;
}
body[id^="page"] .primary-navigation .navigation .nav-link:hover, body[id^="page"] .primary-navigation .navigation .nav-link:focus-visible {
  color: #000;
}
body[id^="page"] .navbar .nav-link .icon, body[id^="page"] .navbar .btn .icon, body[id^="page"] .navbar .nav-link .fa, body[id^="page"] .navbar .btn .fa {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: -0.125em;
  margin-top: 0.3rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  body[id^="page"] .navbar.fixed-top > .container-fluid {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
  }
  body[id^="page"] .navbar.fixed-top .navbar-brand {
    display: inline-flex !important;
    align-items: center;
    min-width: 0;
    flex: 0 1 auto;
    margin-right: 0.75rem !important;
    max-width: clamp(8rem, 24vw, 11.5rem);
  }
  body[id^="page"] .navbar.fixed-top .navbar-brand .logo {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 2rem;
    object-fit: contain;
  }
  body[id^="page"] .navbar.fixed-top .navbar-brand .sitename {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-wrap-mode: wrap;
    max-width: clamp(5.5rem, 17vw, 9rem);
  }
  body[id^="page"] #page.drawers .drawer-toggles .drawer-toggler {
    margin-top: 0.2rem;
  }
}
@media (max-width: 991.98px) {
  body[id^="page"] .navbar.fixed-top {
    margin-bottom: 0.35rem;
  }
  body[id^="page"] .navbar.fixed-top > .container-fluid {
    min-height: clamp(3.3rem, 7vh, 4rem);
    padding-left: clamp(0.55rem, 2.5vw, 0.9rem);
    padding-right: clamp(0.55rem, 2.5vw, 0.9rem);
    gap: 0.45rem;
    flex-wrap: nowrap;
    min-width: 0;
  }
  body[id^="page"] .navbar.fixed-top #usernavigation {
    min-width: 0;
    column-gap: 0.3rem;
  }
  body[id^="page"] .navbar.fixed-top #usernavigation .divider {
    display: none;
  }
  body[id^="page"] .navbar.fixed-top form {
    padding-top: 0.2rem !important;
    margin-bottom: 0;
    min-width: 0;
  }
  body[id^="page"] .navbar.fixed-top form .withclear {
    padding-right: 0 !important;
  }
  body[id^="page"] .navbar.fixed-top .navbar-brand, body[id^="page"] .navbar.fixed-top .navbar-brand .logo {
    width: auto !important;
    height: auto !important;
  }
}
@media (max-width: 767.98px) {
  body[id^="page"] .navbar.fixed-top > .container-fluid {
    gap: 0.35rem;
  }
  body[id^="page"] .navbar.fixed-top .navbar-toggler {
    width: 2.35rem;
    height: 2.35rem;
  }
  body[id^="page"] .navbar.fixed-top .navbar-toggler-icon {
    width: 1.12rem;
    height: 1.12rem;
  }
  body[id^="page"] .navbar.fixed-top .navbar-brand {
    margin-right: 0.35rem !important;
    max-width: min(9.2rem, 58vw);
  }
  body[id^="page"] .navbar.fixed-top .navbar-brand .logo {
    max-height: 1.9rem;
    max-width: 100%;
    object-fit: contain;
  }
  body[id^="page"] .navbar.fixed-top .navbar-brand .sitename {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-wrap-mode: wrap;
    max-width: min(8.2rem, 50vw);
  }
}
.primary-navigation, .navbar.fixed-top {
  border-bottom: none !important;
}
.primary-navigation form, .navbar.fixed-top form {
  padding-bottom: 0 !important;
}
.primary-navigation .btn-submit, .navbar.fixed-top .btn-submit {
  min-height: 2rem !important;
  margin-top: 0 !important;
}
.primary-navigation #searchform-navbar, .navbar.fixed-top #searchform-navbar {
  border-radius: 24px;
}
.simplesearchform .btn-close {
  line-height: 0 !important;
  margin-top: 0 !important;
}
.navbar.fixed-top .navbar-brand {
  margin-right: 0rem !important;
}
.navbar.fixed-top .navbar-brand .logo {
  margin-inline-start: 0.5rem;
  max-height: calc(50px - (0.25rem * 2)) !important;
}
.navbar.fixed-top {
  background-color: rgba(250, 249, 246, 0.84) !important;
  backdrop-filter: blur(20px) saturate(1.5);
  -webkit-backdrop-filter: blur(20px) saturate(1.5);
}
.navbar.fixed-top::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  pointer-events: none;
}
.navbar.fixed-top::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  pointer-events: none;
  height: 2.5rem;
  backdrop-filter: blur(12px) saturate(1.3);
  -webkit-backdrop-filter: blur(12px) saturate(1.3);
  mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
}
/* == End: post/navigation/_navbar_primary.scss == */
/* == Begin: post/navigation/_navbar_secondary.scss == */
body[id^="page"] .secondary-navigation .navigation {
  height: unset;
  border-radius: 15px;
  padding: 0;
  margin: 0;
  border-bottom: unset;
  background-color: transparent;
}
body[id^="page"] .secondary-navigation .navigation .nav-tabs {
  padding: 0 1.4rem;
  border-radius: 24px;
  max-width: unset !important;
  background-color: #FAF9F6;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition: all 0.2s ease;
}
body[id^="page"] .secondary-navigation .navigation .nav-tabs .nav-link:hover:not(:focus-visible) {
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  body[id^="page"] .secondary-navigation .navigation .nav-tabs .nav-link:hover:not(:focus-visible) {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
body[id^="page"] .secondary-navigation .navigation .nav-tabs .nav-link {
  border: 0 !important;
  box-shadow: inset 0 -3px 0 0 transparent;
  transition: color 0.2s ease, box-shadow 0.2s ease;
}
body[id^="page"] .secondary-navigation .navigation .nav-tabs .nav-link.active {
  box-shadow: inset 0 -3px 0 0 #bb2424 !important;
  color: #f29503 !important;
  font-weight: 700;
  transition: all 0.5s ease;
}
body[id^="page"] .nav-tabs .nav-link {
  margin-bottom: 0 !important;
}
body[id^="page"] .nav-tabs .nav-link:hover {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  border: 1px solid #f29503 !important;
  border-bottom: 0 !important;
}
body[id^="page"] .nav-tabs .nav-link.active {
  border-bottom: 0 !important;
}
/* == End: post/navigation/_navbar_secondary.scss == */
/* == Begin: post/navigation/_sidemenu.scss == */
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-wrap-mode: wrap;
}
.dropdown-menu {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 0.5rem;
}
/* == End: post/navigation/_sidemenu.scss == */
/* == Begin: post/draws/_admin.scss == */
[id^="page-admin"] {
  --drawer-top-offset: clamp(5.2rem, 9vh, 6.8rem);
}
[id^="page-admin"] .drawer-left, [id^="page-admin"] .drawer-right {
  background: transparent;
  border: 0;
  border-radius: 24px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.13);
}
[id^="page-admin"] .drawercontent {
  padding: clamp(0.7rem, 0.9vw, 1rem);
}
@media (max-width: 767.98px) {
  [id^="page-admin"] {
    --drawer-top-offset: clamp(4.6rem, 11vw, 5.6rem);
  }
}
/* == End: post/draws/_admin.scss == */
/* == Begin: post/draws/_common.scss == */
[id^="page"] {
  --drawer-top-offset: clamp(7rem, 8vh, 6.5rem);
  --drawer-bottom-gap: 0.6rem;
  --drawer-side-gap: 0.5rem;
  --drawer-radius: 24px;
  --drawer-content-padding-x: clamp(0.65rem, 1vw, 1rem);
  --drawer-content-padding-y: clamp(0.65rem, 1vw, 1rem);
}
[id^="page"] .drawer-toggles .drawer-toggler .btn {
  background: linear-gradient(180deg, #f29503 0%, #d48203 100%);
  color: #FAF9F6;
  border: 0;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
[id^="page"] .drawer-toggles .drawer-toggler .btn:hover, [id^="page"] .drawer-toggles .drawer-toggler .btn:focus {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22);
}
[id^="page"] .drawer-left, [id^="page"] .drawer-right {
  display: flex;
  flex-direction: column;
  background: transparent;
  border: 0;
  margin: 0;
  top: var(--drawer-top-offset);
  bottom: var(--drawer-bottom-gap);
  height: fit-content;
  max-height: calc(100dvh - var(--drawer-top-offset) - var(--drawer-bottom-gap));
  overflow: hidden;
  overscroll-behavior: contain;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.14);
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.24s ease, box-shadow 0.24s ease;
}
[id^="page"] .drawer-left.show, [id^="page"] .drawer-left[aria-hidden="false"], [id^="page"] .drawer-right.show, [id^="page"] .drawer-right[aria-hidden="false"] {
  opacity: 1;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.16);
  pointer-events: auto;
}
[id^="page"] .drawer-left[aria-hidden="true"], [id^="page"] .drawer-right[aria-hidden="true"] {
  opacity: 0;
  box-shadow: none;
  pointer-events: none;
}
[id^="page"] .drawer-left.drawer-left, [id^="page"] .drawer-right.drawer-left {
  border-radius: var(--drawer-radius);
  margin-left: var(--drawer-side-gap);
}
[id^="page"] .drawer-left.drawer-right, [id^="page"] .drawer-right.drawer-right {
  border-radius: var(--drawer-radius) 0 0 var(--drawer-radius);
  margin-right: var(--drawer-side-gap);
}
[id^="page"] .drawer-left .drawertoggle, [id^="page"] .drawer-right .drawertoggle {
  color: #bb2424;
  border-radius: 10px;
}
[id^="page"] .drawer-left .drawerheader, [id^="page"] .drawer-right .drawerheader {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
}
[id^="page"] .drawer-left .drawercontent, [id^="page"] .drawer-right .drawercontent {
  background: #FAF9F6;
  scrollbar-color: #c7c7c7 transparent;
  scrollbar-width: thin;
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: var(--drawer-content-padding-y) var(--drawer-content-padding-x);
}
[id^="page"] .drawer-left .drawercontent::-webkit-scrollbar, [id^="page"] .drawer-right .drawercontent::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[id^="page"] .drawer-left .drawercontent::-webkit-scrollbar-track, [id^="page"] .drawer-right .drawercontent::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
}
[id^="page"] .drawer-left .drawercontent::-webkit-scrollbar-thumb, [id^="page"] .drawer-right .drawercontent::-webkit-scrollbar-thumb {
  background-color: #bb2424;
  border: none;
  border-radius: 10px;
}
[id^="page"] .drawer-left input[type="range"]::-webkit-slider-runnable-track, [id^="page"] .drawer-right input[type="range"]::-webkit-slider-runnable-track {
  background-color: transparent;
}
[id^="page"] .drawer-left input[type="range"]::-moz-range-track, [id^="page"] .drawer-right input[type="range"]::-moz-range-track {
  background-color: transparent;
}
[id^="page"] .drawer-left a:not(.btn):hover, [id^="page"] .drawer-left a:not(.btn):focus, [id^="page"] .drawer-right a:not(.btn):hover, [id^="page"] .drawer-right a:not(.btn):focus {
  text-decoration: none;
  color: #f29503 !important;
  background-color: transparent !important;
  border-radius: 0;
}
[id^="page"] .drawer.drawer-primary .drawerheader {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  column-gap: 0.5rem;
}
[id^="page"] .drawer.drawer-primary .drawerheader .drawertoggle {
  grid-column: 1;
  position: relative;
  z-index: 2;
  margin: 0;
}
[id^="page"] .drawer.drawer-primary .drawerheader [data-region="site-home-link"] {
  grid-column: 2;
  width: auto;
  min-width: 0;
  flex: 1 1 auto;
  min-height: 2.35rem;
  padding: 0.2rem 0;
  gap: 0.5rem;
  align-items: center;
  position: relative;
  z-index: 1;
}
[id^="page"] .drawer.drawer-primary .drawerheader [data-region="site-home-link"] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-wrap-mode: wrap;
  font-weight: 600;
  width: auto !important;
  height: auto !important;
  max-height: clamp(2.65rem, 4.4vh, 2.2rem);
  max-width: min(2.6rem, 30vw);
  object-fit: contain;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transform: translateY(0.1rem);
}
[id^="page"] .drawer.drawer-primary .drawerheader .sitename {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-wrap-mode: wrap;
  max-width: min(10.2rem, 63vw);
  font-weight: 600;
}
@media (max-width: 991.98px) {
  [id^="page"] #page.drawers .drawer-toggles {
    position: static;
    z-index: unset;
    isolation: unset;
  }
  [id^="page"] #page.drawers .drawer-toggles .drawer-left-toggle {
    position: fixed;
    top: calc(var(--drawer-top-offset, clamp(4.6rem, 9vh, 6rem)) + 0.7rem);
    z-index: 900;
    margin: 0;
  }
  [id^="page"] #page.drawers .drawer-toggles .drawer-left-toggle .btn {
    position: relative;
    z-index: 1;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FAF9F6;
    background: linear-gradient(145deg, #fca317 0%, #f29503 55%, #c07602 100%);
    box-shadow: 0 4px 18px rgba(242, 149, 3, 0.38), 0 2px 6px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.22);
    transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.22s ease;
    will-change: transform;
  }
  [id^="page"] #page.drawers .drawer-toggles .drawer-left-toggle .btn .icon, [id^="page"] #page.drawers .drawer-toggles .drawer-left-toggle .btn .fa {
    font-size: 1rem;
    line-height: 1;
  }
  [id^="page"] #page.drawers .drawer-toggles .drawer-left-toggle .btn:hover, [id^="page"] #page.drawers .drawer-toggles .drawer-left-toggle .btn:focus-visible {
    transform: scale(1.1);
    box-shadow: 0 6px 24px rgba(242, 149, 3, 0.5), 0 3px 10px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  }
  [id^="page"] #page.drawers .drawer-toggles .drawer-left-toggle .btn:active {
    transform: scale(0.91);
    box-shadow: 0 2px 8px rgba(242, 149, 3, 0.32), 0 1px 4px rgba(0, 0, 0, 0.14);
    transition-duration: 0.1s;
  }
  [id^="page"] #page.drawers .drawer-toggles .drawer-left-toggle .btn:focus:not(:focus-visible) {
    outline: none;
  }
  [id^="page"] #page.drawers .drawer-toggles .drawer-right-toggle {
    position: relative;
    z-index: 8;
  }
  [id^="page"] .drawer.drawer-primary .drawercontent .list-group .list-group-item {
    margin-bottom: 0.3rem;
    padding-top: 0.68rem;
    padding-bottom: 0.68rem;
  }
  [id^="page"] .list-group-item {
    background-color: transparent;
    padding-inline-start: 1rem !important;
  }
  [id^="page"] .list-group-item.active {
    border-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  [id^="page"] {
    --drawer-top-offset: clamp(4.6rem, 9vh, 6rem);
    --drawer-bottom-gap: 0.5rem;
    --drawer-side-gap: 0.45rem;
  }
  [id^="page"] .drawer-left[aria-hidden="true"] {
    transform: translateX(-110%);
    opacity: 0;
  }
  [id^="page"] .drawer-left[aria-hidden="false"], [id^="page"] .drawer-left.show {
    transform: translateX(0);
    opacity: 1;
  }
  [id^="page"] .drawer-right[aria-hidden="true"] {
    transform: translateX(110%);
    opacity: 0;
  }
  [id^="page"] .drawer-right[aria-hidden="false"], [id^="page"] .drawer-right.show {
    transform: translateX(0);
    opacity: 1;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  [id^="page"] {
    --drawer-content-padding-x: 0.72rem;
    --drawer-content-padding-y: 0.72rem;
    --drawer-side-gap: 0.5rem;
  }
  [id^="page"] .drawer-left, [id^="page"] .drawer-right {
    border-radius: 16px;
    width: calc(100vw - var(--drawer-side-gap) - var(--drawer-side-gap));
    max-width: 360px;
  }
}
@media (max-width: 575px) {
  [id^="page"] {
    --drawer-top-offset: clamp(4.3rem, 12vw, 5.3rem);
    --drawer-side-gap: 0.35rem;
  }
  [id^="page"] .drawer-left, [id^="page"] .drawer-right {
    width: calc(100% - var(--drawer-side-gap) - var(--drawer-side-gap));
    margin-inline: var(--drawer-side-gap);
    border-radius: 16px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
  }
}
:root {
  --page-drawer-left-width: 285px;
  --page-drawer-right-width: clamp(16rem, 22vw, 22rem);
  --page-drawer-content-gap: 0.75rem;
}
@media (min-width: 992px) {
  #page.drawers.show-drawer-left {
    margin-left: var(--page-drawer-left-width) !important;
    padding-left: var(--page-drawer-content-gap) !important;
  }
  #page.drawers.show-drawer-right {
    margin-right: var(--page-drawer-right-width) !important;
    padding-right: var(--page-drawer-content-gap) !important;
  }
  #page.drawers.show-drawer-left.show-drawer-right {
    margin-left: var(--page-drawer-left-width) !important;
    margin-right: var(--page-drawer-right-width) !important;
    padding-left: var(--page-drawer-content-gap) !important;
    padding-right: var(--page-drawer-content-gap) !important;
  }
  #page.drawers:not(.show-drawer-left):not(.show-drawer-right) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #page.drawers.show-drawer-left, #page.drawers.show-drawer-right, #page.drawers.show-drawer-left.show-drawer-right {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.navbar.fixed-top.boost-union-menubar ~ .drawer.drawer-left, .navbar.fixed-top.boost-union-menubar ~ .drawer.drawer-right {
  --drawer-top-offset: clamp(5.8rem, 10vh, 7rem);
}
.hasstickyfooter .navbar.fixed-top.boost-union-menubar ~ .drawer.drawer-left, .hasstickyfooter .navbar.fixed-top.boost-union-menubar ~ .drawer.drawer-right {
  --drawer-bottom-gap: calc(0px + 0.4rem);
}
@media (prefers-reduced-motion: reduce) {
  [id^="page"] .drawer-left, [id^="page"] .drawer-right {
    transition: none !important;
  }
}
/* == End: post/draws/_common.scss == */
/* == Begin: post/draws/_course_index.scss == */
body[id^="page-"] .drawer-left .completion_complete .fa-circle:before {
  content: "" !important;
}
body[id^="page-"] .drawer-left .drawercontent {
  padding: 0;
  border-radius: 0 0 24px 0;
}
body[id^="page-"] .drawer-left #courseindex {
  margin: 0 0 0 6px;
  padding-bottom: 0.3rem;
  border: 0;
  border-radius: 0 0 16px 16px !important;
}
body[id^="page-"] .drawer-left #courseindex .courseindex-section {
  margin: 10px 10px 6px 10px;
  padding: clamp(0.75rem, 1vw, 1rem);
  background-color: #FAF9F6;
  border-radius: 24px;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2) !important;
  border-left: none;
}
body[id^="page-"] .drawer-left .courseindex .courseindex-item {
  position: relative;
  margin: 2px 0;
  color: #000;
  background-color: #FAF9F6;
  flex-wrap: initial !important;
  border-radius: 10px;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
body[id^="page-"] .drawer-left .courseindex .courseindex-item .courseindex-link, body[id^="page-"] .drawer-left .courseindex .courseindex-item .courseindex-chevron {
  color: #000;
  transition: color 0.2s ease;
}
body[id^="page-"] .drawer-left .courseindex .courseindex-item .courseindex-link {
  color: #414141;
  padding: 0.28rem 0.52rem;
  line-height: 1.35;
}
body[id^="page-"] .drawer-left .courseindex .courseindex-item .courseindex-chevron {
  padding: 0.25rem;
}
body[id^="page-"] .drawer-left .courseindex .courseindex-item .completioninfo .icon, body[id^="page-"] .drawer-left .courseindex .courseindex-item .courseindex-locked {
  color: #000;
}
body[id^="page-"] .drawer-left .courseindex .courseindex-item:hover, body[id^="page-"] .drawer-left .courseindex .courseindex-item:focus {
  color: #f29503;
}
body[id^="page-"] .drawer-left .courseindex .courseindex-item:hover .courseindex-link, body[id^="page-"] .drawer-left .courseindex .courseindex-item:hover .courseindex-chevron, body[id^="page-"] .drawer-left .courseindex .courseindex-item:hover .completioninfo .icon, body[id^="page-"] .drawer-left .courseindex .courseindex-item:focus .courseindex-link, body[id^="page-"] .drawer-left .courseindex .courseindex-item:focus .courseindex-chevron, body[id^="page-"] .drawer-left .courseindex .courseindex-item:focus .completioninfo .icon {
  color: #f29503;
}
body[id^="page-"] .drawer-left .courseindex .courseindex-item .completioninfo .icon {
  color: #000;
}
body[id^="page-"] .drawer-left .courseindex .courseindex-item .courseindex-locked {
  color: #000;
}
body[id^="page-"] .drawer-left .courseindex .courseindex-item .bg-primary {
  background-color: #f29503;
}
body[id^="page-"] .drawer-left .courseindex .courseindex-item.pageitem, body[id^="page-"] .drawer-left .courseindex .courseindex-item.pageitem:hover, body[id^="page-"] .drawer-left .courseindex .courseindex-item.dimmed.pageitem, body[id^="page-"] .drawer-left .courseindex .courseindex-item.pageitem:focus, body[id^="page-"] .drawer-left .courseindex .courseindex-item.dimmed.pageitem:hover, body[id^="page-"] .drawer-left .courseindex .courseindex-item.dimmed.pageitem:focus {
  background-color: transparent;
  color: #f29503;
}
body[id^="page-"] .drawer-left .courseindex .courseindex-item.pageitem, body[id^="page-"] .drawer-left .courseindex .courseindex-item.pageitem:hover, body[id^="page-"] .drawer-left .courseindex .courseindex-item.dimmed.pageitem, body[id^="page-"] .drawer-left .courseindex .courseindex-item.pageitem:focus, body[id^="page-"] .drawer-left .courseindex .courseindex-item.dimmed.pageitem:hover, body[id^="page-"] .drawer-left .courseindex .courseindex-item.dimmed.pageitem:focus {
  background: linear-gradient(135deg, rgba(242, 149, 3, 0.18) 0%, rgba(242, 149, 3, 0.07) 100%) !important;
  color: #414141;
  box-shadow: inset 0 0 0 1px rgba(242, 149, 3, 0.28);
}
body[id^="page-"] .drawer-left .courseindex .courseindex-item.pageitem .courseindex-link, body[id^="page-"] .drawer-left .courseindex .courseindex-item.pageitem:hover .courseindex-link, body[id^="page-"] .drawer-left .courseindex .courseindex-item.dimmed.pageitem .courseindex-link, body[id^="page-"] .drawer-left .courseindex .courseindex-item.pageitem:focus .courseindex-link, body[id^="page-"] .drawer-left .courseindex .courseindex-item.dimmed.pageitem:hover .courseindex-link, body[id^="page-"] .drawer-left .courseindex .courseindex-item.dimmed.pageitem:focus .courseindex-link {
  color: #414141 !important;
  font-weight: 600;
}
body[id^="page-"] .drawer-left .courseindex .courseindex-item.pageitem::before, body[id^="page-"] .drawer-left .courseindex .courseindex-item.pageitem:hover::before, body[id^="page-"] .drawer-left .courseindex .courseindex-item.dimmed.pageitem::before, body[id^="page-"] .drawer-left .courseindex .courseindex-item.pageitem:focus::before, body[id^="page-"] .drawer-left .courseindex .courseindex-item.dimmed.pageitem:hover::before, body[id^="page-"] .drawer-left .courseindex .courseindex-item.dimmed.pageitem:focus::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20%;
  bottom: 20%;
  width: 3px;
  border-radius: 999px;
  background: #f29503;
}
body[id^="page-"] .drawer-left .courseindex .courseindex-item .courseindex-cmicon-container .courseindex-cmicon-icon > img.icon, body[id^="page-"] .drawer-left .courseindex .courseindex-item .courseindex-cmicon-container .courseindex-cmicon-icon > .icon, body[id^="page-"] .drawer-left .courseindex .courseindex-item .courseindex-cmicon-container .courseindex-cmicon-icon > svg, body[id^="page-"] .drawer-left .courseindex .courseindex-item .courseindex-cmicon-container .courseindex-cmicon-icon > i {
  width: 1.6rem !important;
  height: auto !important;
}
body[id^="page-"] .drawer-left nav#courseindex a:focus:not(:focus-visible) {
  outline: none;
}
body[id^="page-"] .drawer-left .courseindex .courseindex-item:hover .courseindex-link, body[id^="page-"] .drawer-left .courseindex .courseindex-item:focus .courseindex-link, body[id^="page-"] .drawer-left .courseindex .courseindex-link:hover, body[id^="page-"] .drawer-left .courseindex .courseindex-link:focus, body[id^="page-"] .drawer-left .courseindex .courseindex-item:hover .courseindex-link *, body[id^="page-"] .drawer-left .courseindex .courseindex-item:focus .courseindex-link *, body[id^="page-"] .drawer-left .courseindex .courseindex-link:hover *, body[id^="page-"] .drawer-left .courseindex .courseindex-link:focus * {
  color: #f29503 !important;
}
body[id^="page-"] .drawer-left .courseindex .courseindex-link svg, body[id^="page-"] .drawer-left .courseindex .courseindex-link svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}
body[id^="page-"] .drawer-left .courseindex-cmicon-icon {
  transform: scale(0.76);
  transform-origin: center center;
}
body[id^="page-"] .drawer-left .card {
  border: 0;
  background-color: transparent;
}
@media (max-width: 575px) {
  body[id^="page-"] .drawer-left .courseindex .courseindex-section {
    margin: 6px;
    padding: 0.72rem;
    border-radius: 16px;
  }
  body[id^="page-"] .drawer-left .courseindex .courseindex-item .courseindex-link {
    padding: 0.24rem 0.42rem;
    line-height: 1.3;
    font-size: 0.8rem;
  }
}
[id^="page"] .drawer-left #courseindex .courseindex .courseindex-item.pageitem, [id^="page"] .drawer-left #courseindex .courseindex .courseindex-item.pageitem:hover, [id^="page"] .drawer-left #courseindex .courseindex .courseindex-item.pageitem:focus, [id^="page"] .drawer-left #courseindex .courseindex .courseindex-item.dimmed.pageitem, [id^="page"] .drawer-left #courseindex .courseindex .courseindex-item.dimmed.pageitem:hover, [id^="page"] .drawer-left #courseindex .courseindex .courseindex-item.dimmed.pageitem:focus {
  background: linear-gradient(135deg, rgba(242, 149, 3, 0.18) 0%, rgba(242, 149, 3, 0.07) 100%) !important;
  background-color: rgba(242, 149, 3, 0.1) !important;
  color: #414141 !important;
  box-shadow: inset 0 0 0 1px rgba(242, 149, 3, 0.28);
}
[id^="page"] .drawer-left #courseindex .courseindex .courseindex-item.pageitem .courseindex-link, [id^="page"] .drawer-left #courseindex .courseindex .courseindex-item.pageitem .courseindex-link *, [id^="page"] .drawer-left #courseindex .courseindex .courseindex-item.dimmed.pageitem .courseindex-link, [id^="page"] .drawer-left #courseindex .courseindex .courseindex-item.dimmed.pageitem .courseindex-link * {
  color: #414141 !important;
  font-weight: 600;
}
/* == End: post/draws/_course_index.scss == */
/* == Begin: post/draws/_right_drawer.scss == */
[id^="page"] .drawer-right {
  min-width: clamp(16rem, 22vw, 22rem);
  width: clamp(16rem, 22vw, 22rem);
}
[id^="page"] .drawer-right .drawercontent {
  padding: clamp(0.6rem, 1vw, 0.9rem);
  overflow-x: hidden;
}
[id^="page"] .drawer-right .drawercontent .row {
  flex-direction: column;
}
[id^="page"] .drawer-right .block {
  border: 0;
  background: transparent;
  margin-bottom: 0;
}
[id^="page"] .drawer-right .block > .card {
  border: 0;
  background-color: #FAF9F6;
  border-radius: 24px;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: box-shadow 0.22s ease, transform 0.22s ease;
}
[id^="page"] .drawer-right .block > .card:hover {
  box-shadow: 0 12px 16px rgba(0, 0, 0, 0.12);
  transform: translateY(-1px);
}
[id^="page"] .drawer-right .block > .card > .card-header {
  background: linear-gradient(135deg, rgba(242, 149, 3, 0.12) 0%, rgba(242, 149, 3, 0.04) 100%);
  border-bottom: 1px solid rgba(242, 149, 3, 0.14);
  border-radius: 24px 24px 0 0;
  padding: 0.72rem clamp(0.75rem, 1.2vw, 1.1rem);
}
[id^="page"] .drawer-right .block > .card > .card-header .card-title, [id^="page"] .drawer-right .block > .card > .card-header h5, [id^="page"] .drawer-right .block > .card > .card-header h3 {
  color: #414141;
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  line-height: 1.35;
  padding-left: 0.65rem;
  border-left: 3px solid #f29503;
  border-radius: 0;
}
[id^="page"] .drawer-right .block > .card > .card-body {
  background-color: #FAF9F6;
  padding: clamp(0.65rem, 1vw, 1rem);
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
[id^="page"] .drawer-right .block > .card > .card-body .col-md-4 {
  max-width: none !important;
}
[id^="page"] .drawer-right .block > .card > .card-body .col-md-8 {
  max-width: none !important;
}
[id^="page"] .drawer-right .block + .block {
  margin-top: 0.6rem;
}
[id^="page"] .drawer-right .block .list-group {
  border-radius: 16px;
  overflow: hidden;
  gap: 0;
}
[id^="page"] .drawer-right .block .list-group-item {
  background-color: #FAF9F6;
  border: 0;
  border-bottom: 1px solid rgba(65, 65, 65, 0.07);
  padding: 0.55rem clamp(0.6rem, 1vw, 0.9rem);
  transition: background-color 0.18s ease, color 0.18s ease;
  line-height: 1.4;
}
[id^="page"] .drawer-right .block .list-group-item:last-child {
  border-bottom: 0;
}
[id^="page"] .drawer-right .block .list-group-item:hover, [id^="page"] .drawer-right .block .list-group-item:focus-within {
  background-color: rgba(242, 149, 3, 0.06);
  color: #414141;
}
[id^="page"] .drawer-right .block .list-group-item.active, [id^="page"] .drawer-right .block .list-group-item.selected {
  background: linear-gradient(135deg, rgba(242, 149, 3, 0.16) 0%, rgba(242, 149, 3, 0.06) 100%);
  color: #414141;
  font-weight: 600;
  border-color: transparent !important;
  box-shadow: inset 0 0 0 1px rgba(242, 149, 3, 0.26);
}
[id^="page"] .drawer-right .block .list-group-item a {
  color: #414141;
  transition: color 0.18s ease;
}
[id^="page"] .drawer-right .block .list-group-item a:hover, [id^="page"] .drawer-right .block .list-group-item a:focus {
  color: #f29503 !important;
}
[id^="page"] .drawer-right .block .card-body .block-cards, [id^="page"] .drawer-right .block .card-body [data-region="event-list"], [id^="page"] .drawer-right .block .card-body .recentlyaccesseditems, [id^="page"] .drawer-right .block .card-body .timeline-event-list {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  width: 100%;
}
[id^="page"] .drawer-right .block .card-body > .row, [id^="page"] .drawer-right .block .card-body > [class*="d-flex"] {
  flex-wrap: wrap;
  gap: 0.4rem 0.5rem;
}
[id^="page"] .drawer-right .block .card-body > .row > [class*="col"], [id^="page"] .drawer-right .block .card-body > .row > .card, [id^="page"] .drawer-right .block .card-body > .row > .activity-item, [id^="page"] .drawer-right .block .card-body > [class*="d-flex"] > [class*="col"], [id^="page"] .drawer-right .block .card-body > [class*="d-flex"] > .card, [id^="page"] .drawer-right .block .card-body > [class*="d-flex"] > .activity-item {
  min-width: min(140px, 100%);
  flex: 1 1 min(140px, 100%);
}
[id^="page"] .drawer-right .block .badge {
  border-radius: 10px;
  font-size: 0.8rem;
  padding: 0.18em 0.52em;
  font-weight: 600;
}
[id^="page"] .drawer-right .block .badge.bg-primary {
  background-color: #f29503 !important;
  color: #FAF9F6;
}
[id^="page"] .drawer-right .block .badge.bg-secondary {
  background-color: rgba(65, 65, 65, 0.1);
  color: #414141;
}
[id^="page"] .drawer-right .block_calendar_month .calendar-today, [id^="page"] .drawer-right .block_calendar_upcoming .maincalendar .calendarmonth td.today .day-number-circle {
  background-color: #f29503;
  color: #FAF9F6;
  border-radius: 50%;
  font-weight: 700;
}
[id^="page"] .drawer-right .block_calendar_month .card-body {
  padding: 0.5rem;
}
[id^="page"] .drawer-right .block .card-body a.btn, [id^="page"] .drawer-right .block .footer a {
  font-size: 0.8rem;
  font-weight: 600;
}
[id^="page"] .drawer-right .block .footer {
  padding: 0.4rem clamp(0.6rem, 1vw, 0.9rem) 0.6rem;
  border-top: 1px solid rgba(65, 65, 65, 0.07);
  background: transparent;
}
[id^="page"] .drawer-right .block .footer a {
  color: #f29503 !important;
  transition: color 0.18s ease;
}
[id^="page"] .drawer-right .block .footer a:hover, [id^="page"] .drawer-right .block .footer a:focus {
  color: #ce7f03 !important;
}
[id^="page"] .drawer-right .drawerheader {
  padding-inline: clamp(0.65rem, 1vw, 1rem);
  padding-block: 0.5rem;
}
[id^="page"] .drawer-right .drawerheader .drawertoggle {
  color: #bb2424;
  border-radius: 10px;
  transition: color 0.18s ease, background-color 0.18s ease;
}
[id^="page"] .drawer-right .drawerheader .drawertoggle:hover, [id^="page"] .drawer-right .drawerheader .drawertoggle:focus-visible {
  color: #f29503;
  background-color: rgba(242, 149, 3, 0.08);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  [id^="page"] .drawer-right {
    width: clamp(14.5rem, 20vw, 20rem);
    min-width: 14.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  [id^="page"] .drawer-right {
    width: calc(100vw - var(--drawer-side-gap, 0.5rem) * 2);
    max-width: 360px;
    min-width: unset;
  }
  [id^="page"] .drawer-right .block .card-body > .row > [class*="col"], [id^="page"] .drawer-right .block .card-body > .row > .card, [id^="page"] .drawer-right .block .card-body > .row > .activity-item, [id^="page"] .drawer-right .block .card-body > [class*="d-flex"] > [class*="col"], [id^="page"] .drawer-right .block .card-body > [class*="d-flex"] > .card, [id^="page"] .drawer-right .block .card-body > [class*="d-flex"] > .activity-item {
    min-width: min(160px, 100%);
    flex: 1 1 min(160px, 100%);
  }
}
@media (max-width: 575.98px) {
  [id^="page"] .drawer-right {
    width: calc(100% - var(--drawer-side-gap, 0.35rem) * 2);
    min-width: unset;
  }
  [id^="page"] .drawer-right .block > .card > .card-header {
    padding: 0.6rem 0.75rem;
  }
  [id^="page"] .drawer-right .block > .card > .card-body {
    padding: 0.6rem 0.75rem;
  }
  [id^="page"] .drawer-right .block .list-group-item {
    padding: 0.48rem 0.7rem;
    font-size: 0.8rem;
  }
}
/* == End: post/draws/_right_drawer.scss == */
/* == Begin: post/draws/_headers.scss == */
[id^="page-"] .drawerheader {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative;
  z-index: 3;
  min-height: 64px;
  height: auto;
  padding: clamp(0.6rem, 1vw, 0.9rem) clamp(0.75rem, 1vw, 1rem);
  background: #FAF9F6;
  color: #414141;
  border: 0;
  border-radius: 16px 16px 0 0;
  box-shadow: inset 0 -1px 0 rgba(65, 65, 65, 0.08);
}
/* == End: post/draws/_headers.scss == */
/* == Begin: post/draws/_messages.scss == */
.drawer[aria-labelledby*="message-drawer-header-"] {
  --message-drawer-top: clamp(6rem, 9vh, 6.1rem);
  --message-drawer-bottom: 0.6rem;
  top: var(--message-drawer-top) !important;
  right: 0.5rem !important;
  left: auto !important;
  bottom: var(--message-drawer-bottom) !important;
  height: auto !important;
  max-height: calc(100vh - var(--message-drawer-top) - var(--message-drawer-bottom)) !important;
  max-height: calc(100dvh - var(--message-drawer-top) - var(--message-drawer-bottom)) !important;
  width: calc(100vw - 1rem) !important;
  max-width: 420px !important;
  border: 1px solid rgba(65, 65, 65, 0.08) !important;
  border-radius: 24px !important;
  background: #FAF9F6 !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.16) !important;
  padding: 0.75rem !important;
  overflow: hidden;
  will-change: transform, opacity;
  transition: transform 0.34s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.28s ease, top 0.25s ease, bottom 0.25s ease, box-shadow 0.25s ease !important;
}
.drawer[aria-labelledby*="message-drawer-header-"].hidden {
  display: block !important;
}
.drawer[aria-labelledby*="message-drawer-header-"][aria-hidden="true"] {
  transform: translateX(calc(100% + 1.5rem));
  opacity: 0;
  pointer-events: none;
}
.drawer[aria-labelledby*="message-drawer-header-"][aria-hidden="false"], .drawer[aria-labelledby*="message-drawer-header-"].show {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}
.drawer[aria-labelledby*="message-drawer-header-"] .drawercontent {
  height: 100%;
  min-height: 0;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
}
.drawer[aria-labelledby*="message-drawer-header-"] .message-app {
  height: 100%;
  min-height: 0;
  background-color: transparent;
}
.drawer[aria-labelledby*="message-drawer-header-"] .message-app .dropdown-menu {
  transform: translate3d(-155px, 20px, 0px) !important;
}
.drawer[aria-labelledby*="message-drawer-header-"] .message-app .rounded-circle {
  width: 3rem;
}
.drawer[aria-labelledby*="message-drawer-header-"] .message-app .border-bottom {
  border: 0 !important;
}
.drawer[aria-labelledby*="message-drawer-header-"] .message-app .list-group {
  border-radius: 24px !important;
  margin-top: 0.45rem;
  overflow: hidden;
}
.drawer[aria-labelledby*="message-drawer-header-"] .message-app .list-group .d-flex {
  flex-wrap: unset !important;
}
.drawer[aria-labelledby*="message-drawer-header-"] .message-app .bg-white {
  border-radius: 16px;
  padding: 1rem !important;
  border: 0 !important;
  background-color: transparent;
}
.drawer[aria-labelledby*="message-drawer-header-"] .message-app .card {
  margin-top: 0.8rem !important;
  border: 0;
  background: transparent;
}
.drawer[aria-labelledby*="message-drawer-header-"] .message-app .card .card-header {
  border-radius: 16px !important;
  padding: 0.5rem 1rem !important;
  border: 0;
  background: rgba(255, 236, 214, 0.72);
}
.drawer[aria-labelledby*="message-drawer-header-"] .message-app .message {
  border-radius: 16px !important;
  padding: 0.55rem 0.9rem !important;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2) !important;
  background: #FAF9F6;
  border: 1px solid rgba(65, 65, 65, 0.08);
}
.drawer[aria-labelledby*="message-drawer-header-"] .message-app .message .tail {
  display: none !important;
}
.drawer[aria-labelledby*="message-drawer-header-"] .message-app img {
  border-radius: 50% !important;
  width: auto !important;
}
.drawer[aria-labelledby*="message-drawer-header-"] .message-app .d-flex {
  flex-wrap: unset !important;
}
@media (max-width: 767.98px) {
  .drawer[aria-labelledby*="message-drawer-header-"] {
    --message-drawer-top: clamp(4.3rem, 12vw, 5.4rem);
    --message-drawer-bottom: 0.45rem;
    right: 0.35rem !important;
    left: 0.35rem !important;
    width: auto !important;
    max-width: none !important;
    border-radius: 16px !important;
    padding: 0.55rem !important;
  }
  .drawer[aria-labelledby*="message-drawer-header-"][aria-hidden="true"] {
    transform: translateX(calc(100vw));
  }
}
@media (prefers-reduced-motion: reduce) {
  .drawer[aria-labelledby*="message-drawer-header-"] {
    transition: opacity 0.01ms !important;
  }
  .drawer[aria-labelledby*="message-drawer-header-"][aria-hidden="true"] {
    transform: none;
  }
  .drawer[aria-labelledby*="message-drawer-header-"][aria-hidden="false"], .drawer[aria-labelledby*="message-drawer-header-"].show {
    transform: none;
  }
}
/* == End: post/draws/_messages.scss == */
/* == Begin: post/buttons/_btns_primary.scss == */
.aabtn:focus, .btn-link:focus, .nav-link:focus, [role="button"]:focus, .list-group-item-action:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="file"]:focus, input[type="image"]:focus, .visually-hidden-focusable:focus, a.dropdown-toggle:focus, .moodle-dialogue-base .closebutton:focus, button.btn-close:focus, .form-autocomplete-selection:focus, [role="treeitem"]:not([aria-expanded="true"]):focus {
  box-shadow: none;
}
.btn .icon, .btn .fa, .btn svg {
  color: inherit;
  fill: currentColor;
}
.btn-primary:not(.search-icon) {
  background-color: #f29503;
  color: #FAF9F6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: all 0.2s ease;
  border-color: #f29503 !important;
}
.btn-primary:not(.search-icon):hover, .btn-primary:not(.search-icon):focus {
  background-color: #f0ad61;
  color: #FAF9F6;
  text-decoration: none;
}
.btn-primary:not(.search-icon):hover {
  box-shadow: 0 0 0 2px rgba(207, 127, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  .btn-primary:not(.search-icon):hover {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.btn-primary.search-icon, .btn-submit.search-icon {
  background-color: #f29503;
  color: #FAF9F6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: all 0.2s ease;
  margin-top: 0 !important;
  border-color: #f29503 !important;
}
.btn-primary.search-icon:hover, .btn-primary.search-icon:focus, .btn-submit.search-icon:hover, .btn-submit.search-icon:focus {
  background-color: #f0ad61;
  color: #FAF9F6;
  text-decoration: none;
}
.btn-primary.search-icon:hover, .btn-submit.search-icon:hover {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.d-flex.flex-wrap .btn {
  margin-top: 0 !important;
}
.btn-success {
  background-color: #f29503;
  color: #FAF9F6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: all 0.2s ease;
  margin-top: 0.5rem;
}
.btn-success:hover, .btn-success:focus {
  background-color: #357a32;
  color: #FAF9F6;
  text-decoration: none;
}
.btn-success:hover {
  box-shadow: 0 0 0 2px rgba(42, 97, 40, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  .btn-success:hover {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
input[type="submit"] {
  border-radius: 16px;
}
.btn-submit:not(.icon-no-margin), input[type="submit"] {
  background-color: #c7c7c7;
  color: #000;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: all 0.2s ease;
  margin-top: 0.5rem;
}
.btn-submit:not(.icon-no-margin):hover, .btn-submit:not(.icon-no-margin):focus, input[type="submit"]:hover, input[type="submit"]:focus {
  background-color: #6a737b;
  color: #FAF9F6;
  text-decoration: none;
}
.btn-submit:not(.icon-no-margin):hover, input[type="submit"]:hover {
  box-shadow: 0 0 0 2px rgba(181, 181, 181, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  .btn-submit:not(.icon-no-margin):hover, input[type="submit"]:hover {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.btn-secondary, .btn-outline-secondary, .btn-outline-dark {
  background-color: rgba(250, 249, 246, 0.92);
  color: #4f4f4f;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  box-shadow: 0 10px 18px rgba(79, 79, 79, 0.08);
  backdrop-filter: blur(6px);
  margin-top: 0 !important;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-dark:hover, .btn-outline-dark:focus {
  background-color: #FAF9F6;
  color: #f29503;
  text-decoration: none;
}
.btn-secondary:hover, .btn-secondary:focus-visible, .btn-outline-secondary:hover, .btn-outline-secondary:focus-visible, .btn-outline-dark:hover, .btn-outline-dark:focus-visible {
  color: #f29503 !important;
  border-color: #f29503 !important;
  background-color: #fbf7f2 !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 24px rgba(242, 149, 3, 0.16);
}
.btn-secondary:active, .btn-secondary.active, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-dark:active, .btn-outline-dark.active {
  color: #FAF9F6 !important;
  background-color: #f29503 !important;
  border-color: #f29503 !important;
  box-shadow: inset 0 2px 4px rgba(79, 79, 79, 0.14);
}
.btn-light, .btn-outline-light {
  background-color: #FAF9F6;
  color: #000;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: all 0.2s ease;
  margin-top: 0.5rem;
}
.btn-light:hover, .btn-light:focus, .btn-outline-light:hover, .btn-outline-light:focus {
  background-color: #f5f5f5;
  color: #000;
  text-decoration: none;
}
.btn-light:hover, .btn-outline-light:hover {
  box-shadow: 0 0 0 2px rgba(245, 245, 245, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  .btn-light:hover, .btn-outline-light:hover {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.btn-dark, .btn-outline-dark {
  background-color: #4f4f4f;
  color: #FAF9F6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: all 0.2s ease;
  margin-top: 0.5rem;
}
.btn-dark:hover, .btn-dark:focus, .btn-outline-dark:hover, .btn-outline-dark:focus {
  background-color: #3d3d3d;
  color: #FAF9F6;
  text-decoration: none;
}
.btn-dark:hover, .btn-outline-dark:hover {
  box-shadow: 0 0 0 2px rgba(61, 61, 61, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  .btn-dark:hover, .btn-outline-dark:hover {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.btn-sm.btn-secondary, .btn-sm.btn-outline-secondary, .btn-sm.btn-outline-dark {
  margin-top: 0.5rem;
  border-radius: 16px;
}
.btn-link {
  color: #f29503 !important;
  text-decoration: underline;
  background-color: transparent !important;
  box-shadow: none !important;
}
.btn-link:hover, .btn-link:focus-visible {
  color: #cf7f03 !important;
  text-decoration: underline !important;
  background-color: antiquewhite !important;
  box-shadow: none !important;
}
.drawer .btn-link {
  text-decoration: none !important;
}
.btn-danger, .btn-outline-danger {
  background-color: #bb2424;
  color: #FAF9F6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: all 0.2s ease;
}
.btn-danger:hover, .btn-danger:focus, .btn-outline-danger:hover, .btn-outline-danger:focus {
  background-color: #9d1e1e;
  color: #FAF9F6;
  text-decoration: none;
}
.btn-danger:hover, .btn-outline-danger:hover {
  box-shadow: 0 0 0 2px rgba(157, 30, 30, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  .btn-danger:hover, .btn-outline-danger:hover {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
#back-to-top, .btn-footer-popover.bg-secondary {
  background-color: #f29503 !important;
  color: #FAF9F6 !important;
}
#back-to-top:hover, #back-to-top:focus-visible, .btn-footer-popover.bg-secondary:hover, .btn-footer-popover.bg-secondary:focus-visible {
  background-color: #cf7f03 !important;
  color: #FAF9F6 !important;
}
.btn.btn-icon {
  width: 30px;
  height: 30px;
  line-height: 1;
  font-size: 0.8rem;
  transition: all 0.6s ease;
}
.btn.btn-icon.icons-collapse-expand:hover {
  outline: 1px solid #f29503;
}
.fp-btn-choose {
  margin-bottom: 1rem !important;
}
.buttons .align-items-center {
  column-gap: 1rem !important;
}
.buttons .align-items-center .btn-group .btn-secondary {
  margin: 0 !important;
}
.buttons .align-items-center .align-items-md-center {
  margin-bottom: 0 !important;
}
/* == End: post/buttons/_btns_primary.scss == */
/* == Begin: post/pages/_login.scss == */
.eupopup-container.eupopup-container-bottom {
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  left: 20%;
  right: 20%;
  top: 30%;
  bottom: 30%;
  min-height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.2rem;
  line-height: 1.5rem;
}
@media (max-width: 575px) {
  .eupopup-container.eupopup-container-bottom {
    left: 1rem;
    right: 1rem;
    top: auto;
    bottom: 1rem;
    min-height: auto;
  }
}
@media (min-width: 576px) {
  .eupopup-container.eupopup-container-bottom {
    left: 10%;
    right: 10%;
    top: auto;
    bottom: 2rem;
    min-height: auto;
  }
}
@media (min-width: 992px) {
  .eupopup-container.eupopup-container-bottom {
    left: 20%;
    right: 20%;
    top: 30%;
    bottom: 30%;
    min-height: 50%;
  }
}
.eupopup-container.eupopup-container-bottom .eupopup-buttons {
  /* stylelint-disable-next-line csstree/validator */
  margin-top: 2rem;
}
.eupopup-container.eupopup-container-bottom .eupopup-buttons .eupopup-button_1 {
  background-color: #bb2424;
  color: #FAF9F6;
  font-size: 0.85rem;
  font-weight: 700;
  padding: 0.375rem 0.75rem 0.575rem 0.75rem;
  display: inline-block;
  text-align: center;
  border: 1px solid transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.eupopup-container.eupopup-container-bottom .eupopup-buttons .eupopup-button_1:hover {
  text-decoration: none;
  background-color: #b25458;
}
.eupopup-container.eupopup-container-bottom .eupopup-buttons .eupopup-button_1:focus-visible {
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  .eupopup-container.eupopup-container-bottom .eupopup-buttons .eupopup-button_1:focus-visible {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.eupopup-container.eupopup-container-bottom .eupopup-buttons .eupopup-button_1:focus:not(:focus-visible) {
  outline: none;
}
.eupopup-container.eupopup-container-bottom .eupopup-closebutton {
  font-weight: 500;
  color: #FAF9F6;
  opacity: 0.8;
  font-size: 35px;
  padding: 10px 20px;
}
.eupopup-container.eupopup-container-bottom .eupopup-closebutton:hover {
  color: #FAF9F6;
}
#page-login-forgot_password #id_searchbyusername {
  display: none;
}
#page-login-index .login-form-submit {
  display: grid !important;
}
#page-login-index .login-form-submit button {
  border-radius: 16px;
  border-color: #f29503 !important;
}
#page-login-index .login-form-forgotpassword {
  text-align: center;
  margin-top: 1rem;
  padding-block: 0.4rem;
  border: 1px solid #f29503;
  border-radius: 16px;
  cursor: pointer;
}
#page-login-index .btn-outline-secondary {
  margin-bottom: 0.5rem !important;
}
/* == End: post/pages/_login.scss == */
/* == Begin: post/pages/_maintenance.scss == */
/*
 * Maintenance mode page
 * Align with custom_css design language and center the maintenance card vertically.
 */
.pagelayout-maintenance {
  background: radial-gradient(1000px 520px at 12% -10%, rgba(242, 149, 3, 0.26) 0%, rgba(242, 149, 3, 0) 60%), radial-gradient(900px 460px at 100% 0%, rgba(187, 36, 36, 0.14) 0%, rgba(187, 36, 36, 0) 58%), linear-gradient(180deg, #ffecd6 0%, #FAF9F6 100%);
  background-attachment: fixed;
}
.pagelayout-maintenance #page-wrapper {
  display: flex;
  align-items: center;
  padding: 2rem 1rem;
}
.pagelayout-maintenance #page-footer {
  display: none;
}
.pagelayout-maintenance #page.container {
  padding: 0 !important;
  margin: 0 auto;
  background-color: #FAF9F6;
  border-radius: 24px;
  border: 1px solid rgba(65, 65, 65, 0.08);
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.pagelayout-maintenance #page > .row, .pagelayout-maintenance #page-content.row {
  margin: 0;
}
.pagelayout-maintenance .page-header-headings {
  margin: 0 !important;
  padding: 1.5rem 1.75rem !important;
  background: linear-gradient(125deg, rgba(242, 149, 3, 0.18) 0%, #faf9f6 70%);
  border-bottom: 1px solid rgba(65, 65, 65, 0.08);
  box-shadow: none !important;
  text-align: center;
}
.pagelayout-maintenance .page-header-headings h1 {
  margin: 0;
  color: #414141;
  font-size: clamp(1.55rem, 2.8vw, 2.15rem);
  font-weight: 600;
  letter-spacing: 0.01em;
}
.pagelayout-maintenance #region-main {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0 !important;
  padding: 1.35rem 1.75rem 1.75rem;
  text-align: center;
  color: #414141;
}
.pagelayout-maintenance #region-main .box, .pagelayout-maintenance #region-main .generalbox, .pagelayout-maintenance #region-main .alert {
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  box-shadow: none;
  background: transparent;
}
.pagelayout-maintenance #region-main a {
  color: #4f4f4f;
  text-decoration-color: rgba(242, 149, 3, 0.55);
  text-underline-offset: 0.12em;
}
.pagelayout-maintenance #region-main a:hover, .pagelayout-maintenance #region-main a:focus {
  color: #f29503;
}
@media (min-width: 768px) {
  .pagelayout-maintenance #page-wrapper {
    height: auto;
    padding: 2.75rem 1.5rem;
  }
  .pagelayout-maintenance .page-header-headings {
    padding: 1.85rem 2.25rem !important;
  }
  .pagelayout-maintenance #region-main {
    padding: 1.55rem 2.25rem 2.1rem;
  }
}
/* == End: post/pages/_maintenance.scss == */
/* == Begin: post/pages/dashboard/_index.scss == */
#page-my-index .coursebox, #frontpage-available-course-list .coursebox, #frontpage-course-list .coursebox, .course-search-result .coursebox {
  border-radius: 8px;
  border: 1px solid #d3d3d3;
}
#page-my-index .coursebox .info > .coursename, #frontpage-available-course-list .coursebox .info > .coursename, #frontpage-course-list .coursebox .info > .coursename, .course-search-result .coursebox .info > .coursename {
  font-weight: 700;
}
#page-my-index .coursebox .content .courseimage img, #frontpage-available-course-list .coursebox .content .courseimage img, #frontpage-course-list .coursebox .content .courseimage img, .course-search-result .coursebox .content .courseimage img {
  max-width: 200px;
  max-height: 200px;
}
#page-my-index form .btn:not(.btn-close) {
  height: 100% !important;
}
#page-my-index #page-header {
  padding: clamp(0.85rem, 2vw, 1.35rem) clamp(1rem, 2.5vw, 1.75rem);
}
#page-my-index #page-content #region-main-box #region-main {
  background-color: #FAF9F6 !important;
}
#page-my-index #page-content #region-main-box .block-myoverview.block-cards {
  border-top: 3px solid #f29503;
}
#page-my-index #page-content #region-main-box .block-myoverview.block-cards .dashboard-card {
  border: unset;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
#page-my-index .container-fluid:is(.p-0) ul {
  gap: 1.5rem;
}
#page-my-index .container-fluid:is(.p-0) ul li {
  border-radius: 15px !important;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2) !important;
  background-color: #FAF9F6 !important;
  border: unset !important;
  padding: 1rem;
  cursor: pointer;
}
#page-my-index .container-fluid:is(.p-0) ul li:hover {
  box-shadow: 0 12px 16px rgba(0, 0, 0, 0.12) !important;
  transition: ease-in-out 150ms;
  transform: scale(1.02);
}
#page-my-index .container-fluid:is(.p-0) ul li .row {
  margin-right: 0 !important;
}
#page-my-index .container-fluid:is(.p-0) ul li .row a .rounded {
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  height: 7rem;
  width: 100%;
}
#page-my-index .main-inner {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1600px !important;
}
#page-my-index .main-inner .card-grid {
  row-gap: 1rem;
  margin-top: 2rem;
}
#page-my-index .main-inner .card-grid .d-flex {
  padding-inline: 0.2rem !important;
}
#page-my-index .main-inner .card {
  border: 0;
  background-color: transparent;
}
#page-my-index .main-inner .course-card {
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  border-radius: 24px;
  background-color: #FAF9F6;
  cursor: pointer;
}
#page-my-index .main-inner .course-card:hover {
  box-shadow: 0 12px 16px rgba(0, 0, 0, 0.12);
  transition: ease-in-out 150ms;
}
#page-my-index .main-inner .course-card .card-img-top {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  height: 16rem;
}
#page-my-index .main-inner .card-footer {
  background-color: transparent !important;
}
#page-my-index .block_html .card-body {
  padding: 0 !important;
}
#page-my-index .block_html .card-body .no-overflow p {
  text-align: center !important;
}
#page-my-index .block_html .card-body .no-overflow p img {
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
}
#page-my-index .block_html .card-body .no-overflow p img:hover {
  box-shadow: 0 12px 16px rgba(0, 0, 0, 0.12);
  transition: ease-in-out 300ms;
  filter: drop-shadow(0 0 5px rgba(242, 149, 3, 0.5)) drop-shadow(0 0 10px rgba(242, 149, 3, 0.3)) drop-shadow(0 0 15px rgba(242, 149, 3, 0.2));
  animation: shadow-pulse 5s infinite;
}
/* == End: post/pages/dashboard/_index.scss == */
/* == Begin: post/pages/search/_search_page.scss == */
#page-search-index .search-results {
  margin-bottom: 2rem;
  box-shadow: 0 4px 20px -4px rgba(242, 149, 3, 0.3), 0 2px 8px -2px rgba(242, 149, 3, 0.15);
  border-radius: 16px;
  padding: 1rem 2rem;
}
/* == End: post/pages/search/_search_page.scss == */
/* == Begin: post/pages/courses/_edit.scss == */
#page-course-edit #page, #page-course-completion #page, #page-course-overview #page {
  margin-top: 2.5rem !important;
}
#page-course-edit #region-main, #page-course-completion #region-main, #page-course-overview #region-main {
  padding: 1rem 2rem;
  background-color: #FAF9F6;
  border-radius: 16px;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
#page-course-edit #region-main .form-control, #page-course-completion #region-main .form-control, #page-course-overview #region-main .form-control {
  border-radius: 5px;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.06);
}
#page-course-edit #region-main .form-label, #page-course-completion #region-main .form-label, #page-course-overview #region-main .form-label {
  font-weight: 600;
}
/* == End: post/pages/courses/_edit.scss == */
/* == Begin: post/pages/courses/_header.scss == */
.path-course #page-header {
  margin-top: 4rem !important;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 576px) {
  .path-course #page-header {
    margin-top: 1rem !important;
    padding: 0 !important;
  }
}
.path-course #page-header .page-header-image {
  transform: scale(0.5);
}
.path-course #page-header > .w-100 {
  display: flex;
  flex-direction: column;
}
.path-course #page-header > .w-100 > .d-flex.flex-wrap {
  display: flex;
  flex-direction: column;
  order: 2;
}
.path-course #page-header > .w-100 > .d-flex.flex-wrap #page-navbar {
  order: 1;
  padding-inline: 1rem;
}
.path-course #page-header > .w-100 > .d-flex.flex-wrap > .ms-auto.d-flex {
  order: 2;
  align-self: flex-end;
  padding-inline: 1rem;
}
.path-course #page-header #bucourseheader.headingabove {
  display: contents;
}
.path-course #page-header #bucourseheader.headingabove #courseheaderimage {
  order: 1;
  min-height: 32rem !important;
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.path-course #page-header #bucourseheader.headingabove .bucoursetitle {
  order: 3;
}
.path-course #page-header #bucourseheader.headingabove .bucoursetitle .d-flex.align-items-center {
  align-items: center !important;
  column-gap: 1rem;
}
.path-course #page-header #bucourseheader.headingabove .bucoursetitle .me-auto {
  margin-left: 0 !important;
}
.path-course #page-header #bucourseheader.headingabove .bucoursetitle .me-auto .page-context-header {
  margin-left: 0 !important;
  padding-inline: 1rem !important;
}
.path-course #page-course-view-topics #page-header {
  margin: 0 0 24px;
}
header .breadcrumb .breadcrumb-item a {
  padding-inline: 0 !important;
}
header .breadcrumb .breadcrumb-item a:hover {
  color: #FAF9F6 !important;
  text-shadow: 0 0 4px #f29503;
  transform: scale(1.1);
  transition: transform 0.6s ease-in-out;
}
/* == End: post/pages/courses/_header.scss == */
/* == Begin: post/pages/courses/_layout.scss == */
.path-course #page, #page-mod-cardboxx-view #page {
  margin-top: 2.5rem !important;
}
.path-course .page-header-image img, #page-mod-cardboxx-view .page-header-image img {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
}
.path-course #region-main, #page-mod-cardboxx-view #region-main {
  max-width: unset;
  border-radius: 24px;
  background-color: transparent;
}
.path-course #region-main .activity-header .activity-description, #page-mod-cardboxx-view #region-main .activity-header .activity-description {
  padding: 1rem;
  background-color: #f5f5f5;
  border-radius: 24px;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  margin-left: 1rem;
}
.path-course #region-main .activity-header .activity-description .no-overflow p, #page-mod-cardboxx-view #region-main .activity-header .activity-description .no-overflow p {
  display: contents !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-course #region-main .activity-navigation, #page-mod-cardboxx-view #region-main .activity-navigation {
  padding-bottom: 1.5rem;
}
.path-course img:not([class*="icon"], [class*="userpicture"]), #page-mod-cardboxx-view img:not([class*="icon"], [class*="userpicture"]) {
  border-radius: 0 !important;
}
.path-course #page.drawers .main-inner, #page-mod-cardboxx-view #page.drawers .main-inner {
  background-color: #ffecd6;
  box-shadow: none;
}
.path-course #page.drawers .activity-header, #page-mod-cardboxx-view #page.drawers .activity-header {
  margin-left: 0;
  margin-right: 0;
}
.path-course #theme-block-region-content-upper, .path-course #theme-block-region-content-lower, #page-mod-cardboxx-view #theme-block-region-content-upper, #page-mod-cardboxx-view #theme-block-region-content-lower {
  margin-left: 0;
  margin-right: 0;
}
.path-course #theme-block-region-content-upper .card, .path-course #theme-block-region-content-lower .card, #page-mod-cardboxx-view #theme-block-region-content-upper .card, #page-mod-cardboxx-view #theme-block-region-content-lower .card {
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  border: unset;
  background-color: transparent;
}
.path-course .course-content ul.topics li.section, .path-course .course-content ul.weeks li.section, #page-mod-cardboxx-view .course-content ul.topics li.section, #page-mod-cardboxx-view .course-content ul.weeks li.section {
  border-radius: 24px;
}
.path-course .core_contentbank_viewcontent, #page-mod-cardboxx-view .core_contentbank_viewcontent {
  margin: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-course #region-main-box, #page-mod-cardboxx-view #region-main-box {
  background-color: #ffecd6;
}
.path-course #region-main-box div[role="main"], #page-mod-cardboxx-view #region-main-box div[role="main"] {
  background-color: transparent !important;
  margin-left: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-course #region-main-box div[role="main"] .core_contentbank_viewcontent, #page-mod-cardboxx-view #region-main-box div[role="main"] .core_contentbank_viewcontent {
  overflow-y: hidden !important;
  /* stylelint-disable-line declaration-no-important */
  margin-left: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  margin-right: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-course #region-main-box div[role="main"] .h5p-player, #page-mod-cardboxx-view #region-main-box div[role="main"] .h5p-player {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}
.path-course #region-main-box div[role="main"] #questionscontainer, #page-mod-cardboxx-view #region-main-box div[role="main"] #questionscontainer {
  padding-bottom: 1rem;
}
.path-course #region-main-box div[role="main"] #questionscontainer .d-grid, #page-mod-cardboxx-view #region-main-box div[role="main"] #questionscontainer .d-grid {
  justify-content: space-around !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-course #region-main-box div[role="main"] #questionscontainer .d-grid .input-group-text, #page-mod-cardboxx-view #region-main-box div[role="main"] #questionscontainer .d-grid .input-group-text {
  border: none;
}
.path-course #region-main-box div[role="main"] #questionscontainer .d-grid .form-control, #page-mod-cardboxx-view #region-main-box div[role="main"] #questionscontainer .d-grid .form-control {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.path-course #region-main-box div[role="main"] .reportbuilder-report, #page-mod-cardboxx-view #region-main-box div[role="main"] .reportbuilder-report {
  padding-bottom: 1rem;
}
.path-course #region-main-box div[role="main"] .float-end, #page-mod-cardboxx-view #region-main-box div[role="main"] .float-end {
  margin-top: 2.7rem;
  border-radius: 16px;
}
.path-course #region-main-box div[role="main"] > h2, #page-mod-cardboxx-view #region-main-box div[role="main"] > h2 {
  width: 100%;
  margin-left: 0.5rem;
  border-bottom: 1px solid #4f4f4f;
}
.path-course #region-main-box div[role="main"] > h3, #page-mod-cardboxx-view #region-main-box div[role="main"] > h3 {
  width: 100%;
  border-bottom: 1px solid #4f4f4f;
  padding-bottom: 1rem;
}
.path-course #region-main-box div[role="main"] > p, #page-mod-cardboxx-view #region-main-box div[role="main"] > p {
  /* stylelint-disable-next-line csstree/validator */
  margin-left: 1rem;
}
.path-course #region-main-box div[role="main"] ul.list-unstyled li, #page-mod-cardboxx-view #region-main-box div[role="main"] ul.list-unstyled li {
  /* stylelint-disable-next-line csstree/validator */
  margin-bottom: 0.5rem;
  /* stylelint-disable-next-line csstree/validator */
  margin-left: 1rem;
}
.path-course .form-select, #page-mod-cardboxx-view .form-select {
  border-radius: 24px;
  background-color: #FAF9F6;
  transition: all 0.2s ease;
}
.path-course .form-select:focus-visible, #page-mod-cardboxx-view .form-select:focus-visible {
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-radius: 30rem;
}
@media (forced-colors: active) {
  .path-course .form-select:focus-visible, #page-mod-cardboxx-view .form-select:focus-visible {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.path-course .prevsection, .path-course .nextsection, #page-mod-cardboxx-view .prevsection, #page-mod-cardboxx-view .nextsection {
  text-decoration: none;
  align-content: center;
  border: 1px solid #f29503;
  padding: 0.5rem !important;
  border-radius: 24px;
  background-color: #FAF9F6;
  transition: all 0.2s ease;
}
.path-course .prevsection span, .path-course .nextsection span, #page-mod-cardboxx-view .prevsection span, #page-mod-cardboxx-view .nextsection span {
  padding: 1rem;
}
.path-course .prevsection:hover, .path-course .prevsection:focus-visible, .path-course .nextsection:hover, .path-course .nextsection:focus-visible, #page-mod-cardboxx-view .prevsection:hover, #page-mod-cardboxx-view .prevsection:focus-visible, #page-mod-cardboxx-view .nextsection:hover, #page-mod-cardboxx-view .nextsection:focus-visible {
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-radius: 30rem;
}
@media (forced-colors: active) {
  .path-course .prevsection:hover, .path-course .prevsection:focus-visible, .path-course .nextsection:hover, .path-course .nextsection:focus-visible, #page-mod-cardboxx-view .prevsection:hover, #page-mod-cardboxx-view .prevsection:focus-visible, #page-mod-cardboxx-view .nextsection:hover, #page-mod-cardboxx-view .nextsection:focus-visible {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.path-course .prevsection:not(:has(a)), .path-course .nextsection:not(:has(a)), #page-mod-cardboxx-view .prevsection:not(:has(a)), #page-mod-cardboxx-view .nextsection:not(:has(a)) {
  display: none !important;
}
#page-blocks-openai_chat-report #region-main, #page-mod-lti-coursetools #region-main {
  padding: 1rem 2rem;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
#page-course-reset #page, #page-mod-page-view #page {
  margin-top: 6.5rem !important;
}
#page-course-reset #region-main, #page-mod-page-view #region-main {
  background-color: #FAF9F6;
  padding: 1rem 2rem;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
#page-filter-manage #region-main, #page-contentbank #region-main {
  padding: 1rem 2rem;
  background-color: #FAF9F6;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
#page-filter-manage .backlink, #page-contentbank .backlink {
  padding-bottom: 2rem;
}
#page-filter-manage .backlink a, #page-contentbank .backlink a {
  border: 1px solid #f29503;
  border-radius: 10px;
  padding: 10px;
}
#page-filter-manage .backlink a:hover, #page-contentbank .backlink a:hover {
  background-color: #f29503 !important;
  color: white !important;
  text-decoration: none;
}
#page-contentbank .cb-toolbar-container {
  column-gap: 0.5rem;
  row-gap: 1rem;
}
#page-question-edit #prev-activity-link, #page-question-edit #next-activity-link {
  text-decoration: none;
  align-content: center;
  border: 1px solid #f29503;
  padding: 0.5rem !important;
  border-radius: 24px;
  background-color: #FAF9F6;
  transition: all 0.2s ease;
}
#page-question-edit #prev-activity-link:hover, #page-question-edit #prev-activity-link:focus-visible, #page-question-edit #next-activity-link:hover, #page-question-edit #next-activity-link:focus-visible {
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-radius: 30rem;
  text-decoration: none !important;
}
@media (forced-colors: active) {
  #page-question-edit #prev-activity-link:hover, #page-question-edit #prev-activity-link:focus-visible, #page-question-edit #next-activity-link:hover, #page-question-edit #next-activity-link:focus-visible {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
/* == End: post/pages/courses/_layout.scss == */
/* == Begin: post/pages/courses/_view_ participants.scss == */
#page-course-view-participants #page, #page-course-index-category #page, #page-course-editcategory #page, #page-course-info #page {
  margin-top: 2.5rem !important;
}
#page-course-view-participants #region-main, #page-course-index-category #region-main, #page-course-editcategory #region-main, #page-course-info #region-main {
  background-color: #FAF9F6;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
#page-course-view-participants .coursebox, #page-course-index-category .coursebox, #page-course-editcategory .coursebox, #page-course-info .coursebox {
  background-color: antiquewhite;
  border-radius: 24px;
  padding-inline-start: 1rem;
  flex: 1 1 calc(33% - 1rem);
  max-width: calc(33% - 1rem);
}
#page-course-view-participants .coursebox .info .coursename, #page-course-index-category .coursebox .info .coursename, #page-course-editcategory .coursebox .info .coursename, #page-course-info .coursebox .info .coursename {
  font-size: 1.5rem !important;
}
#page-course-view-participants .coursebox .d-flex, #page-course-index-category .coursebox .d-flex, #page-course-editcategory .coursebox .d-flex, #page-course-info .coursebox .d-flex {
  flex-direction: column;
}
#page-course-view-participants .coursebox .d-flex .courseimage img, #page-course-index-category .coursebox .d-flex .courseimage img, #page-course-editcategory .coursebox .d-flex .courseimage img, #page-course-info .coursebox .d-flex .courseimage img {
  max-width: 100% !important;
  max-height: 300px !important;
  margin-bottom: 1rem;
}
#page-course-view-participants .coursebox .d-flex .fp-filename-icon, #page-course-index-category .coursebox .d-flex .fp-filename-icon, #page-course-editcategory .coursebox .d-flex .fp-filename-icon, #page-course-info .coursebox .d-flex .fp-filename-icon {
  word-break: normal !important;
  margin-bottom: 1rem;
  max-width: unset !important;
}
#page-course-view-participants .coursebox .d-flex .fp-filename-icon .fp-icon, #page-course-index-category .coursebox .d-flex .fp-filename-icon .fp-icon, #page-course-editcategory .coursebox .d-flex .fp-filename-icon .fp-icon, #page-course-info .coursebox .d-flex .fp-filename-icon .fp-icon {
  float: none !important;
  margin-top: 0 !important;
  line-height: unset !important;
}
#page-course-view-participants .coursebox .d-flex .customfields-container, #page-course-index-category .coursebox .d-flex .customfields-container, #page-course-editcategory .coursebox .d-flex .customfields-container, #page-course-info .coursebox .d-flex .customfields-container {
  display: flex;
  row-gap: 0.5rem;
  column-gap: 1rem;
  flex-wrap: wrap;
  padding: 1rem 0;
}
#page-course-view-participants .coursebox .d-flex .customfields-container .customfield, #page-course-index-category .coursebox .d-flex .customfields-container .customfield, #page-course-editcategory .coursebox .d-flex .customfields-container .customfield, #page-course-info .coursebox .d-flex .customfields-container .customfield {
  display: flex;
  align-items: center;
  flex: 1 1 20%;
  background-color: #FAF9F6;
  padding: 0.5rem;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
}
#page-course-view-participants .coursebox .d-flex .customfields-container .customfield .customfieldvalue, #page-course-index-category .coursebox .d-flex .customfields-container .customfield .customfieldvalue, #page-course-editcategory .coursebox .d-flex .customfields-container .customfield .customfieldvalue, #page-course-info .coursebox .d-flex .customfields-container .customfield .customfieldvalue {
  margin-left: 0.5rem;
}
#page-course-view-participants .userlist .no-overflow, #page-course-index-category .userlist .no-overflow, #page-course-editcategory .userlist .no-overflow, #page-course-info .userlist .no-overflow {
  width: 100%;
}
#page-course-view-participants .userlist .generaltable, #page-course-index-category .userlist .generaltable, #page-course-editcategory .userlist .generaltable, #page-course-info .userlist .generaltable {
  display: table;
  width: 100%;
  table-layout: auto;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
#page-course-view-participants .category-browse, #page-course-index-category .category-browse, #page-course-editcategory .category-browse, #page-course-info .category-browse {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 5rem;
  padding-inline: 1rem;
}
#page-course-view-participants .category-browse .coursebox, #page-course-index-category .category-browse .coursebox, #page-course-editcategory .category-browse .coursebox, #page-course-info .category-browse .coursebox {
  background-color: antiquewhite;
  padding-inline-end: 1rem;
  border-radius: 24px;
  padding: 1rem;
  flex: 1 1 calc(33% - 1rem);
  max-width: calc(33% - 1rem);
}
#page-course-view-participants .category-browse .coursebox .info, #page-course-index-category .category-browse .coursebox .info, #page-course-editcategory .category-browse .coursebox .info, #page-course-info .category-browse .coursebox .info {
  margin-bottom: 2rem;
}
#page-course-view-participants .category-browse .coursebox .info .coursename, #page-course-index-category .category-browse .coursebox .info .coursename, #page-course-editcategory .category-browse .coursebox .info .coursename, #page-course-info .category-browse .coursebox .info .coursename {
  font-size: 1.5rem !important;
}
#page-course-view-participants .category-browse .coursebox .d-flex, #page-course-index-category .category-browse .coursebox .d-flex, #page-course-editcategory .category-browse .coursebox .d-flex, #page-course-info .category-browse .coursebox .d-flex {
  flex-direction: column;
}
#page-course-view-participants .category-browse .coursebox .d-flex .courseimage img, #page-course-index-category .category-browse .coursebox .d-flex .courseimage img, #page-course-editcategory .category-browse .coursebox .d-flex .courseimage img, #page-course-info .category-browse .coursebox .d-flex .courseimage img {
  max-width: 100% !important;
  max-height: 300px !important;
  margin-bottom: 1rem;
}
#page-course-view-participants .category-browse .coursebox .d-flex .fp-filename-icon, #page-course-index-category .category-browse .coursebox .d-flex .fp-filename-icon, #page-course-editcategory .category-browse .coursebox .d-flex .fp-filename-icon, #page-course-info .category-browse .coursebox .d-flex .fp-filename-icon {
  word-break: normal !important;
  margin-bottom: 1rem;
  max-width: unset !important;
}
#page-course-view-participants .category-browse .coursebox .d-flex .fp-filename-icon .fp-icon, #page-course-index-category .category-browse .coursebox .d-flex .fp-filename-icon .fp-icon, #page-course-editcategory .category-browse .coursebox .d-flex .fp-filename-icon .fp-icon, #page-course-info .category-browse .coursebox .d-flex .fp-filename-icon .fp-icon {
  float: none !important;
  margin-top: 0 !important;
  line-height: unset !important;
}
#page-course-view-participants .category-browse .coursebox .d-flex .customfields-container, #page-course-index-category .category-browse .coursebox .d-flex .customfields-container, #page-course-editcategory .category-browse .coursebox .d-flex .customfields-container, #page-course-info .category-browse .coursebox .d-flex .customfields-container {
  display: flex;
  row-gap: 0.5rem;
  column-gap: 1rem;
  flex-wrap: wrap;
  padding: 1rem 0;
}
#page-course-view-participants .category-browse .coursebox .d-flex .customfields-container .customfield, #page-course-index-category .category-browse .coursebox .d-flex .customfields-container .customfield, #page-course-editcategory .category-browse .coursebox .d-flex .customfields-container .customfield, #page-course-info .category-browse .coursebox .d-flex .customfields-container .customfield {
  display: flex;
  align-items: center;
  flex: 1 1 20%;
  background-color: #FAF9F6;
  padding: 0.5rem;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
}
#page-course-view-participants .category-browse .coursebox .d-flex .customfields-container .customfield .customfieldvalue, #page-course-index-category .category-browse .coursebox .d-flex .customfields-container .customfield .customfieldvalue, #page-course-editcategory .category-browse .coursebox .d-flex .customfields-container .customfield .customfieldvalue, #page-course-info .category-browse .coursebox .d-flex .customfields-container .customfield .customfieldvalue {
  margin-left: 0.5rem;
}
#page-course-view-participants .course_category_tree .courses, #page-course-index-category .course_category_tree .courses, #page-course-editcategory .course_category_tree .courses, #page-course-info .course_category_tree .courses {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 2rem;
  margin-top: 2rem;
}
#page-admin-tool-uploadcourse-index .mdl-left input, #page-cohort-upload .mdl-left input, #page-backup-restorefile .mdl-left input {
  margin-bottom: 1rem;
}
#page-admin-tool-uploadcourse-index .filemanager-container, #page-admin-tool-uploadcourse-index .filepicker-filelist, #page-cohort-upload .filemanager-container, #page-cohort-upload .filepicker-filelist, #page-backup-restorefile .filemanager-container, #page-backup-restorefile .filepicker-filelist {
  border-radius: 16px !important;
}
/* == End: post/pages/courses/_view_ participants.scss == */
/* == Begin: post/pages/courses/_view_topics.scss == */
#page-course-view-topics #page, #page-course-view-section-topics #page, #page-course-view-site #page {
  margin-top: 2rem !important;
}
@media (max-width: 991px) {
  #page-course-view-topics #page, #page-course-view-section-topics #page, #page-course-view-site #page {
    margin-top: 6rem !important;
  }
}
#page-course-view-topics #region-main.has-reports-heading, #page-course-view-section-topics #region-main.has-reports-heading, #page-course-view-site #region-main.has-reports-heading {
  background-color: #FAF9F6;
  padding: 1rem;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  border-radius: 24px;
}
#page-course-view-topics #page.drawers div[role="main"], #page-course-view-section-topics #page.drawers div[role="main"], #page-course-view-site #page.drawers div[role="main"] {
  padding-inline: 0 !important;
}
#page-course-view-topics #page.drawers div[role="main"] .course-content ul.topics, #page-course-view-section-topics #page.drawers div[role="main"] .course-content ul.topics, #page-course-view-site #page.drawers div[role="main"] .course-content ul.topics {
  padding-bottom: 1rem;
}
#page-course-view-topics #page.drawers div[role="main"] .course-content ul.topics:empty, #page-course-view-section-topics #page.drawers div[role="main"] .course-content ul.topics:empty, #page-course-view-site #page.drawers div[role="main"] .course-content ul.topics:empty {
  display: none;
}
#page-course-view-topics #page.drawers div[role="main"] .course-content ul.topics li.section, #page-course-view-topics #page.drawers div[role="main"] .course-content ul.weeks li.section, #page-course-view-section-topics #page.drawers div[role="main"] .course-content ul.topics li.section, #page-course-view-section-topics #page.drawers div[role="main"] .course-content ul.weeks li.section, #page-course-view-site #page.drawers div[role="main"] .course-content ul.topics li.section, #page-course-view-site #page.drawers div[role="main"] .course-content ul.weeks li.section {
  background-color: #FAF9F6;
  padding: 1rem;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
#page-course-view-topics #page.drawers div[role="main"] .course-content ul.topics li.section .section-item, #page-course-view-topics #page.drawers div[role="main"] .course-content ul.weeks li.section .section-item, #page-course-view-section-topics #page.drawers div[role="main"] .course-content ul.topics li.section .section-item, #page-course-view-section-topics #page.drawers div[role="main"] .course-content ul.weeks li.section .section-item, #page-course-view-site #page.drawers div[role="main"] .course-content ul.topics li.section .section-item, #page-course-view-site #page.drawers div[role="main"] .course-content ul.weeks li.section .section-item {
  padding: 0;
  border: none;
  border-radius: 0;
}
#page-course-view-topics .block_html, #page-course-view-section-topics .block_html, #page-course-view-site .block_html {
  padding-bottom: 1rem;
}
#page-course-view-topics section:not(.multiblock-columns-2-parent) section:is(.block_html, .block_multiblock, .block_dash):not(.h-100, .multiblock-columns-2-parent) .card-body:not(:is(.drawercontent .card-body)), #page-course-view-topics section:not(.multiblock-columns-2-parent) .container .card-body:not(:is(.drawercontent .card-body)), #page-course-view-topics section:not(.multiblock-columns-2-parent) .block_search_forums .card-body:not(:is(.drawercontent .card-body)), #page-course-view-section-topics section:not(.multiblock-columns-2-parent) section:is(.block_html, .block_multiblock, .block_dash):not(.h-100, .multiblock-columns-2-parent) .card-body:not(:is(.drawercontent .card-body)), #page-course-view-section-topics section:not(.multiblock-columns-2-parent) .container .card-body:not(:is(.drawercontent .card-body)), #page-course-view-section-topics section:not(.multiblock-columns-2-parent) .block_search_forums .card-body:not(:is(.drawercontent .card-body)), #page-course-view-site section:not(.multiblock-columns-2-parent) section:is(.block_html, .block_multiblock, .block_dash):not(.h-100, .multiblock-columns-2-parent) .card-body:not(:is(.drawercontent .card-body)), #page-course-view-site section:not(.multiblock-columns-2-parent) .container .card-body:not(:is(.drawercontent .card-body)), #page-course-view-site section:not(.multiblock-columns-2-parent) .block_search_forums .card-body:not(:is(.drawercontent .card-body)) {
  background-color: #FAF9F6;
  border-radius: 24px;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
#page-course-view-topics section:not(.multiblock-columns-2-parent) section:is(.block_activity_modules):not(.h-100, .multiblock-columns-2-parent) .card-body:not(:is(.drawercontent .card-body)), #page-course-view-topics section:not(.multiblock-columns-2-parent) .container .card-body:not(:is(.drawercontent .card-body)), #page-course-view-topics section:not(.multiblock-columns-2-parent) .block_search_forums .card-body:not(:is(.drawercontent .card-body)), #page-course-view-section-topics section:not(.multiblock-columns-2-parent) section:is(.block_activity_modules):not(.h-100, .multiblock-columns-2-parent) .card-body:not(:is(.drawercontent .card-body)), #page-course-view-section-topics section:not(.multiblock-columns-2-parent) .container .card-body:not(:is(.drawercontent .card-body)), #page-course-view-section-topics section:not(.multiblock-columns-2-parent) .block_search_forums .card-body:not(:is(.drawercontent .card-body)), #page-course-view-site section:not(.multiblock-columns-2-parent) section:is(.block_activity_modules):not(.h-100, .multiblock-columns-2-parent) .card-body:not(:is(.drawercontent .card-body)), #page-course-view-site section:not(.multiblock-columns-2-parent) .container .card-body:not(:is(.drawercontent .card-body)), #page-course-view-site section:not(.multiblock-columns-2-parent) .block_search_forums .card-body:not(:is(.drawercontent .card-body)) {
  background-color: #FAF9F6;
  border-radius: 24px;
  box-shadow: none;
}
#page-course-view-topics section:not(.multiblock-columns-2-parent) .progressEventInfo, #page-course-view-section-topics section:not(.multiblock-columns-2-parent) .progressEventInfo, #page-course-view-site section:not(.multiblock-columns-2-parent) .progressEventInfo {
  white-space: normal !important;
}
#page-course-view-topics .block_openai_chat, #page-course-view-section-topics .block_openai_chat, #page-course-view-site .block_openai_chat {
  position: relative;
  border: 0;
  background: transparent;
}
#page-course-view-topics .block_openai_chat .card-title, #page-course-view-section-topics .block_openai_chat .card-title, #page-course-view-site .block_openai_chat .card-title {
  display: none !important;
  /* stylelint-disable-line declaration-no-important */
}
#page-course-view-topics .block_openai_chat .card, #page-course-view-topics .block_openai_chat .card-body, #page-course-view-topics .block_openai_chat .block-content, #page-course-view-topics .block_openai_chat .card-text, #page-course-view-section-topics .block_openai_chat .card, #page-course-view-section-topics .block_openai_chat .card-body, #page-course-view-section-topics .block_openai_chat .block-content, #page-course-view-section-topics .block_openai_chat .card-text, #page-course-view-site .block_openai_chat .card, #page-course-view-site .block_openai_chat .card-body, #page-course-view-site .block_openai_chat .block-content, #page-course-view-site .block_openai_chat .card-text {
  background: transparent;
  border: 0;
  box-shadow: none;
}
#page-course-view-topics .block_openai_chat .card-text, #page-course-view-section-topics .block_openai_chat .card-text, #page-course-view-site .block_openai_chat .card-text {
  margin-top: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active, #page-course-view-topics .block_openai_chat:has(#control_bar textarea), #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea), #page-course-view-site .block_openai_chat.plakos-ai-chat-active, #page-course-view-site .block_openai_chat:has(#control_bar textarea) {
  border-radius: 2rem;
  background: #FAF9F6;
  border: 0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
  overflow: hidden;
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active .card-body, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) .card-body, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active .card-body, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) .card-body, #page-course-view-site .block_openai_chat.plakos-ai-chat-active .card-body, #page-course-view-site .block_openai_chat:has(#control_bar textarea) .card-body {
  padding: 1.35rem 1.5rem 1.1rem;
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active .plakos-ai-chat-header, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) .plakos-ai-chat-header, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active .plakos-ai-chat-header, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) .plakos-ai-chat-header, #page-course-view-site .block_openai_chat.plakos-ai-chat-active .plakos-ai-chat-header, #page-course-view-site .block_openai_chat:has(#control_bar textarea) .plakos-ai-chat-header {
  font-size: 1.05rem;
  font-weight: 700;
  color: #000;
  line-height: 1.3;
  margin-bottom: 1.15rem;
  padding-right: 2.8rem;
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active .openai_input_popout_btn, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) .openai_input_popout_btn, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active .openai_input_popout_btn, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) .openai_input_popout_btn, #page-course-view-site .block_openai_chat.plakos-ai-chat-active .openai_input_popout_btn, #page-course-view-site .block_openai_chat:has(#control_bar textarea) .openai_input_popout_btn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2.15rem;
  height: 2.15rem;
  border: 0;
  border-radius: 999px;
  background: #bfbfbf;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  transition: background-color 0.18s ease, transform 0.18s ease;
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active .openai_input_popout_btn:hover, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) .openai_input_popout_btn:hover, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active .openai_input_popout_btn:hover, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) .openai_input_popout_btn:hover, #page-course-view-site .block_openai_chat.plakos-ai-chat-active .openai_input_popout_btn:hover, #page-course-view-site .block_openai_chat:has(#control_bar textarea) .openai_input_popout_btn:hover {
  background: #a9a9a9;
  transform: translateY(-1px);
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active .openai_input_popout_btn:focus-visible, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) .openai_input_popout_btn:focus-visible, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active .openai_input_popout_btn:focus-visible, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) .openai_input_popout_btn:focus-visible, #page-course-view-site .block_openai_chat.plakos-ai-chat-active .openai_input_popout_btn:focus-visible, #page-course-view-site .block_openai_chat:has(#control_bar textarea) .openai_input_popout_btn:focus-visible {
  box-shadow: 0 0 0 2px rgba(255, 147, 0, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  #page-course-view-topics .block_openai_chat.plakos-ai-chat-active .openai_input_popout_btn:focus-visible, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) .openai_input_popout_btn:focus-visible, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active .openai_input_popout_btn:focus-visible, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) .openai_input_popout_btn:focus-visible, #page-course-view-site .block_openai_chat.plakos-ai-chat-active .openai_input_popout_btn:focus-visible, #page-course-view-site .block_openai_chat:has(#control_bar textarea) .openai_input_popout_btn:focus-visible {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active .openai_input_popout_btn_icon, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) .openai_input_popout_btn_icon, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active .openai_input_popout_btn_icon, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) .openai_input_popout_btn_icon, #page-course-view-site .block_openai_chat.plakos-ai-chat-active .openai_input_popout_btn_icon, #page-course-view-site .block_openai_chat:has(#control_bar textarea) .openai_input_popout_btn_icon {
  width: 0.95rem;
  height: 0.95rem;
  transform: none;
  filter: brightness(0) invert(1);
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active .recording, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) .recording, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active .recording, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) .recording, #page-course-view-site .block_openai_chat.plakos-ai-chat-active .recording, #page-course-view-site .block_openai_chat:has(#control_bar textarea) .recording {
  top: 1.2rem;
  right: 3.95rem;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 999px;
  background: #ff5e57;
  box-shadow: 0 0 0 3px rgba(255, 94, 87, 0.22);
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar {
  display: flex;
  flex-direction: column;
  gap: 0.95rem;
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_bar, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_bar, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_bar, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_bar, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_bar, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_bar {
  display: flex;
  width: 100%;
  align-items: stretch;
  border: 3px solid #f29503;
  border-radius: 2rem;
  overflow: hidden;
  background: #FAF9F6;
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar textarea, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar textarea, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar textarea, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar textarea, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar textarea, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar textarea {
  width: 100%;
  min-height: 8.5rem;
  max-height: 15rem;
  border: 0;
  border-radius: 0;
  resize: vertical;
  padding: 1.6rem 1.6rem;
  background: transparent;
  color: #000;
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.005em;
  box-shadow: none;
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar textarea::placeholder, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar textarea::placeholder, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar textarea::placeholder, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar textarea::placeholder, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar textarea::placeholder, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar textarea::placeholder {
  color: #f29503;
  opacity: 1;
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar textarea:focus, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar textarea:focus, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar textarea:focus, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar textarea:focus, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar textarea:focus, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar textarea:focus {
  outline: none;
  box-shadow: inset 0 0 0 2px rgba(255, 147, 0, 0.25);
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_submit_btn, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_submit_btn, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_submit_btn, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_submit_btn, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_submit_btn, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_submit_btn {
  width: 3.5rem;
  border: 0;
  border-radius: 0 1.8rem 1.8rem 0;
  background: #f29503;
  color: #FAF9F6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.18s ease, transform 0.18s ease;
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_submit_btn:hover, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_submit_btn:hover, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_submit_btn:hover, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_submit_btn:hover, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_submit_btn:hover, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_submit_btn:hover {
  background: #de8903;
  transform: translateX(1px);
  filter: none;
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_submit_btn:focus-visible, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_submit_btn:focus-visible, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_submit_btn:focus-visible, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_submit_btn:focus-visible, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_submit_btn:focus-visible, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_submit_btn:focus-visible {
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  #page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_submit_btn:focus-visible, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_submit_btn:focus-visible, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_submit_btn:focus-visible, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_submit_btn:focus-visible, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_submit_btn:focus-visible, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_submit_btn:focus-visible {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_submit_btn_icon, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_submit_btn_icon, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_submit_btn_icon, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_submit_btn_icon, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_submit_btn_icon, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_submit_btn_icon {
  width: 1.25rem;
  height: 1.25rem;
  transform: none;
  filter: brightness(0) invert(1);
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_refresh_btn, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_refresh_btn, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_refresh_btn, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_refresh_btn, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_refresh_btn, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_refresh_btn {
  width: 2.65rem;
  height: 1.75rem;
  border: 0;
  border-radius: 0.45rem;
  background: #bdbdbd;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  transition: background-color 0.18s ease;
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_refresh_btn:hover, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_refresh_btn:hover, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_refresh_btn:hover, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_refresh_btn:hover, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_refresh_btn:hover, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_refresh_btn:hover {
  background: #a9a9a9;
  filter: none;
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_refresh_btn:focus-visible, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_refresh_btn:focus-visible, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_refresh_btn:focus-visible, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_refresh_btn:focus-visible, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_refresh_btn:focus-visible, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_refresh_btn:focus-visible {
  box-shadow: 0 0 0 2px rgba(159, 159, 159, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  #page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_refresh_btn:focus-visible, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_refresh_btn:focus-visible, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_refresh_btn:focus-visible, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_refresh_btn:focus-visible, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_refresh_btn:focus-visible, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_refresh_btn:focus-visible {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_refresh_btn_icon, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_refresh_btn_icon, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_refresh_btn_icon, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_refresh_btn_icon, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_refresh_btn_icon, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_refresh_btn_icon {
  width: 0.95rem;
  height: 0.95rem;
  transform: none;
  filter: brightness(0) invert(1);
}
#page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar.disabled, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar.disabled, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar.disabled, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar.disabled, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar.disabled, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar.disabled {
  opacity: 0.56;
  pointer-events: none;
}
#page-course-view-topics .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)), #page-course-view-section-topics .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)), #page-course-view-site .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)) {
  border-radius: 1.75rem;
  background: #e6ac66;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
#page-course-view-topics .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)) .card-body, #page-course-view-section-topics .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)) .card-body, #page-course-view-site .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)) .card-body {
  padding: 1.15rem 1.45rem;
}
#page-course-view-topics .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)) .card-text, #page-course-view-section-topics .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)) .card-text, #page-course-view-site .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)) .card-text {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "title cta" "subtitle cta";
  align-items: center;
  column-gap: 1.1rem;
  row-gap: 0.22rem;
  margin: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
#page-course-view-topics .block_openai_chat .openai-premium-banner__title, #page-course-view-section-topics .block_openai_chat .openai-premium-banner__title, #page-course-view-site .block_openai_chat .openai-premium-banner__title {
  grid-area: title;
  margin: 0;
  color: #FAF9F6;
  font-size: 1.12rem;
  font-weight: 700;
  line-height: 1.3;
}
#page-course-view-topics .block_openai_chat .openai-premium-banner__subtitle, #page-course-view-section-topics .block_openai_chat .openai-premium-banner__subtitle, #page-course-view-site .block_openai_chat .openai-premium-banner__subtitle {
  grid-area: subtitle;
  margin: 0.22rem 0 0;
  color: rgba(255, 255, 255, 0.98);
  font-size: 1.01rem;
  font-weight: 500;
  line-height: 1.3;
}
#page-course-view-topics .block_openai_chat .openai-premium-banner__cta, #page-course-view-section-topics .block_openai_chat .openai-premium-banner__cta, #page-course-view-site .block_openai_chat .openai-premium-banner__cta {
  grid-area: cta;
  flex-shrink: 0;
  min-height: 3.2rem;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  white-space: nowrap;
  background: #FAF9F6;
  color: #ef8600 !important;
  /* stylelint-disable-line declaration-no-important */
  border-radius: 0.8rem;
  padding: 0.55rem 1.05rem;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none !important;
  /* stylelint-disable-line declaration-no-important */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
  transition: transform 0.16s ease, box-shadow 0.16s ease;
}
#page-course-view-topics .block_openai_chat .openai-premium-banner__cta:hover, #page-course-view-section-topics .block_openai_chat .openai-premium-banner__cta:hover, #page-course-view-site .block_openai_chat .openai-premium-banner__cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  background-color: #efece2 !important;
}
#page-course-view-topics .block_openai_chat .openai-premium-banner__icon, #page-course-view-section-topics .block_openai_chat .openai-premium-banner__icon, #page-course-view-site .block_openai_chat .openai-premium-banner__icon {
  line-height: 1;
  font-size: 0.9em;
}
#page-course-view-topics .block_openai_chat.expanded, #page-course-view-section-topics .block_openai_chat.expanded, #page-course-view-site .block_openai_chat.expanded {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  isolation: isolate;
  max-width: -webkit-fill-available;
}
#page-course-view-topics .block_openai_chat.expanded .card-body, #page-course-view-topics .block_openai_chat.expanded .block-body-wrapper, #page-course-view-topics .block_openai_chat.expanded .edw-block-body, #page-course-view-section-topics .block_openai_chat.expanded .card-body, #page-course-view-section-topics .block_openai_chat.expanded .block-body-wrapper, #page-course-view-section-topics .block_openai_chat.expanded .edw-block-body, #page-course-view-site .block_openai_chat.expanded .card-body, #page-course-view-site .block_openai_chat.expanded .block-body-wrapper, #page-course-view-site .block_openai_chat.expanded .edw-block-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  overflow: hidden !important;
  /* stylelint-disable-line declaration-no-important */
}
#page-course-view-topics .block_openai_chat.expanded .card-text.content, #page-course-view-section-topics .block_openai_chat.expanded .card-text.content, #page-course-view-site .block_openai_chat.expanded .card-text.content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  margin-top: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
#page-course-view-topics .block_openai_chat.expanded #openai_chat_log, #page-course-view-section-topics .block_openai_chat.expanded #openai_chat_log, #page-course-view-site .block_openai_chat.expanded #openai_chat_log {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none !important;
  /* stylelint-disable-line declaration-no-important */
  overflow-y: auto !important;
  /* stylelint-disable-line declaration-no-important */
  padding-bottom: 0.75rem !important;
  /* stylelint-disable-line declaration-no-important */
}
#page-course-view-topics .block_openai_chat.expanded .footer, #page-course-view-section-topics .block_openai_chat.expanded .footer, #page-course-view-site .block_openai_chat.expanded .footer {
  margin-top: auto;
  flex: 0 0 auto;
}
#page-course-view-topics .block_openai_chat.expanded #control_bar, #page-course-view-topics .block_openai_chat.expanded .edw-block-body #control_bar, #page-course-view-section-topics .block_openai_chat.expanded #control_bar, #page-course-view-section-topics .block_openai_chat.expanded .edw-block-body #control_bar, #page-course-view-site .block_openai_chat.expanded #control_bar, #page-course-view-site .block_openai_chat.expanded .edw-block-body #control_bar {
  position: static !important;
  /* stylelint-disable-line declaration-no-important */
  inset: auto !important;
  /* stylelint-disable-line declaration-no-important */
  width: 100% !important;
  /* stylelint-disable-line declaration-no-important */
  margin: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  z-index: 4;
  padding-top: 0.75rem;
  background: linear-gradient(to top, rgba(250, 249, 246, 0.98) 70%, rgba(250, 249, 246, 0));
}
#page-course-view-topics .block_openai_chat .openai_message.bot, #page-course-view-section-topics .block_openai_chat .openai_message.bot, #page-course-view-site .block_openai_chat .openai_message.bot {
  background-color: #ef8600;
}
#page-course-view-topics .block_openai_chat .openai_message, #page-course-view-section-topics .block_openai_chat .openai_message, #page-course-view-site .block_openai_chat .openai_message {
  margin-top: 3rem;
  width: fit-content !important;
}
@media (max-width: 991px) {
  #page-course-view-topics .block_openai_chat.plakos-ai-chat-active .card-body, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) .card-body, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active .card-body, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) .card-body, #page-course-view-site .block_openai_chat.plakos-ai-chat-active .card-body, #page-course-view-site .block_openai_chat:has(#control_bar textarea) .card-body {
    padding: 1.05rem 1.05rem 0.95rem;
  }
  #page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar textarea, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar textarea, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar textarea, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar textarea, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar textarea, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar textarea {
    min-height: 7.5rem;
    max-height: 10rem !important;
    padding: 1.2rem 1.15rem;
  }
  #page-course-view-topics .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)) .card-text, #page-course-view-section-topics .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)) .card-text, #page-course-view-site .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)) .card-text {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "subtitle" "cta";
    row-gap: 0.65rem;
  }
}
@media (max-width: 640px) {
  #page-course-view-topics .block_openai_chat.plakos-ai-chat-active .plakos-ai-chat-header, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) .plakos-ai-chat-header, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active .plakos-ai-chat-header, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) .plakos-ai-chat-header, #page-course-view-site .block_openai_chat.plakos-ai-chat-active .plakos-ai-chat-header, #page-course-view-site .block_openai_chat:has(#control_bar textarea) .plakos-ai-chat-header {
    font-size: 1rem;
    padding-right: 2.4rem;
  }
  #page-course-view-topics .block_openai_chat.plakos-ai-chat-active .openai_input_popout_btn, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) .openai_input_popout_btn, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active .openai_input_popout_btn, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) .openai_input_popout_btn, #page-course-view-site .block_openai_chat.plakos-ai-chat-active .openai_input_popout_btn, #page-course-view-site .block_openai_chat:has(#control_bar textarea) .openai_input_popout_btn {
    width: 1.95rem;
    height: 1.95rem;
    top: 0.85rem;
    right: 0.85rem;
  }
  #page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_submit_btn, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_submit_btn, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_submit_btn, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_submit_btn, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar .openai_input_submit_btn, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar .openai_input_submit_btn {
    width: 4rem;
    min-width: 4rem;
  }
  #page-course-view-topics .block_openai_chat.plakos-ai-chat-active #control_bar textarea, #page-course-view-topics .block_openai_chat:has(#control_bar textarea) #control_bar textarea, #page-course-view-section-topics .block_openai_chat.plakos-ai-chat-active #control_bar textarea, #page-course-view-section-topics .block_openai_chat:has(#control_bar textarea) #control_bar textarea, #page-course-view-site .block_openai_chat.plakos-ai-chat-active #control_bar textarea, #page-course-view-site .block_openai_chat:has(#control_bar textarea) #control_bar textarea {
    min-height: 5.4rem !important;
    font-size: 0.98rem;
  }
  #page-course-view-topics .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)), #page-course-view-section-topics .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)), #page-course-view-site .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)) {
    border-radius: 1.3rem;
  }
  #page-course-view-topics .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)) .card-body, #page-course-view-section-topics .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)) .card-body, #page-course-view-site .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)) .card-body {
    padding: 0.95rem 1rem;
  }
  #page-course-view-topics .block_openai_chat .openai-premium-banner__title, #page-course-view-section-topics .block_openai_chat .openai-premium-banner__title, #page-course-view-site .block_openai_chat .openai-premium-banner__title {
    font-size: 1rem;
  }
  #page-course-view-topics .block_openai_chat .openai-premium-banner__subtitle, #page-course-view-section-topics .block_openai_chat .openai-premium-banner__subtitle, #page-course-view-site .block_openai_chat .openai-premium-banner__subtitle {
    font-size: 0.93rem;
  }
  #page-course-view-topics .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)) .openai-premium-banner__cta, #page-course-view-section-topics .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)) .openai-premium-banner__cta, #page-course-view-site .block_openai_chat:not(.plakos-ai-chat-active):not(:has(#control_bar textarea)) .openai-premium-banner__cta {
    width: 100%;
    justify-content: center;
  }
}
#page-course-view-topics .bulkEnable, #page-course-view-section-topics .bulkEnable, #page-course-view-site .bulkEnable {
  color: #FAF9F6 !important;
}
#page-course-view-topics .modal img:not(.isbranded):not(.other):not(.assessment).activityicon, #page-course-view-section-topics .modal img:not(.isbranded):not(.other):not(.assessment).activityicon, #page-course-view-site .modal img:not(.isbranded):not(.other):not(.assessment).activityicon {
  width: unset !important;
  height: unset !important;
  max-width: 100%;
  scale: 1.5;
}
#page-course-view-topics .course-hint-hidden, #page-course-view-section-topics .course-hint-hidden, #page-course-view-site .course-hint-hidden {
  margin-inline: 0 !important;
  background-color: floralwhite !important;
}
#page-course-view:has(.editing) #region-main {
  background-color: #FAF9F6 !important;
}
/* == End: post/pages/courses/_view_topics.scss == */
/* == Begin: post/pages/courses/_progressbar.scss == */
/* Fortschrittsbalken Kursseite */
.block_completion_progress .progressBarCell.futureNotCompleted {
  background-color: #f0ad61 !important;
  /* stylelint-disable-line declaration-no-important */
}
.block_completion_progress .progressBarCell .firstNow {
  display: none !important;
  /* stylelint-disable-line declaration-no-important */
}
.block_completion_progress .progressEventInfo {
  margin-top: 1.5rem !important;
  /* stylelint-disable-line declaration-no-important */
  white-space: pre-wrap;
  font-size: 0.8rem !important;
  /* stylelint-disable-line declaration-no-important */
}
#theme-block-region-content-upper .card {
  box-shadow: none !important;
  /* stylelint-disable-line declaration-no-important */
}
/* == End: post/pages/courses/_progressbar.scss == */
/* == Begin: post/pages/mod/_activity_navigation.scss == */
.path-mod .activity-navigation {
  padding-bottom: 1rem;
}
.path-mod .activity-navigation #prev-activity-link, .path-mod .activity-navigation #next-activity-link {
  text-decoration: none;
  border: 1px solid #f29503;
  padding: 0.5rem !important;
  transition: all 0.2s ease;
}
.path-mod .activity-navigation #prev-activity-link:hover, .path-mod .activity-navigation #prev-activity-link:focus-visible, .path-mod .activity-navigation #next-activity-link:hover, .path-mod .activity-navigation #next-activity-link:focus-visible {
  color: #4f4f4f;
  text-decoration: none !important;
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  .path-mod .activity-navigation #prev-activity-link:hover, .path-mod .activity-navigation #prev-activity-link:focus-visible, .path-mod .activity-navigation #next-activity-link:hover, .path-mod .activity-navigation #next-activity-link:focus-visible {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
#page-mod-page-mod #region-main, #page-question-type-multichoice #region-main {
  background-color: #FAF9F6;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
/* == End: post/pages/mod/_activity_navigation.scss == */
/* == Begin: post/pages/mod/_customcert.scss == */
#page-mod-customcert-view #region-main-box #region-main {
  background-color: #FAF9F6;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
#page-mod-customcert-view #region-main-box div[role="main"] {
  background-color: #FAF9F6;
  padding: 1rem;
  border-radius: 15px;
}
#page-mod-customcert-view #region-main-box div[role="main"] > h3 {
  /* stylelint-disable-next-line csstree/validator */
  margin-top: 1rem;
  width: 100%;
  border-bottom: 1px solid #4f4f4f;
  /* stylelint-disable-next-line csstree/validator */
  padding-bottom: 1rem;
}
#page-mod-customcert-mod #region-main-box, #page-mod-customcert-edit #region-main-box, #page-mod-customcert-verify_certificate #region-main-box, #page-mod-lti-coursetools #region-main-box {
  background-color: transparent;
}
#page-mod-customcert-mod #region-main-box #region-main, #page-mod-customcert-edit #region-main-box #region-main, #page-mod-customcert-verify_certificate #region-main-box #region-main, #page-mod-lti-coursetools #region-main-box #region-main {
  background-color: #FAF9F6;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
#page-mod-customcert-mod div[role="main"] > form .form-control-static, #page-mod-customcert-edit div[role="main"] > form .form-control-static, #page-mod-customcert-verify_certificate div[role="main"] > form .form-control-static, #page-mod-lti-coursetools div[role="main"] > form .form-control-static {
  width: -webkit-fill-available;
}
#page-grade-report-grader-index #region-main {
  padding: 1rem 2rem;
  background-color: #FAF9F6;
  border-radius: 24px;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
/* == End: post/pages/mod/_customcert.scss == */
/* == Begin: post/pages/mod/_form_layout.scss == */
.path-mod #fgroup_id_buttonar .felement {
  display: flex !important;
  /* stylelint-disable-line declaration-no-important */
  align-items: center !important;
  /* stylelint-disable-line declaration-no-important */
  justify-content: flex-end !important;
  /* stylelint-disable-line declaration-no-important */
  margin-top: 10px;
}
/* == End: post/pages/mod/_form_layout.scss == */
/* == Begin: post/pages/mod/_forum.scss == */
.path-mod-forum div#page-content #region-main-box, #page-grade-grading-manage div#page-content #region-main-box {
  background-color: #FAF9F6;
  border-radius: 24px;
}
.path-mod-forum div#page-content #region-main-box .prev-activity-link, .path-mod-forum div#page-content #region-main-box .next-activity-link, #page-grade-grading-manage div#page-content #region-main-box .prev-activity-link, #page-grade-grading-manage div#page-content #region-main-box .next-activity-link {
  text-decoration: none;
  border: 1px solid #f29503;
  padding: 0.5rem !important;
  transition: all 0.2s ease;
}
.path-mod-forum div#page-content #region-main-box .prev-activity-link:hover, .path-mod-forum div#page-content #region-main-box .prev-activity-link:focus-visible, .path-mod-forum div#page-content #region-main-box .next-activity-link:hover, .path-mod-forum div#page-content #region-main-box .next-activity-link:focus-visible, #page-grade-grading-manage div#page-content #region-main-box .prev-activity-link:hover, #page-grade-grading-manage div#page-content #region-main-box .prev-activity-link:focus-visible, #page-grade-grading-manage div#page-content #region-main-box .next-activity-link:hover, #page-grade-grading-manage div#page-content #region-main-box .next-activity-link:focus-visible {
  color: #4f4f4f;
  text-decoration: none !important;
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  .path-mod-forum div#page-content #region-main-box .prev-activity-link:hover, .path-mod-forum div#page-content #region-main-box .prev-activity-link:focus-visible, .path-mod-forum div#page-content #region-main-box .next-activity-link:hover, .path-mod-forum div#page-content #region-main-box .next-activity-link:focus-visible, #page-grade-grading-manage div#page-content #region-main-box .prev-activity-link:hover, #page-grade-grading-manage div#page-content #region-main-box .prev-activity-link:focus-visible, #page-grade-grading-manage div#page-content #region-main-box .next-activity-link:hover, #page-grade-grading-manage div#page-content #region-main-box .next-activity-link:focus-visible {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.path-mod-forum div#page-content #region-main-box .tertiary-navigation .navitem, .path-mod-forum div#page-content #region-main-box .tertiary-navigation .navitem-divider, #page-grade-grading-manage div#page-content #region-main-box .tertiary-navigation .navitem, #page-grade-grading-manage div#page-content #region-main-box .tertiary-navigation .navitem-divider {
  align-items: baseline;
}
.path-mod-forum div#page-content #region-main-box table .limit-width, #page-grade-grading-manage div#page-content #region-main-box table .limit-width {
  max-width: unset !important;
}
.path-mod-forum div#page-content #region-main-box table .fit-content, #page-grade-grading-manage div#page-content #region-main-box table .fit-content {
  width: fit-content !important;
}
.path-mod-forum .forumpost, #page-grade-grading-manage .forumpost {
  background-color: #FAF9F6;
  border-radius: 1rem;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}
.path-mod-forum .forumpost .header, #page-grade-grading-manage .forumpost .header {
  background-color: transparent !important;
}
.path-mod-forum .forumpost:hover, #page-grade-grading-manage .forumpost:hover {
  box-shadow: 0 12px 16px rgba(0, 0, 0, 0.12);
}
/* == End: post/pages/mod/_forum.scss == */
/* == Begin: post/pages/mod/_h5pactivity_mod.scss == */
#page-mod-h5pactivity-mod #page, #page-mod-h5pactivity-view #page {
  margin-top: 6.5rem !important;
}
#page-mod-h5pactivity-mod #region-main, #page-mod-h5pactivity-view #region-main {
  padding: 1rem 2rem;
  background-color: #FAF9F6;
  border-radius: 24px;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
#page-mod-h5pactivity-mod #region-main .h5p-iframe-wrapper, #page-mod-h5pactivity-view #region-main .h5p-iframe-wrapper {
  overflow-y: hidden !important;
  /* stylelint-disable-line declaration-no-important */
  margin-left: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  margin-right: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
#page-mod-h5pactivity-mod #region-main .h5p-iframe-wrapper iframe, #page-mod-h5pactivity-view #region-main .h5p-iframe-wrapper iframe {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}
iframe:is(.h5p-player) {
  border-radius: 24px;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
/* == End: post/pages/mod/_h5pactivity_mod.scss == */
/* == Begin: post/pages/mod/_icons.scss == */
.path-course .courseicon, .path-course .interactivecontent, .path-mod .courseicon, .path-mod .interactivecontent {
  border-radius: 8px;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  background-color: #ebebeb !important;
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .path-course .courseicon, .path-course .interactivecontent, .path-mod .courseicon, .path-mod .interactivecontent {
    width: 3.5rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .path-course .courseicon, .path-course .interactivecontent, .path-mod .courseicon, .path-mod .interactivecontent {
    width: 5.5rem;
    height: 5.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}
.path-course .courseicon:not(.isbranded):not(.other):not(.assessment) .activityicon, .path-course .interactivecontent:not(.isbranded):not(.other):not(.assessment) .activityicon, .path-mod .courseicon:not(.isbranded):not(.other):not(.assessment) .activityicon, .path-mod .interactivecontent:not(.isbranded):not(.other):not(.assessment) .activityicon {
  width: 60%;
  height: 60%;
  max-width: 100%;
}
.path-course .courseicon:is(.isbranded, .assessment) .activityicon, .path-course .interactivecontent:is(.isbranded, .assessment) .activityicon, .path-mod .courseicon:is(.isbranded, .assessment) .activityicon, .path-mod .interactivecontent:is(.isbranded, .assessment) .activityicon {
  scale: 0.5;
}
.path-course .courseicon:is(.other) .activityicon, .path-course .interactivecontent:is(.other) .activityicon, .path-mod .courseicon:is(.other) .activityicon, .path-mod .interactivecontent:is(.other) .activityicon {
  scale: 0.7;
}
.path-course .courseicon .activityicon:not(.nofilter), .path-course .interactivecontent .activityicon:not(.nofilter), .path-mod .courseicon .activityicon:not(.nofilter), .path-mod .interactivecontent .activityicon:not(.nofilter) {
  filter: invert(77%) sepia(42%) saturate(6021%) hue-rotate(1deg) brightness(97%) contrast(98%) !important;
}
.path-course .activity.modtype_bigbluebuttonbn .activityiconcontainer.courseicon, .path-course .modchoosercontainer .modicon_bigbluebuttonbn.activityiconcontainer, .path-course #page-header .modicon_bigbluebuttonbn.activityiconcontainer, .path-course .block_recentlyaccesseditems .theme-boost-union-bigbluebuttonbn.activityiconcontainer, .path-course .block_timeline .theme-boost-union-mod_bigbluebuttonbn.activityiconcontainer, .path-course .activity.modtype_subcourse .activityiconcontainer.courseicon, .path-course .modchoosercontainer .modicon_subcourse.activityiconcontainer, .path-course #page-header .modicon_subcourse.activityiconcontainer, .path-course .block_recentlyaccesseditems .theme-boost-union-subcourse.activityiconcontainer, .path-course .block_timeline .theme-boost-union-mod_subcourse.activityiconcontainer, .path-course .activity.modtype_customcert .activityiconcontainer.courseicon, .path-course .modchoosercontainer .modicon_customcert.activityiconcontainer, .path-course #page-header .modicon_customcert.activityiconcontainer, .path-course .block_recentlyaccesseditems .theme-boost-union-customcert.activityiconcontainer, .path-course .block_timeline .theme-boost-union-mod_customcert.activityiconcontainer, .path-mod .activity.modtype_bigbluebuttonbn .activityiconcontainer.courseicon, .path-mod .modchoosercontainer .modicon_bigbluebuttonbn.activityiconcontainer, .path-mod #page-header .modicon_bigbluebuttonbn.activityiconcontainer, .path-mod .block_recentlyaccesseditems .theme-boost-union-bigbluebuttonbn.activityiconcontainer, .path-mod .block_timeline .theme-boost-union-mod_bigbluebuttonbn.activityiconcontainer, .path-mod .activity.modtype_subcourse .activityiconcontainer.courseicon, .path-mod .modchoosercontainer .modicon_subcourse.activityiconcontainer, .path-mod #page-header .modicon_subcourse.activityiconcontainer, .path-mod .block_recentlyaccesseditems .theme-boost-union-subcourse.activityiconcontainer, .path-mod .block_timeline .theme-boost-union-mod_subcourse.activityiconcontainer, .path-mod .activity.modtype_customcert .activityiconcontainer.courseicon, .path-mod .modchoosercontainer .modicon_customcert.activityiconcontainer, .path-mod #page-header .modicon_customcert.activityiconcontainer, .path-mod .block_recentlyaccesseditems .theme-boost-union-customcert.activityiconcontainer, .path-mod .block_timeline .theme-boost-union-mod_customcert.activityiconcontainer {
  background-color: #ebebeb !important;
}
.path-course .activity-header:not(:empty), .path-mod .activity-header:not(:empty) {
  background-color: transparent !important;
  padding-left: 0 !important;
}
/* == End: post/pages/mod/_icons.scss == */
/* == Begin: post/pages/mod/_images.scss == */
.path-course img:not([class*="icon"]), .path-mod img:not([class*="icon"], [alt*="logo"], [alt*="Delete"]) {
  border-radius: 15px;
}
/* == End: post/pages/mod/_images.scss == */
/* == Begin: post/pages/mod/_activity_navigation.scss == */
.path-mod .activity-navigation {
  padding-bottom: 1rem;
}
.path-mod .activity-navigation #prev-activity-link, .path-mod .activity-navigation #next-activity-link {
  text-decoration: none;
  border: 1px solid #f29503;
  padding: 0.5rem !important;
  transition: all 0.2s ease;
}
.path-mod .activity-navigation #prev-activity-link:hover, .path-mod .activity-navigation #prev-activity-link:focus-visible, .path-mod .activity-navigation #next-activity-link:hover, .path-mod .activity-navigation #next-activity-link:focus-visible {
  color: #4f4f4f;
  text-decoration: none !important;
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  .path-mod .activity-navigation #prev-activity-link:hover, .path-mod .activity-navigation #prev-activity-link:focus-visible, .path-mod .activity-navigation #next-activity-link:hover, .path-mod .activity-navigation #next-activity-link:focus-visible {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
#page-mod-page-mod #region-main, #page-question-type-multichoice #region-main {
  background-color: #FAF9F6;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
/* == End: post/pages/mod/_activity_navigation.scss == */
/* == Begin: post/pages/mod/_page_resource_view.scss == */
#page-mod-page-view div#page-content #region-main-box, #page-mod-resource-view div#page-content #region-main-box, #page-mod-videotime-view div#page-content #region-main-box, #page-mod-page-mod div#page-content #region-main-box, .path-mod-quiz div#page-content #region-main-box {
  background-color: #FAF9F6;
  border-radius: 24px;
}
#page-mod-page-view div#page-content #region-main-box .path-mod-resource .resourcedetails p, #page-mod-resource-view div#page-content #region-main-box .path-mod-resource .resourcedetails p, #page-mod-videotime-view div#page-content #region-main-box .path-mod-resource .resourcedetails p, #page-mod-page-mod div#page-content #region-main-box .path-mod-resource .resourcedetails p, .path-mod-quiz div#page-content #region-main-box .path-mod-resource .resourcedetails p {
  margin-top: auto !important;
  /* stylelint-disable-line declaration-no-important */
}
#page-mod-page-view .activityiconcontainer, #page-mod-resource-view .activityiconcontainer, #page-mod-videotime-view .activityiconcontainer, #page-mod-page-mod .activityiconcontainer, .path-mod-quiz .activityiconcontainer {
  border-radius: 8px;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  background-color: #ebebeb !important;
  /* stylelint-disable-line declaration-no-important */
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* activity icon */
}
@media (min-width: 768px) {
  #page-mod-page-view .activityiconcontainer, #page-mod-resource-view .activityiconcontainer, #page-mod-videotime-view .activityiconcontainer, #page-mod-page-mod .activityiconcontainer, .path-mod-quiz .activityiconcontainer {
    width: 3.5rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  #page-mod-page-view .activityiconcontainer, #page-mod-resource-view .activityiconcontainer, #page-mod-videotime-view .activityiconcontainer, #page-mod-page-mod .activityiconcontainer, .path-mod-quiz .activityiconcontainer {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}
#page-mod-page-view .activityiconcontainer .activityicon:not(.nofilter), #page-mod-resource-view .activityiconcontainer .activityicon:not(.nofilter), #page-mod-videotime-view .activityiconcontainer .activityicon:not(.nofilter), #page-mod-page-mod .activityiconcontainer .activityicon:not(.nofilter), .path-mod-quiz .activityiconcontainer .activityicon:not(.nofilter) {
  width: 66%;
  height: 66%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: invert(77%) sepia(42%) saturate(6021%) hue-rotate(1deg) brightness(97%) contrast(98%) !important;
  /* stylelint-disable-line declaration-no-important */
}
#page-mod-page-view .activityiconcontainer .activityicon img, #page-mod-page-view .activityiconcontainer .activityicon svg, #page-mod-page-view .activityiconcontainer .activityicon i, #page-mod-page-view .activityiconcontainer .activityicon .icon, #page-mod-resource-view .activityiconcontainer .activityicon img, #page-mod-resource-view .activityiconcontainer .activityicon svg, #page-mod-resource-view .activityiconcontainer .activityicon i, #page-mod-resource-view .activityiconcontainer .activityicon .icon, #page-mod-videotime-view .activityiconcontainer .activityicon img, #page-mod-videotime-view .activityiconcontainer .activityicon svg, #page-mod-videotime-view .activityiconcontainer .activityicon i, #page-mod-videotime-view .activityiconcontainer .activityicon .icon, #page-mod-page-mod .activityiconcontainer .activityicon img, #page-mod-page-mod .activityiconcontainer .activityicon svg, #page-mod-page-mod .activityiconcontainer .activityicon i, #page-mod-page-mod .activityiconcontainer .activityicon .icon, .path-mod-quiz .activityiconcontainer .activityicon img, .path-mod-quiz .activityiconcontainer .activityicon svg, .path-mod-quiz .activityiconcontainer .activityicon i, .path-mod-quiz .activityiconcontainer .activityicon .icon {
  width: 66%;
  height: 66%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
#page-mod-page-view #page-mod-page-view table td a, #page-mod-page-view #page-mod-page-view table td a:link, #page-mod-page-view #page-mod-page-view table td a:visited, #page-mod-page-view #page-mod-page-view table td a:focus, #page-mod-page-view #page-mod-page-view table td a:hover, #page-mod-page-view #page-mod-page-view table td a:active, #page-mod-resource-view #page-mod-page-view table td a, #page-mod-resource-view #page-mod-page-view table td a:link, #page-mod-resource-view #page-mod-page-view table td a:visited, #page-mod-resource-view #page-mod-page-view table td a:focus, #page-mod-resource-view #page-mod-page-view table td a:hover, #page-mod-resource-view #page-mod-page-view table td a:active, #page-mod-videotime-view #page-mod-page-view table td a, #page-mod-videotime-view #page-mod-page-view table td a:link, #page-mod-videotime-view #page-mod-page-view table td a:visited, #page-mod-videotime-view #page-mod-page-view table td a:focus, #page-mod-videotime-view #page-mod-page-view table td a:hover, #page-mod-videotime-view #page-mod-page-view table td a:active, #page-mod-page-mod #page-mod-page-view table td a, #page-mod-page-mod #page-mod-page-view table td a:link, #page-mod-page-mod #page-mod-page-view table td a:visited, #page-mod-page-mod #page-mod-page-view table td a:focus, #page-mod-page-mod #page-mod-page-view table td a:hover, #page-mod-page-mod #page-mod-page-view table td a:active, .path-mod-quiz #page-mod-page-view table td a, .path-mod-quiz #page-mod-page-view table td a:link, .path-mod-quiz #page-mod-page-view table td a:visited, .path-mod-quiz #page-mod-page-view table td a:focus, .path-mod-quiz #page-mod-page-view table td a:hover, .path-mod-quiz #page-mod-page-view table td a:active {
  color: #FAF9F6 !important;
  text-decoration: none;
}
/* == End: post/pages/mod/_page_resource_view.scss == */
/* == Begin: post/pages/mod/_quiz.scss == */
.path-mod-quiz #page {
  margin-top: 6.5rem !important;
}
.path-mod-quiz #region-main {
  background-color: #FAF9F6;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
.path-mod-quiz .navitem .btn-secondary {
  color: #f29503;
  background-color: #FAF9F6;
  border-color: #f29503;
}
.path-mod-quiz .navitem .btn-secondary:hover {
  color: #FAF9F6;
  background-color: #f29503;
}
.path-mod-quiz form .que .info {
  padding: 1rem;
  min-width: fit-content;
  width: 14rem;
  background-color: #FAF9F6;
  border: 2px solid #4f4f4f;
  border-radius: 15px;
  margin-right: 1em;
}
.path-mod-quiz form .que .info h3.no {
  font-size: 1.5rem;
}
.path-mod-quiz form .que .info h3.no span.qno {
  font-size: 1.5rem;
}
.path-mod-quiz form .que .content > .formulation {
  color: #4f4f4f;
  background-color: #cce6ea;
  border-color: #cce6ea;
  display: grid !important;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1em;
  /* question */
}
.path-mod-quiz form .que .content > .formulation .qtext {
  font-size: 1rem;
  font-weight: 600;
}
.path-mod-quiz form .que .content > .formulation .qtext .clearfix {
  display: inline-block !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-mod-quiz .submitbtns.mdl-align .controls .singlebutton .btn-secondary {
  color: #f29503;
  background-color: #FAF9F6;
  border-color: #f29503;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.thispage {
  /* correct answer */
  /* incorrect answer */
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
  border: 1px solid #f29503;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.thispage.correct .thispageholder {
  border: 1px solid #357a32;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.thispage.incorrect .thispageholder {
  border: 1px solid #b25458;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
  border-radius: 4px;
  border: 1px solid #f29503;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
  background-color: #f29503;
}
.path-mod-quiz #mod_quiz_navblock .btn-secondary {
  color: #f29503;
  background-color: #FAF9F6;
  border-color: #f29503;
}
.path-mod-quiz #mod_quiz_navblock .btn-secondary:hover {
  color: #FAF9F6;
  background-color: #f29503;
}
.path-mod-quiz .que.correct .info {
  border: 2px solid #357a32;
}
.path-mod-quiz .que.correct .info h3.no, .path-mod-quiz .que.correct .info h3.no span.qno {
  color: #357a32;
}
.path-mod-quiz .que.correct .content .formulation .answer .correct {
  color: #357a32;
  font-weight: 600;
}
.path-mod-quiz .que.correct .content .outcome .specificfeedback, .path-mod-quiz .que.correct .content .comment .specificfeedback {
  font-weight: 600;
}
.path-mod-quiz .que.incorrect .info {
  border: 2px solid #ca3120;
}
.path-mod-quiz .que.incorrect .info h3.no, .path-mod-quiz .que.incorrect .info h3.no span.qno {
  color: #ca3120;
}
.path-mod-quiz .que.incorrect .content .formulation .answer .incorrect {
  color: #ca3120;
  font-weight: 600;
}
.path-mod-quiz .que.incorrect .content .outcome .specificfeedback, .path-mod-quiz .que.incorrect .content .comment .specificfeedback {
  font-weight: 600;
}
#page-mod-quiz-view #page {
  margin-top: 6.5rem !important;
}
#page-mod-quiz-view #region-main {
  background-color: #FAF9F6;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
#page-mod-quiz-view .card {
  background-color: transparent !important;
  border: 0 !important;
}
#page-mod-quiz-view .card-header {
  width: fit-content;
  background-color: #f29503;
}
#page-mod-quiz-view .card-header:first-child {
  border-radius: 5px;
}
/* Quiz evaluation/review page specifics (moved from general) */
table.generaltable.generalbox.quizreviewsummary {
  display: none !important;
  /* stylelint-disable-line declaration-no-important */
}
#page-mod-quiz-review .que {
  border-top: none !important;
  /* stylelint-disable-line declaration-no-important */
}
.path-mod-quiz .que.correct .info .state {
  color: rgba(255, 255, 255, 0.98);
  border-color: rgba(127, 201, 124, 0.7);
  background: linear-gradient(152deg, #55b750 0%, #3b8838 46%, #214b1f 100%);
  box-shadow: 0 10px 16px rgba(28, 64, 26, 0.34);
  padding: 0.5rem;
  border-radius: 15px;
}
.path-mod-quiz .que.correct .info .state::before {
  content: "✅";
  color: #122a11;
  padding: 0.2rem;
  margin-right: 0.2rem;
  border-radius: 15px;
}
.path-mod-quiz .que.incorrect .info .state {
  color: #6e422e;
  border-color: rgba(214, 112, 118, 0.6);
  background: linear-gradient(152deg, #ffd7d9 0%, #ffc1c3 52%, #ffacaf 100%);
  box-shadow: 0 8px 14px rgba(170, 76, 86, 0.22);
  padding: 0.5rem;
  border-radius: 15px;
}
.path-mod-quiz .que.incorrect .info .state::before {
  content: "❌";
  color: #b33f45;
  padding: 0.2rem;
  margin-right: 0.2rem;
  border-radius: 15px;
}
.path-mod-quiz .que .outcome {
  border: 1px solid rgba(255, 255, 255, 0.45);
  padding: 1rem;
  color: ghostwhite;
  background-color: grey;
  animation: quiz-feedback-pop 0.34s cubic-bezier(0.2, 0.8, 0.2, 1) both;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.path-mod-quiz .que.correct .outcome {
  background-color: #72b982;
  border-color: rgba(255, 255, 255, 0.58);
}
.path-mod-quiz .que.incorrect .outcome {
  background-color: #cc5b5b;
  border-color: rgba(255, 255, 255, 0.55);
}
.path-mod-quiz .que.partiallycorrect .outcome {
  background-color: #0f5f73;
  border-color: rgba(255, 255, 255, 0.5);
}
.path-mod-quiz .que .outcome:hover {
  box-shadow: 0 18px 32px rgba(11, 22, 40, 0.28);
}
.path-mod-quiz .que .outcome::before {
  content: none !important;
  display: none !important;
}
.path-mod-quiz .que .outcome .rightanswer {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #FAF9F6 !important;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.path-mod-quiz .que .outcome .qtype-mc-gamification-iconwrap {
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  border-radius: 50%;
  background-color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.path-mod-quiz .que .outcome .qtype-mc-gamification-icon {
  width: 1.55rem;
  height: 1.55rem;
  display: block;
}
.path-mod-quiz .que .outcome .qtype-mc-gamification-text {
  flex: 1;
  min-width: 0;
}
.path-mod-quiz .que .outcome .qtype-mc-gamification-headline {
  display: block;
  font-family: "Poppins", "Open Sans", Arial, sans-serif;
  font-style: normal;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
  text-rendering: geometricPrecision;
}
.path-mod-quiz .que .outcome .qtype-mc-gamification-answerline {
  display: block;
  margin-top: 0.4rem;
  font-style: normal;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.45;
}
@media (max-width: 767px) {
  .path-mod-quiz .que .outcome, .path-mod-quiz .que .comment {
    border-radius: 10px;
    padding: 0.75rem 1rem;
  }
  .path-mod-quiz .que .outcome .rightanswer {
    gap: 0.8rem;
  }
  .path-mod-quiz .que .outcome .rightanswer .qtype-mc-gamification-iconwrap {
    width: 2.6rem;
    height: 2.6rem;
    min-width: 2.6rem;
  }
  .path-mod-quiz .que .outcome .rightanswer .qtype-mc-gamification-icon {
    width: 1.35rem;
    height: 1.35rem;
  }
  .path-mod-quiz .que .outcome .rightanswer .qtype-mc-gamification-headline {
    font-size: 1.55rem;
  }
  .path-mod-quiz .que .outcome .rightanswer .qtype-mc-gamification-answerline {
    font-size: 0.94rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .path-mod-quiz .que .outcome, .path-mod-quiz .que .comment {
    animation: none;
    transition: none;
  }
  .path-mod-quiz .que .outcome:hover, .path-mod-quiz .que .comment:hover {
    transform: none;
  }
}
@keyframes quiz-feedback-pop {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
#page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav, #page-mod-quiz-review .submitbtns .mod_quiz-next-nav {
  border: 2px solid #b25458;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 5px;
  color: #b25458;
  text-align: center;
  align-items: center;
}
#page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav, #page-mod-quiz-review .submitbtns .mod_quiz-next-nav:hover {
  background-color: #bb2424;
  color: #FAF9F6;
  text-decoration: none;
}
#page-mod-quiz-edit ul.slots li.section li.page {
  margin-top: 1rem;
}
#page-mod-quiz-edit ul.slots li.section li.page form {
  padding: 0;
}
#page-mod-quiz-edit ul.slots li.section li.activity {
  border-radius: 24px;
  padding: 1rem;
  background-color: antiquewhite;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
  border-radius: 50px;
}
#page-mod-quiz-edit .activity {
  border: 0 !important;
}
#page-mod-quiz-edit .actions {
  background-color: transparent !important;
}
#page-mod-quiz-edit .actions a {
  margin-top: 1rem !important;
}
#page-mod-quiz-edit .inplaceeditable {
  border-radius: 15px;
  padding: 0.5rem !important;
}
#page-mod-quiz-edit .editing_move {
  margin-top: 1rem !important;
}
#page-mod-quiz-edit .page_split_join_wrapper a img {
  margin-bottom: 3.5rem;
}
/* == End: post/pages/mod/_quiz.scss == */
/* == Begin: post/pages/mod/_videotime_view.scss == */
#page-mod-videotime-view #page {
  margin-top: 6.5rem !important;
}
#page-mod-videotime-view #region-main {
  padding: 1rem 2rem;
  background-color: #FAF9F6;
  border-radius: 24px;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
#page-mod-videotime-view #region-main .btn:hover {
  margin: 0;
}
#page-mod-videotime-view #region-main .vimeo-container iframe {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 8px;
}
@media (max-width: 576px) {
  #page-mod-videotime-view #region-main {
    padding-inline: 1rem !important;
  }
}
#page-mod-videotime-index #region-main {
  padding: 1rem 2rem;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
/* == End: post/pages/mod/_videotime_view.scss == */
/* == Begin: post/pages/admin/_policy.scss == */
#page-admin-tool-policy-viewall #region-main {
  /* stylelint-disable-next-line csstree/validator */
  padding: 1rem 2rem 2rem;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
}
@media (min-width: 576px) {
  #page-admin-tool-policy-viewall #region-main {
    /* stylelint-disable-next-line csstree/validator */
    margin: 1rem;
  }
}
/* == End: post/pages/admin/_policy.scss == */
/* == Begin: post/pages/admin/_site_admin.scss == */
body[id^="page-admin"] #page {
  margin-top: 6.5rem !important;
}
.path-admin #region-main {
  padding-bottom: 1rem;
  max-width: unset;
  border-radius: 24px;
  background-color: transparent;
}
.path-admin #tool_installaddon_installfromzip_permcheck img {
  width: 0.5rem !important;
  background-color: honeydew !important;
  border-radius: 50% !important;
}
body[id^="page-admin"] #region-main {
  background-color: #FAF9F6 !important;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
body[id^="page-admin"] #page-header form {
  padding-bottom: 0;
}
body[id^="page-admin"] #page-header form .form-control {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  max-height: 3rem !important;
}
body[id^="page-admin"] #page-header form .btn {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  padding: 0.4rem;
}
body[id^="page-admin"] #page-header .align-items-center {
  margin-bottom: 0.35rem !important;
}
#page-course-management #region-main {
  background-color: #FAF9F6;
  padding: 1rem;
  border-radius: 24px;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
#page-course-management #region-main .card-header {
  background-color: transparent !important;
}
#page-course-management #region-main .card-body {
  padding: 2rem !important;
  margin-top: 1rem;
  border-radius: 24px;
}
#page-course-management #region-main li:not(.page-item) {
  margin-top: 1rem;
  padding-right: 2rem;
  border-radius: 16px;
  transition: all 0.5s ease;
}
#page-course-management #region-main li:not(.page-item):hover {
  background-color: #f5f5f5;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  border-radius: 24px;
}
#page-course-management #region-main li:not(.page-item) .float-end {
  margin-top: 0rem;
}
#page-admin-mod-lti-toolconfigure .form-control {
  margin-bottom: 1rem;
}
#page-admin-mod-lti-toolconfigure .tool-card {
  width: auto !important;
}
/* == End: post/pages/admin/_site_admin.scss == */
/* == Begin: post/pages/admin/_question_and_reports.scss == */
#page-question-edit #region-main-box, #page-report-log-index #region-main-box {
  background-color: transparent;
}
#page-question-edit #region-main-box #region-main, #page-report-log-index #region-main-box #region-main {
  background-color: #FAF9F6;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
#page-question-edit div[role="main"] > form .form-control-static, #page-report-log-index div[role="main"] > form .form-control-static {
  width: -webkit-fill-available;
}
/* == End: post/pages/admin/_question_and_reports.scss == */
/* == Begin: post/pages/admin/_roles_permissions.scss == */
#page-admin-roles-permissions #region-main {
  background-color: #FAF9F6;
}
#page-admin-roles-permissions .advancedoverride, #page-admin-roles-permissions .singleselect, #page-admin-roles-permissions .d-flex {
  margin-left: 1rem;
}
#page-admin-roles-permissions .capabilitysearchui {
  width: unset !important;
  margin-bottom: 12px;
}
#page-admin-roles-permissions .backlink {
  padding-bottom: 1rem;
}
#page-admin-roles-permissions .backlink a {
  color: #f29503;
  background-color: #FAF9F6;
  text-decoration: none;
  border: 1px solid #f29503;
  padding: 5px;
  border-radius: 8px;
}
#page-admin-roles-permissions .backlink a:hover, #page-admin-roles-permissions .backlink a:focus-visible {
  color: #4f4f4f;
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  #page-admin-roles-permissions .backlink a:hover, #page-admin-roles-permissions .backlink a:focus-visible {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
/* == End: post/pages/admin/_roles_permissions.scss == */
/* == Begin: post/pages/user/_preferences.scss == */
#page-user-preferences #region-main, #page-user-files #region-main, #page-grade-report-overview-index #region-main, #page-message-notificationpreferences #region-main, #page-user-editadvanced #region-main, .path-user #region-main {
  background-color: #FAF9F6;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  border-radius: 24px;
  padding: 2rem;
}
#page-user-preferences .page-header-image, #page-user-files .page-header-image, #page-grade-report-overview-index .page-header-image, #page-message-notificationpreferences .page-header-image, #page-user-editadvanced .page-header-image, .path-user .page-header-image {
  background-color: transparent !important;
}
#page-user-preferences #message-user-button, #page-user-files #message-user-button, #page-grade-report-overview-index #message-user-button, #page-message-notificationpreferences #message-user-button, #page-user-editadvanced #message-user-button, .path-user #message-user-button {
  color: #FAF9F6 !important;
  /* stylelint-disable-line declaration-no-important */
  margin-left: auto;
  margin-right: auto;
}
#page-user-preferences #message-user-button:hover, #page-user-preferences #message-user-button:focus-visible, #page-user-files #message-user-button:hover, #page-user-files #message-user-button:focus-visible, #page-grade-report-overview-index #message-user-button:hover, #page-grade-report-overview-index #message-user-button:focus-visible, #page-message-notificationpreferences #message-user-button:hover, #page-message-notificationpreferences #message-user-button:focus-visible, #page-user-editadvanced #message-user-button:hover, #page-user-editadvanced #message-user-button:focus-visible, .path-user #message-user-button:hover, .path-user #message-user-button:focus-visible {
  color: #f29503 !important;
  /* stylelint-disable-line declaration-no-important */
  background-color: #f1eee6;
  border-radius: 10px;
}
#page-enrol-manual-unenrolself #page, #page-backup-import #page, #page-backup-backup #page, #page-backup-restorefile #page, #page-backup-copy #page {
  margin-top: 6.5rem !important;
}
#page-enrol-manual-unenrolself #region-main, #page-backup-import #region-main, #page-backup-backup #region-main, #page-backup-restorefile #region-main, #page-backup-copy #region-main {
  background-color: #FAF9F6;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
}
#page-user-profile .page-header-image, #page-user-preferences .page-header-image, #page-user-files .page-header-image {
  background-color: transparent !important;
}
#page-user-profile .editprofile, #page-user-preferences .editprofile, #page-user-files .editprofile {
  text-align: left !important;
}
#page-user-profile .profile_tree .card, #page-user-preferences .profile_tree .card, #page-user-files .profile_tree .card {
  border: 1px solid #c7c7c7;
  border-radius: 16px;
}
#page-user-profile .profile_tree a:not(.btn):hover, #page-user-preferences .profile_tree a:not(.btn):hover, #page-user-files .profile_tree a:not(.btn):hover {
  color: #FAF9F6;
}
/* == End: post/pages/user/_preferences.scss == */
/* == Begin: post/pages/user/_page-message-index.scss == */
#page-message-index #page {
  margin-top: 4rem !important;
}
#page-message-index .dropdown-menu:not(#user-action-menu) {
  transform: translate3d(-155px, 20px, 0px) !important;
}
#page-message-index div[role="main"] {
  background-color: #FAF9F6;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  border-radius: 24px;
  padding: 1rem;
}
#page-message-index div[role="main"] .message-app {
  background-color: transparent;
  border: 0 !important;
  min-height: 80svh !important;
}
#page-message-index div[role="main"] .message-app .rounded-circle {
  width: 3rem;
}
#page-message-index div[role="main"] .message-app .form-control:focus {
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2) !important;
}
#page-message-index div[role="main"] .message-app .view-overview-body {
  margin: 1rem;
}
#page-message-index div[role="main"] .message-app .col-8 {
  padding: 1rem;
}
#page-message-index div[role="main"] .message-app .border-bottom {
  border: 0 !important;
}
#page-message-index div[role="main"] .message-app .list-group {
  border-radius: 24px !important;
  margin-top: 0.45rem;
  overflow: hidden;
}
#page-message-index div[role="main"] .message-app .bg-white {
  border-radius: 16px;
  padding: 1rem !important;
  border: 0 !important;
  background-color: transparent;
}
#page-message-index div[role="main"] .message-app .card {
  margin-top: 0.8rem !important;
  border: 0;
  background: transparent;
}
#page-message-index div[role="main"] .message-app .card .card-header {
  border-radius: 16px !important;
  padding: 0.5rem 1rem !important;
  border: 0;
  background: rgba(255, 236, 214, 0.72);
}
#page-message-index div[role="main"] .message-app .message {
  border-radius: 16px !important;
  padding: 0.55rem 0.9rem !important;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2) !important;
  background: #FAF9F6;
  border: 1px solid rgba(65, 65, 65, 0.08);
}
#page-message-index div[role="main"] .message-app .message .tail {
  display: none !important;
}
/* == End: post/pages/user/_page-message-index.scss == */
/* == Begin: post/pages/user/_page-message-output-popup-notifications.scss == */
#page-message-output-popup-notifications .notification-area {
  background-color: #FAF9F6;
  border-radius: 24px;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  padding: 1rem;
}
#page-message-output-popup-notifications .notification-area a {
  text-decoration: none;
  font-weight: 700;
  background-color: #f29503;
  color: white !important;
  border: 1px solid #f29503;
  border-radius: 16px;
  padding-inline: 1rem;
  transition: all 0.2s ease;
}
#page-message-output-popup-notifications .notification-area a:hover {
  color: #4f4f4f !important;
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  #page-message-output-popup-notifications .notification-area a:hover {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
#page-message-output-popup-notifications .notification-area .control-area {
  padding-inline: 1rem;
}
#page-message-output-popup-notifications .notification-area .control-area .content-item-container {
  background-color: #FAF9F6;
  border: 1px solid #f29503;
  border-radius: 16px;
  padding-inline: 1rem;
  transition: all 0.2s ease;
}
#page-message-output-popup-notifications .notification-area .control-area .content-item-container:hover {
  color: #4f4f4f !important;
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  #page-message-output-popup-notifications .notification-area .control-area .content-item-container:hover {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
#page-message-output-popup-notifications .notification-area .control-area .content-item-container .content-item-body, #page-message-output-popup-notifications .notification-area .control-area .content-item-container .notification-message {
  font-weight: bold;
}
#page-message-output-popup-notifications .notification-area .control-area .content-item-container.selected {
  background-color: #f29503 !important;
  color: white !important;
  border-color: #f29503 !important;
  box-shadow: 0 0 0 2px rgba(242, 149, 3, 0.45);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media (forced-colors: active) {
  #page-message-output-popup-notifications .notification-area .control-area .content-item-container.selected {
    box-shadow: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
#page-message-output-popup-notifications .notification-area .control-area .content-item-container.selected:hover {
  color: #4f4f4f !important;
}
#page-message-output-popup-notifications .notification-area .content-area .header {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1rem;
  padding-bottom: 4rem !important;
}
#page-message-output-popup-notifications .notification-area .content-area .header .subject-container {
  height: auto !important;
}
#page-message-output-popup-notifications .notification-area .content-area content {
  margin-bottom: 0.6rem;
}
#page-message-output-popup-notifications .notification-area .content-area content pre {
  text-wrap-mode: wrap;
}
/* == End: post/pages/user/_page-message-output-popup-notifications.scss == */