@charset "utf-8";
@import url("../fonts/Montserrat/font.cb6b773adc77.css");
@import url("../fonts/Inter/font.b95774c904f4.css");

body {
  padding: 0;
  margin: 0;
  background: var(--lmsApp-color-bg-light);
  font-family: "Inter";
  font-weight: 600;
  --lmsApp-menu-position: var(--top-menu-position, 64px);
  overflow-x: clip;
}

body * {
  box-sizing: border-box;
  position: relative;
  font-family: "Inter";
}

*:active,
*:focus {
  outline: none;
}

*::-moz-focus-inner {
  border: 0;
}

* {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}

a {
  color: inherit;
}

.lmsApp-section {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: var(--lmsApp-spacing-level-1);
  --lmsApp-text-color: var(--lmsApp-color-text-light);
  color: rgb(var(--lmsApp-text-color));
  position: relative;
  z-index: 1;
  max-width: 100% !important;
  min-height: calc(100 * var(--vh, 1vh) - var(--lmsApp-top-menu-position));
  background: rgb(var(--lmsApp-color-bg-white));
  overflow: visible;
}

.lmsApp-section > .content,
.lmsApp-section > .container > .content {
  display: flex !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  z-index: 2;
  background: rgb(var(--lmsApp-color-bg-white));
  padding: var(--lmsApp-spacing-level-3);
  font-weight: 400;
  gap: var(--lmsApp-spacing-level-3);
  width: calc(
    var(--lmsApp-body-container-width) / 2 + var(--lmsApp-spacing-level-3) * 2
  );
  overflow: visible;
  max-width: 100%;
  color: rgb(var(--lmsApp-text-color));
  border-radius: 20px;
}

.lmsApp-section > .content.text-align-center,
.lmsApp-section > .container > .content.text-align-center {
  align-items: center;
}

.lmsApp-section > .content > .details:not(.card .details),
.lmsApp-section > .container > .content > .details:not(.card .details) {
  font-size: var(--lmsApp-text-size-text-small);
  font-weight: 500;
  color: rgb(var(--lmsApp-text-color), var(--lmsApp-color-text-transparency));
  margin-bottom: calc(0px - var(--lmsApp-spacing-level-4) * 1.5);
  padding-bottom: var(--lmsApp-spacing-level-5);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--lmsApp-spacing-level-4);
}

.lmsApp-section > .content > .details:not(.card .details) > span,
.lmsApp-section > .container > .content > .details:not(.card .details) > span {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.lmsApp-section > .content > .details:empty,
.lmsApp-section > .container > .content > .details:empty {
  display: none;
}

.lmsApp-section > .content > .details:not(.card .details) svg,
.lmsApp-section > .container > .content > .details:not(.card .details) svg {
  height: var(--lmsApp-text-size-text-small);
  width: var(--lmsApp-text-size-text-small);
}

.lmsApp-section > .content > .details:not(.card .details) svg > *,
.lmsApp-section > .container > .content > .details:not(.card .details) svg > * {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: rgb(var(--lmsApp-text-color), var(--lmsApp-color-text-transparency));
  stroke-width: 2px;
}

.lmsApp-section > .content > .title,
.lmsApp-section > .container > .content > .title {
  font-family: "Montserrat";
  font-size: var(--text-size-header-medium);
  font-weight: 700;
  max-width: 100%;
  color: rgb(var(--text-color));
}

.lmsApp-section a {
  text-decoration: none;
}

.lmsApp-section a:hover {
  text-decoration: underline;
}

.lmsApp-section > .content .description:not(.longtext) a,
.lmsApp-section > .container > .content .description:not(.longtext) a {
  color: rgb(var(--lmsApp-color-active-element));
  text-decoration: none;
}

.lmsApp-section > .content .description:not(.longtext) a:hover,
.lmsApp-section > .container > .content .description:not(.longtext) a:hover {
  text-decoration: underline;
}

.lmsApp-section > .content .actions,
.lmsApp-section > .container > .content .actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--lmsApp-spacing-level-4);
  margin-top: var(--lmsApp-spacing-level-2);
}

.lms-sections {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  width: calc(100% + var(--lmsApp-spacing-level-5) * 4);
  gap: var(--lmsApp-spacing-level-3);
  background: rgb(var(--lmsApp-color-bg-light));
  padding: calc(var(--lmsApp-spacing-level-5) * 2);
  margin: 0 calc(0px - var(--lmsApp-spacing-level-5) * 2);
  border-radius: 20px;
  overflow: hidden;
}

.lms-sections:empty {
  display: none;
}

.lms-sections > .lms-section {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  gap: var(--lmsApp-spacing-level-5);
  transition: max-height 0.3s ease, margin 0.3s ease, opacity 0.3s ease;
  max-height: var(--lmsApp-old-section-height);
  overflow: visible;
}

.lms-sections > .lms-section.hide {
  overflow: hidden;
  opacity: 0;
  max-height: 0px;
  margin-top: calc(0px - var(--lmsApp-spacing-level-3));
}

.lms-sections > .lms-section > .title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  font-family: "Montserrat";
  font-weight: 700;
  font-size: var(--lmsApp-text-size-text-small);
  padding: 0 var(--lmsApp-spacing-level-4)
    calc(var(--lmsApp-spacing-level-5) * 2) var(--lmsApp-spacing-level-4);
  margin-bottom: calc(0px - var(--lmsApp-spacing-level-5));
  gap: var(--lmsApp-spacing-level-5);
}

.lms-sections > .lms-section input[type="text"],
.db-objects > .table td > div > input[type="text"] {
  all: unset;
  width: 100%;
  max-width: 100%;
  height: auto;
  cursor: pointer;
  text-overflow: ellipsis;
}

.lms-sections > .lms-section input[type="text"].error,
.db-objects > .table td > div > input[type="text"].error,
.lms-sections > .lms-section input[type="text"].error::placeholder,
.db-objects > .table td > div > input[type="text"].error::placeholder {
  color: rgb(var(--lmsApp-color-destruction));
}

.lms-sections > .lms-section input[type="text"]:focus,
.db-objects > .table td > div > input[type="text"]:focus {
  cursor: text;
  border: 2px solid rgb(var(--lmsApp-color-active-element));
  padding: var(--lmsApp-spacing-level-5) calc(var(--lmsApp-spacing-level-5) * 2);
  margin: calc(0px - var(--lmsApp-spacing-level-5) - 2px)
    calc(0px - var(--lmsApp-spacing-level-5) * 2 - 2px);
  background: rgb(var(--lmsApp-color-bg-white));
  border-radius: 4px;
}

.lms-sections > .lms-section > .title > .button,
.lms-sections > .lms-section .topic .button {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: var(--lmsApp-spacing-level-5);
  border-radius: 8px;
  outline: none !important;
  pointer-events: all !important;
}

.lms-sections > .lms-section .topic .file .button:first-child {
  margin-right: calc(
    var(--lmsApp-spacing-level-4) - var(--lmsApp-spacing-level-5) * 1.5
  );
  margin-left: calc(
    0px - var(--lmsApp-spacing-level-5) * 2 -
      var(--lmsApp-text-size-text-medium) - var(--lmsApp-spacing-level-4)
  );
}

.lms-sections > .lms-section > .title > .button > svg,
.lms-sections > .lms-section .topic .button > svg {
  height: 16px;
  width: 16px;
}

.lms-sections > .lms-section > .topic {
  --header-height: 68px;
  --body-height: 0px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  border: 1px solid rgb(var(--lmsApp-color-bg-dark), 0.075);
  background: rgb(
    var(--lmsApp-color-bg-white),
    var(--lmsApp-color-bg-transparency)
  );
  border-radius: calc(20px - var(--lmsApp-spacing-level-5) * 2);
  max-height: var(--header-height);
  min-height: var(--header-height);
  overflow: hidden;
  transition: opacity 0.15s ease, max-height 0.3s ease, min-height 0.3s ease,
    margin 0.3s ease;
  text-decoration: none;
}

.lms-sections > .lms-section > .topic:hover {
  background: rgb(var(--lmsApp-color-bg-white));
}

.lms-sections > .lms-section > .topic.not-clickable {
  transition: unset;
}

.lms-sections > .lms-section > .topic.expanded {
  max-height: calc(var(--header-height) + var(--body-height));
}

.lms-sections > .lms-section > .topic.hide {
  opacity: 0;
  max-height: 0px;
  min-height: 0px;
  margin-top: calc(0px - var(--lmsApp-spacing-level-5) - 2px);
}

.lms-sections > .lms-section > .topic > .header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  padding: var(--lmsApp-spacing-level-4);
  cursor: pointer;
  max-height: var(--header-height);
  min-height: 68px;
  overflow: hidden;
  gap: calc(var(--lmsApp-spacing-level-5) * 2);
  flex-shrink: 0;
}

.lms-sections > .lms-section > .topic > .header > span {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--lmsApp-spacing-level-4);
  flex-grow: 1;
}

.lms-sections > .lms-section > .topic > .header > span.file {
  gap: calc(var(--lmsApp-spacing-level-5) * 2);
}

.lms-sections > .lms-section > .topic > .header > span:last-child {
  justify-content: flex-end;
  flex-grow: 0;
}

.lms-sections > .lms-section > .topic > .header > span > .icon {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.lms-sections
  > .lms-section
  > .topic
  > .header
  > span:not(.file)
  > .icon
  > svg {
  height: var(--lmsApp-text-size-header-small);
  width: auto;
  aspect-ratio: 1;
}

.lms-sections > .lms-section > .topic > .header > span.file > .icon {
  padding: var(--lmsApp-spacing-level-5) 0;
}

.lms-sections
  > .lms-section
  > .topic
  > .header
  > span:not(.file)
  > .icon
  > svg
  > * {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: rgb(var(--lmsApp-color-active-element));
  stroke-width: 2px;
}

.lms-sections > .lms-section > .topic > .header > span > .content {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  font-family: "Inter";
  font-weight: 400;
  width: 100%;
}

.lms-sections > .lms-section > .topic > .header > span > .content > .title,
.db-objects td.input-container > .title {
  font-size: var(--lmsApp-text-size-text-medium);
  color: rgb(var(--lmsApp-color-text-light));
}

.lms-sections
  > .lms-section
  > .topic
  > .header
  > span
  > .content
  > .description,
.db-objects td.input-container > .description {
  font-size: var(--lmsApp-text-size-text-small);
  color: rgb(
    var(--lmsApp-color-text-light),
    var(--lmsApp-color-text-transparency)
  );
}

.lms-sections
  > .lms-section
  > .topic
  > .header
  > span
  > .content
  > .title.focused-input,
.lms-sections
  > .lms-section
  > .topic
  > .header
  > span
  > .content
  > .description.focused-input,
.db-objects > .table td > div.focused-input {
  z-index: 10;
}

.lms-sections > .lms-section > .topic > .header > span:last-child > .button {
  height: calc(100% + var(--lmsApp-spacing-level-4) * 2);
  margin: calc(0px - var(--lmsApp-spacing-level-4)) 0
    calc(0px - var(--lmsApp-spacing-level-4)) 0;
  padding: var(--lmsApp-spacing-level-4);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.lms-sections
  > .lms-section
  > .topic
  > .header
  > span:last-child
  > .button:last-child {
  margin: calc(0px - var(--lmsApp-spacing-level-4))
    calc(0px - var(--lmsApp-spacing-level-4))
    calc(0px - var(--lmsApp-spacing-level-4)) 0;
}

.lms-sections
  > .lms-section
  > .topic
  > .header
  > span:last-child
  > .button
  > svg {
  height: var(--lmsApp-text-size-text-large);
  width: var(--lmsApp-text-size-text-large);
  transition: all 0.15s ease;
}

.lms-sections
  > .lms-section
  > .topic.expanded
  > .header
  > span
  > .button.expand
  > svg {
  transform: rotate(180deg);
}

.lms-sections > .lms-section > .topic > .header > span > .button > svg > * {
  stroke-width: 2px;
  stroke: rgb(var(--lmsApp-color-active-element));
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.lms-sections > .lms-section > .topic > .body {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  flex-shrink: 0;
  padding: var(--lmsApp-spacing-level-4)
    calc(var(--lmsApp-spacing-level-4) * 2 + var(--lmsApp-text-size-text-large))
    var(--lmsApp-spacing-level-4)
    calc(
      var(--lmsApp-spacing-level-5) * 2 + var(--lmsApp-text-size-text-medium) +
        var(--lmsApp-spacing-level-4) * 2
    );
  gap: calc(var(--lmsApp-spacing-level-5) * 2);
  border-top: 1px solid rgb(var(--lmsApp-color-bg-dark), 0.075);
}

.lms-sections > .lms-section > .topic > .body > .file {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  text-decoration: none;
  gap: calc(var(--lmsApp-spacing-level-5) * 1.5);
  overflow: visible;
  cursor: pointer;
  transition: max-height 0.3s ease, margin 0.3s ease, opacity 0.3s ease;
  max-height: var(--lmsApp-old-file-height);
}

.lms-sections > .lms-section > .topic > .body > .file.hide {
  opacity: 0;
  max-height: 0px;
  margin-top: calc(0px - var(--lmsApp-spacing-level-5) * 2);
}

.lms-sections > .lms-section > .topic > .body > .file > .title {
  max-width: 100%;
  font-size: var(--lmsApp-text-size-text-small);
  color: rgb(var(--lmsApp-text-color));
  font-weight: 400;
  line-height: 1;
}

.lms-sections > .lms-section > .topic > .body > .file:hover > .title {
  text-decoration: underline;
}

.lms-sections > .lms-section > .topic > .body > .file > .icon {
  height: var(--lmsApp-text-size-header-medium);
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.lms-sections > .lms-section > .topic > .body > .file > .icon > svg.v1 {
  height: calc(100% + 1px);
  width: auto;
  margin: 0 -0.5px 0 -5.5px;
}

.lms-sections > .lms-section > .topic > .body > .file > .icon > svg.v2 {
  height: calc(100% + 4px);
  width: auto;
  margin: 0 -2.5px 0 -6.5px;
}

.lms-sections > .lms-section > .topic > .body > .file > .icon > svg.v3 {
  height: 100%;
  width: auto;
  margin: 0 -0.25px;
}

.lms-sections > .lms-section > .topic > .body > .file > .icon > svg.v1 > * {
  fill: rgb(var(--color-accent-light));
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: rgb(var(--color-accent-light));
  stroke-width: 0;
}

@media (max-width: 950px) {
  .lmsApp-section {
    padding: var(--lmsApp-spacing-level-1) 0;
  }

  .lms-sections {
    width: calc(100% + var(--lmsApp-spacing-level-3) * 2);
    margin: 0 calc(0px - var(--lmsApp-spacing-level-3));
  }

  .lms-sections > .lms-section > .topic > .body {
    padding: var(--lmsApp-spacing-level-4);
  }

  .lmsApp-section.post > .content .files {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .lms-sections > .lms-section > .topic > .header > span.file > .icon {
    padding: 0;
  }
}