.OnboardingFilter__Item {
  max-width: calc(250px - 2px); }

.AcademyDeadline {
  margin-left: 24px; }

.AcademyDeadline .AcademyDeadline__TypeSelect .Form__Group,
.AcademyDeadline .AcademyDeadline__Dynamic .Form__Group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.AcademyDeadline .AcademyDeadline__Dynamic {
  margin-bottom: 0; }

.LearningPathListItem {
  margin-bottom: 12px; }
  .LearningPathListItem .coursesCount {
    margin-left: 8px;
    margin-right: 16px; }
  .LearningPathListItem .StatusSelector {
    margin-right: 8px; }

.Form__FileInput__Preview .Spinner--size-large {
  margin: 2em 0em; }

.imageViaUnsplash {
  margin-top: 1.8em; }

.UnsplashModal .modal-dialog .modal-content .modal-header {
  min-height: inherit; }

.UnsplashModal .modal-dialog .modal-content .modal-body {
  overflow: auto; }
  .UnsplashModal .modal-dialog .modal-content .modal-body .fileLoader {
    margin-top: 3em;
    margin-bottom: 3em; }

.UnsplashModal .AsyncList {
  padding-bottom: 1em; }

.AudienceBadge__Separator {
  margin: 0 8px;
  display: inline-block;
  color: #808080; }

.CourseSettings__Edit {
  float: unset;
  vertical-align: middle;
  margin-left: 6px;
  cursor: pointer; }

.SimpleText p {
  margin: 0; }

.SimpleText .SimpleText__Linebreak {
  display: block;
  height: 12px; }

.Hint .Hint__Toggle {
  cursor: pointer; }

.Hint .Icon {
  float: inherit;
  margin-right: 8px; }
  .Hint .Icon path[stroke^="#"] {
    stroke: #ABB4BD; }

.Hint .Icon, .Hint .Hint__ToggleText {
  display: inline-block;
  vertical-align: middle; }

.Hint .Hint__ToggleText {
  color: #ABB4BD;
  font-weight: 500;
  margin: 0; }

.Hint .Hint__ToggleText:hover {
  text-decoration: underline; }

.Hint .SimpleText {
  max-width: 400px;
  margin: 0 auto;
  margin-top: 12px;
  display: block;
  padding: 16px;
  border: 1px solid #E5E5EA;
  border-radius: 8px;
  text-align: justify; }

.AcademyModule__TopNavigation .Align > * {
  margin-right: 16px !important; }

#Screen > .Container__Content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }

.Editor {
  margin-right: 24px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }

.Editor + .Overview {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-item-align: start;
      align-self: flex-start; }

.AcademyScreen__TopNavigation .Align > div > * {
  margin-right: 16px !important; }

.LearningNewSection__TopNavigation .Align > * {
  margin-right: 16px !important; }

.LearningNewSection__TopNavigation .Align > *:last-child {
  margin-right: 0px !important; }

.Academy__Collections {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .Academy__Collections:not(:last-child) {
    margin-bottom: 16px; }

.Academy__Collections--responsive .AcademyItem {
  -ms-flex: 0 1 calc(33.333333% - 10.66667px);
      flex: 0 1 calc(33.333333% - 10.66667px); }

.AcademyItem {
  min-width: 0;
  -ms-flex: 0 1 calc(25% - 12px);
      flex: 0 1 calc(25% - 12px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
  .AcademyItem--selected {
    box-shadow: 0 0 0 1px var(--color-primary); }
  .AcademyItem--open .AcademyItem__Header__Actions {
    visibility: visible; }
  .AcademyItem:hover .AcademyItem__Header__Overlay {
    display: -ms-flexbox;
    display: flex; }
  .AcademyItem:hover .AcademyItem__Header__Actions {
    visibility: visible; }
  .AcademyItem:hover .AcademyItem__Header__Image {
    filter: blur(3px); }
  .AcademyItem:not(:last-child) {
    margin-right: 16px; }
  .AcademyItem .FilterItem {
    margin-right: 0; }
    .AcademyItem .FilterItem + .FilterItem {
      margin-top: 4px; }
  .AcademyItem .Select {
    margin-top: 12px; }
  .AcademyItem form {
    margin-top: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }

.AcademyItem__Header {
  padding-top: 56.25%;
  position: relative;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.AcademyItem__Header__Image {
  width: 100%;
  height: 100%;
  background-color: #E5E5EA;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0; }
  .AcademyItem__Header__Image .Badge {
    position: absolute;
    top: 12px;
    right: 12px; }

.AcademyItem__Header__Overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  position: absolute;
  top: 0;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 1; }
  .AcademyItem__Header__Overlay .Button {
    color: #FFFFFF; }

.AcademyItem__Header__Actions {
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden; }
  .AcademyItem__Header__Actions > * {
    margin: 8px; }
  .AcademyItem__Header__Actions .Icon path[fill^="#"] {
    fill: #FFFFFF; }
  .AcademyItem__Header__Actions .Icon path[stroke^="#"] {
    stroke: #FFFFFF; }
  .AcademyItem__Header__Actions .dropdown {
    margin-left: auto; }

.AcademyItem__Header__Actions__Info {
  padding: 4px;
  color: #FFFFFF; }

.AcademyItem__Header__Selector {
  width: 22px;
  height: 22px;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .AcademyItem__Header__Selector .Icon {
    width: 16px;
    height: 16px;
    float: none;
    line-height: 22px; }
  .AcademyItem__Header__Selector--selected {
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    visibility: visible; }

.AcademyItem__Content {
  padding: 12px;
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.AcademyItem__Content__Form {
  margin-top: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.AcademyItem__Content__Name {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 16px;
  color: #191919; }

.AcademyItem__Content__Description {
  max-height: 80px;
  margin-bottom: 24px;
  font-size: 13px;
  color: #808080;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical; }

.AcademyItem__Content__Label {
  margin-top: 8px;
  display: inline-block;
  padding: 4px 8px;
  color: var(--color-primary);
  background-color: hsl(var(--color-primary-hue), var(--color-primary-saturation), 95%);
  border-radius: 5px;
  font-size: 12px;
  text-transform: uppercase; }

.ComponentList__Item {
  margin-bottom: 12px;
  padding: 12px;
  border: 1px solid #E5E5EA;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  line-height: 24px; }
  .ComponentList__Item:not(.ComponentList__Item--open) {
    cursor: pointer; }
  .ComponentList__Item .ComponentList__Item__Row {
    -ms-flex: 1;
        flex: 1;
    font-weight: 500; }
    .ComponentList__Item .ComponentList__Item__Row > .Icon {
      margin-right: 16px; }
  .ComponentList__Item:not(.ComponentList__Item--open):hover .ComponentList__Item__Edit {
    display: block; }
  .ComponentList__Item .Attachment__Preview {
    border-radius: 8px;
    overflow: hidden; }

.ComponentList__Item__Handler {
  margin: -12px 0;
  margin-left: -12px;
  padding: 12px;
  float: left;
  color: #ABB4BD;
  cursor: move; }

.ComponentList__Item__Edit {
  float: right;
  display: none;
  text-align: right; }
  .ComponentList__Item__Edit small {
    position: relative;
    top: -1px;
    cursor: pointer; }

.ComponentList__Item--color-green .ComponentList__Item__Row > .Icon path[fill^="#"] {
  fill: #34C759; }

.ComponentList__Item--color-green .ComponentList__Item__Row > .Icon path[stroke^="#"] {
  stroke: #34C759; }

.ComponentList__Item--color-yellow .ComponentList__Item__Row > .Icon path[fill^="#"] {
  fill: #FCD34D; }

.ComponentList__Item--color-yellow .ComponentList__Item__Row > .Icon path[stroke^="#"] {
  stroke: #FCD34D; }

.ComponentList__Item--color-purple .ComponentList__Item__Row > .Icon path[fill^="#"] {
  fill: #AF52DE; }

.ComponentList__Item--color-purple .ComponentList__Item__Row > .Icon path[stroke^="#"] {
  stroke: #AF52DE; }

.ComponentList__Item--color-youtube .ComponentList__Item__Row > .Icon path[fill^="#"] {
  fill: #F65151; }

.ComponentList__Item--color-youtube .ComponentList__Item__Row > .Icon path[stroke^="#"] {
  stroke: #F65151; }

.ComponentList__Item--color-orange .ComponentList__Item__Row > .Icon path[fill^="#"] {
  fill: #FF9500; }

.ComponentList__Item--color-orange .ComponentList__Item__Row > .Icon path[stroke^="#"] {
  stroke: #FF9500; }

.ComponentsList__Add {
  padding: 8px 12px;
  display: block;
  border: 2px dashed #606060;
  border-radius: 8px;
  color: #606060;
  text-align: center; }

.CoursePreview td {
  vertical-align: top; }

.CoursePreview__Header {
  max-width: 100%;
  margin-bottom: 16px;
  border-radius: 4px; }

.CoursePreview__Name {
  margin-bottom: 12px; }

.CoursePreview__Description {
  color: #606060; }

.CoursePreview__Filters {
  margin-top: 12px;
  padding: 12px;
  background-color: #F6F6F6;
  border-radius: 4px; }
  .CoursePreview__Filters td:first-child {
    width: 8.5em; }

.FilterItem {
  margin-right: 8px;
  padding: 0 12px;
  float: left;
  line-height: 34px;
  font-size: 14px;
  color: #ABB4BD;
  border-radius: 3px;
  border: 1px solid #E5E5EA;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .FilterItem:hover {
    border: 1px solid #ABB4BD;
    color: #707070; }
  .FilterItem--active {
    border: 1px solid #F6F6F6;
    background-color: #F6F6F6;
    color: #707070; }
  .FilterItem .Icon {
    width: 16px;
    height: 16px;
    margin: 9px 8px 9px 0;
    line-height: 34px; }

:root {
  --gradient-color-1: #af56ff;
  --gradient-color-2: #ce577f;
  --gradient-color-3: #ea580c;
  --gradient-color-4: #ef981d;
  --gradient-color-5: #f3d42c; }

@keyframes gradientFlowGenerated {
  0% {
    background: conic-gradient(from 0deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  2.78% {
    background: conic-gradient(from 10deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  5.56% {
    background: conic-gradient(from 20deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  8.33% {
    background: conic-gradient(from 30deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  11.11% {
    background: conic-gradient(from 40deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  13.89% {
    background: conic-gradient(from 50deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  16.67% {
    background: conic-gradient(from 60deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  19.44% {
    background: conic-gradient(from 70deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  22.22% {
    background: conic-gradient(from 80deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  25% {
    background: conic-gradient(from 90deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  27.78% {
    background: conic-gradient(from 100deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  30.56% {
    background: conic-gradient(from 110deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  33.33% {
    background: conic-gradient(from 120deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  36.11% {
    background: conic-gradient(from 130deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  38.89% {
    background: conic-gradient(from 140deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  41.67% {
    background: conic-gradient(from 150deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  44.44% {
    background: conic-gradient(from 160deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  47.22% {
    background: conic-gradient(from 170deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  50% {
    background: conic-gradient(from 180deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  52.78% {
    background: conic-gradient(from 190deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  55.56% {
    background: conic-gradient(from 200deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  58.33% {
    background: conic-gradient(from 210deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  61.11% {
    background: conic-gradient(from 220deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  63.89% {
    background: conic-gradient(from 230deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  66.67% {
    background: conic-gradient(from 240deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  69.44% {
    background: conic-gradient(from 250deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  72.22% {
    background: conic-gradient(from 260deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  75% {
    background: conic-gradient(from 270deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  77.78% {
    background: conic-gradient(from 280deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  80.56% {
    background: conic-gradient(from 290deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  83.33% {
    background: conic-gradient(from 300deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  86.11% {
    background: conic-gradient(from 310deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  88.89% {
    background: conic-gradient(from 320deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  91.67% {
    background: conic-gradient(from 330deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  94.44% {
    background: conic-gradient(from 340deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  97.22% {
    background: conic-gradient(from 350deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); }
  100% {
    background: conic-gradient(from 360deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%); } }

@keyframes borderPulse {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0.95; } }

@keyframes modalGlowGenerated {
  0% {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04), 0 0 30px color-mix(in srgb, #af56ff 30%, transparent), 0 0 60px color-mix(in srgb, #af56ff 10%, transparent); }
  25% {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04), 0 0 30px color-mix(in srgb, #ce577f 30%, transparent), 0 0 60px color-mix(in srgb, #ce577f 10%, transparent); }
  50% {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04), 0 0 30px color-mix(in srgb, #ea580c 30%, transparent), 0 0 60px color-mix(in srgb, #ea580c 10%, transparent); }
  75% {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04), 0 0 30px color-mix(in srgb, #ef981d 30%, transparent), 0 0 60px color-mix(in srgb, #ef981d 10%, transparent); }
  100% {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04), 0 0 30px color-mix(in srgb, #f3d42c 30%, transparent), 0 0 60px color-mix(in srgb, #f3d42c 10%, transparent); } }

.GenerateCourse__Modal .modal-dialog {
  width: 90% !important; }
  .GenerateCourse__Modal .modal-dialog .modal-content {
    background-color: #ffffff;
    border: none;
    border-radius: 20px;
    position: relative;
    backdrop-filter: blur(48px);
    animation: modalGlowGenerated 3s linear infinite; }
    .GenerateCourse__Modal .modal-dialog .modal-content::before {
      content: '';
      position: absolute;
      top: -3px;
      left: -3px;
      right: -3px;
      bottom: -3px;
      background: conic-gradient(from 0deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-1) 100%);
      border-radius: 20px;
      z-index: -1;
      animation: gradientFlowGenerated 3s linear infinite, borderPulse 4s ease-in-out infinite;
      transition: all 0.3s ease; }
    .GenerateCourse__Modal .modal-dialog .modal-content:hover {
      animation-duration: 2s; }
    .GenerateCourse__Modal .modal-dialog .modal-content:hover::before {
      animation-duration: 2s, 2s;
      opacity: 0.98; }
    .GenerateCourse__Modal .modal-dialog .modal-content::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #ffffff;
      background-image: url("/static/images/generate-course-modal.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 16px;
      z-index: -1; }
    .GenerateCourse__Modal .modal-dialog .modal-content .Modal__Wrapper {
      min-height: 0px !important; }
      .GenerateCourse__Modal .modal-dialog .modal-content .Modal__Wrapper .modal-body {
        padding: 0px !important; }

.Status {
  height: 20px;
  padding: 0 8px;
  border-radius: 10px;
  float: left;
  font-size: 13px;
  line-height: 20px; }

.Status--small {
  width: 10px;
  height: 10px;
  margin: 5px 0;
  padding: 0; }

.Status--state-published {
  background-color: #34C759;
  color: #FFFFFF; }

.Status--state-concept {
  background-color: #FF9500;
  color: #FFFFFF; }

.ModuleChildCount {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100px;
  line-height: 20px; }
  .ModuleChildCount .Icon {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    position: relative;
    top: 1px; }

.AcademyModuleIcon {
  margin-right: 16px;
  float: left;
  border-radius: 3px; }
  .AcademyModuleIcon.AcademyModuleIcon--color-blue {
    background-color: #007AFF; }
    .AcademyModuleIcon.AcademyModuleIcon--color-blue .Icon path[fill^="#"] {
      fill: #FFFFFF; }
    .AcademyModuleIcon.AcademyModuleIcon--color-blue .Icon path[stroke^="#"] {
      stroke: #FFFFFF; }
  .AcademyModuleIcon.AcademyModuleIcon--color-purple {
    background-color: #AF52DE; }
    .AcademyModuleIcon.AcademyModuleIcon--color-purple .Icon path[fill^="#"] {
      fill: #FFFFFF; }
    .AcademyModuleIcon.AcademyModuleIcon--color-purple .Icon path[stroke^="#"] {
      stroke: #FFFFFF; }
  .AcademyModuleIcon .Icon {
    width: 18px;
    height: 18px;
    padding: 4px; }
  .AcademyModuleIcon + a {
    line-height: 26px; }

.Table__Cell .AcademyModuleIcon:last-child {
  margin-right: 0; }

.OnboardingToggle .ImagePlaceholder {
  margin-right: 16px; }

.EditableModule .modal-dialog .modal-content {
  padding: 24px; }
  .EditableModule .modal-dialog .modal-content .Modal__Wrapper {
    gap: 20px;
    min-height: 0px !important; }
    .EditableModule .modal-dialog .modal-content .Modal__Wrapper .modal-header {
      font-family: "Inter", sans-serif;
      font-size: 16px;
      font-weight: 500;
      color: #27272a;
      border-bottom: none;
      padding: 0px; }
      .EditableModule .modal-dialog .modal-content .Modal__Wrapper .modal-header .Modal__MainHeader {
        display: -ms-flexbox;
        display: flex; }
    .EditableModule .modal-dialog .modal-content .Modal__Wrapper .modal-body {
      -ms-flex: unset;
          flex: unset;
      padding: 0px; }
    .EditableModule .modal-dialog .modal-content .Modal__Wrapper .modal-footer {
      padding: 0px;
      width: 100%;
      border-top: none !important; }

.EditableScreen .modal-dialog .modal-content {
  padding: 24px; }
  .EditableScreen .modal-dialog .modal-content .Modal__Wrapper {
    gap: 20px;
    min-height: 0px !important; }
    .EditableScreen .modal-dialog .modal-content .Modal__Wrapper .modal-header {
      font-family: "Inter", sans-serif;
      font-size: 16px;
      font-weight: 500;
      color: #27272a;
      border-bottom: none;
      padding: 0px; }
      .EditableScreen .modal-dialog .modal-content .Modal__Wrapper .modal-header .Modal__MainHeader {
        display: -ms-flexbox;
        display: flex; }
    .EditableScreen .modal-dialog .modal-content .Modal__Wrapper .modal-body {
      -ms-flex: unset;
          flex: unset;
      padding: 0px; }
    .EditableScreen .modal-dialog .modal-content .Modal__Wrapper .modal-footer {
      padding: 0px;
      width: 100%;
      border-top: none !important; }

.Phone {
  padding: 0 8px;
  float: left;
  background-color: #191919;
  border-radius: 30px; }
  .Phone .Screen__Component__Question__Hint {
    pointer-events: none; }

.Phone__StatusBar {
  padding: 4px 0;
  text-align: center;
  line-height: 12px;
  border-bottom: 1px solid #E5E5EA; }

.Phone__Header {
  height: 10px;
  padding: 28px 0;
  padding-right: 18px;
  text-align: center; }
  .Phone__Header * {
    margin: 0 5px;
    display: inline-block;
    position: relative;
    top: -2px; }

.Phone__Screen {
  background-color: #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.Phone__Screen__Content {
  -ms-flex: 1;
      flex: 1;
  overflow-y: auto;
  height: calc(566px - 94px - 78px);
  position: relative; }

.Phone__Screen__Spinner {
  padding: 16px 0; }

.Phone__Navbar {
  height: 94px;
  padding: 0 16px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }

.Phone__Navbar__Time {
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  font-weight: 600; }

.Phone__Navbar__Title {
  height: 22px;
  margin-top: 11px;
  line-height: 22px;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.Phone__Navbar__ProgressBar {
  height: 8px;
  margin-top: 16px;
  display: -ms-flexbox;
  display: flex;
  background-color: #F6F6F6;
  overflow: hidden;
  border-radius: 4px; }
  .Phone__Navbar__ProgressBar .Phone__Navbar__ProgressBar__Fill {
    background-color: #4CD964;
    border-radius: 4px; }

.Phone__Screen__ModuleName {
  text-align: center;
  color: #FFFFFF;
  font-size: 14pt;
  font-weight: 600;
  line-height: 44px; }

.Phone__BottomBar {
  height: 78px;
  box-sizing: border-box;
  padding: 16px;
  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex; }

.Phone__BottomBar__Button {
  padding: 12px;
  border-radius: 8px;
  background-color: var(--color-button);
  color: #FFFFFF;
  font-size: 17px;
  text-align: center;
  margin-right: 8px;
  font-weight: 600;
  cursor: pointer; }
  .Phone__BottomBar__Button--next {
    -ms-flex: 1;
        flex: 1;
    margin: 0; }

.Phone__Footer {
  height: 46px;
  padding: 8px 0;
  text-align: center; }

.Phone__HomeButton {
  height: 44px;
  width: 44px;
  display: inline-block;
  border-radius: 50%; }

.Phone__HomeButton, .Phone__Sensor, .Phone__Speaker {
  background-color: #707070; }

.Phone__Sensor, .Phone__Speaker {
  height: 8px;
  border-radius: 5px; }

.Phone__Sensor {
  width: 8px; }

.Phone__Speaker {
  width: 78px; }

.ScreensOverview {
  margin-bottom: -24px; }
  .ScreensOverview .Screen__Inner {
    overflow-y: hidden; }

.ScreensOverview__Item {
  margin-right: calc((100% - (233.333px + 2px) * 4) / 3);
  margin-bottom: 24px !important;
  float: left;
  background-color: #FFFFFF;
  border-radius: 16px;
  border: 1px solid #E5E5EA; }
  .ScreensOverview__Item:nth-child(4n) {
    margin-right: 0; }
  .ScreensOverview__Item.ScreensOverview__Item--clickable:hover .ScreensOverview__Item__Overlay {
    display: block; }
  .ScreensOverview__Item.ScreensOverview__Item--clickable:hover .Screen__Inner {
    filter: blur(3px); }
  .ScreensOverview__Item .Screen {
    overflow: hidden;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px; }
  .ScreensOverview__Item .Screen__Content {
    pointer-events: none; }

.ScreensOverview__Item__Footer {
  line-height: 2em;
  width: calc(100% - 16px);
  padding: 8px;
  float: left;
  text-align: center;
  border-top: 1px solid #E5E5EA;
  font-size: 12px; }
  .ScreensOverview__Item__Footer .Select {
    min-width: initial;
    width: calc(100% - 3em);
    margin-right: 7px;
    float: left; }
  .ScreensOverview__Item__Footer .Button {
    float: left; }
  .ScreensOverview__Item__Footer .DuplicateDeleteDropdown {
    vertical-align: text-top; }

.ScreensOverview__Item__Overlay {
  height: 0;
  display: none; }

.ScreensOverview__Item__Overlay__Inner {
  margin: -1px -1px 0 -1px;
  padding: 1px 1px 0 1px;
  background-color: rgba(0, 0, 0, 0.5);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  top: -1px;
  z-index: 1;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px; }
  .ScreensOverview__Item__Overlay__Inner .Button {
    color: #FFFFFF; }

.ScreenPlaceholder {
  margin-bottom: 24px !important;
  padding: 26.5px 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  color: #ABB4BD;
  border: 2px dashed #E5E5EA;
  border-radius: 16px; }
  .ScreenPlaceholder:not(.ScreenPlaceholder--disabled) {
    cursor: pointer; }
    .ScreenPlaceholder:not(.ScreenPlaceholder--disabled):hover {
      color: #808080; }
  .ScreenPlaceholder.ScreenPlaceholder--disabled {
    opacity: 0.5; }
  .ScreenPlaceholder .Icon {
    margin: auto;
    display: block;
    float: none;
    width: 32px;
    height: 32px; }
  .ScreenPlaceholder b {
    margin: 12px 0;
    display: block;
    font-size: 16px; }

.ScreensOverview__Item__Overlay__Remove {
  height: 0;
  margin-top: -40px;
  position: relative;
  top: 0; }
  .ScreensOverview__Item__Overlay__Remove .Icon {
    padding: 8px;
    float: right;
    position: relative;
    top: 40px;
    z-index: 2;
    cursor: pointer; }
    .ScreensOverview__Item__Overlay__Remove .Icon path[fill^="#"] {
      fill: rgba(255, 255, 255, 0.5); }
    .ScreensOverview__Item__Overlay__Remove .Icon path[stroke^="#"] {
      stroke: rgba(255, 255, 255, 0.5); }
    .ScreensOverview__Item__Overlay__Remove .Icon:hover path[fill^="#"] {
      fill: #FFFFFF; }
    .ScreensOverview__Item__Overlay__Remove .Icon:hover path[stroke^="#"] {
      stroke: #FFFFFF; }

.ScreensOverview__Item[draggable]:hover {
  cursor: move; }

@media (max-width: 1200px) {
  .ScreensOverview > .List > * {
    margin: 0 calc(((100% - (233.333px + 2px) * 3)) / 6); } }

@media (max-width: 1000px) {
  .ScreensOverview > .List > * {
    margin: 0 calc(((100% - (233.333px + 2px) * 2)) / 4); } }

.Section .ToggleContent__Header__Info {
  -ms-flex-align: center;
      align-items: center; }
  .Section .ToggleContent__Header__Info .saveBtn {
    margin-left: 16px;
    margin-right: 8px; }
  .Section .ToggleContent__Header__Info .Button {
    height: 24px;
    line-height: 24px;
    padding: 0px 8px; }
  .Section .ToggleContent__Header__Info input {
    padding-right: 12px; }

.Section .Table__Row:last-child .Table__Cell {
  border-bottom: 0; }

.Section--transparent {
  padding-left: 49px; }
  .Section--transparent .Table {
    border-radius: 3px; }
    .Section--transparent .Table:not(.Table--dragging) {
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
    .Section--transparent .Table:not(:first-child) {
      margin-top: 8px; }
  .Section--transparent .Table__Cell {
    background-color: #FFFFFF; }
  .Section--transparent .Table__Cell:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  .Section--transparent .Table__Cell:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }

.Table--dragging .Table__Cell {
  background-color: rgba(0, 0, 0, 0);
  -ms-flex-align: center;
      align-items: center; }

.Section__DragPlaceholder {
  display: -ms-flexbox;
  display: flex;
  border: 2px dashed #E5E5EA;
  -ms-flex-pack: center;
      justify-content: center; }
  .Section__DragPlaceholder .Icon path[fill^="#"] {
    fill: #E5E5EA; }
  .Section__DragPlaceholder .Icon path[stroke^="#"] {
    stroke: #E5E5EA; }
  .Section__DragPlaceholder .ToggleContent__Header__Toggle {
    border: none; }

.Section:not(.Section--transparent) .Section__DragPlaceholder {
  margin-left: 49px; }

.Section__DragPlaceholder__Inner {
  -ms-flex: 1;
      flex: 1;
  padding: 12px 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #ABB4BD;
  cursor: pointer; }
  .Section__DragPlaceholder__Inner .Icon {
    margin-right: 16px;
    background-color: #E5E5EA; }
    .Section__DragPlaceholder__Inner .Icon path[fill^="#"] {
      fill: #FFFFFF; }
    .Section__DragPlaceholder__Inner .Icon path[stroke^="#"] {
      stroke: #FFFFFF; }

.DragnDrop__ScrollArea {
  position: fixed;
  width: 100%;
  left: 0;
  height: 50px;
  background-color: transparent;
  z-index: 100; }

.CategoryStatistics__Card__Users {
  margin-top: auto;
  padding-top: 16px;
  overflow: hidden;
  max-width: 200px; }
  .CategoryStatistics__Card__Users > * {
    float: left; }
    .CategoryStatistics__Card__Users > * img {
      border: 2px solid #FFFFFF; }
    .CategoryStatistics__Card__Users > *:not(:first-child) {
      margin-left: calc((100% - 8 * 30px) / 5); }
  .CategoryStatistics__Card__Users .ImagePlaceholder {
    background-color: var(--color-primary); }

.CategoryStatistics__Table .Form {
  width: 33.333%;
  margin-bottom: 16px; }

.CategoryStatistics__Table .Table__column > div > small {
  margin-left: 4px; }

.CategoryStatistics__Table__Placeholder {
  padding: 64px 0;
  text-align: center;
  font-size: 18px;
  color: #606060; }

.Days--invalid, .Days--valid {
  margin-left: 4px; }

.Days--invalid {
  color: #FF3B30; }

@media (max-width: 1000px) {
  .CategoryStatistics__Divider {
    width: 1px;
    margin: 0 16px; } }

.StatusSelector {
  min-width: 150px; }

.ModuleForm .Select-control {
  min-width: 120px; }

.ModuleForm .Select-menu-outer {
  width: calc(100% + 2px); }

.ModuleForm h2 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .ModuleForm h2 .Name {
    margin-right: 48px; }
    .ModuleForm h2 .Name:hover .Icon {
      opacity: 1; }
    .ModuleForm h2 .Name .Icon {
      margin-left: 12px;
      padding: 4px;
      width: 16px;
      height: 16px;
      float: right;
      position: relative;
      top: 2px;
      opacity: 0;
      cursor: pointer; }
      .ModuleForm h2 .Name .Icon path[fill^="#"] {
        fill: #ABB4BD; }
      .ModuleForm h2 .Name .Icon path[stroke^="#"] {
        stroke: #ABB4BD; }
  .ModuleForm h2 .Name__Placeholder {
    float: left;
    color: #ABB4BD; }

.ModuleForm .Description {
  margin-top: 16px; }

.ModuleForm__Actions > * {
  margin-left: 24px;
  float: left; }
  .ModuleForm__Actions > *.Button {
    margin-right: 0; }

.ModuleForm h2 small {
  height: 18px;
  position: relative;
  top: 3px;
  margin-left: 24px; }

.ModuleForm h2 .Icon {
  width: 16px;
  height: 16px; }

.ModuleForm small .Icon {
  margin: 1px 0; }

.ModuleForm small .Status {
  margin: 4px 0; }

.ModuleForm small .Icon, .ModuleForm small .Status {
  margin-right: 8px; }

.AddModuleForm .AddModuleForm__Options {
  display: -ms-flexbox;
  display: flex; }

.AddModuleForm .AddModuleForm__Options__Item {
  -ms-flex: 1;
      flex: 1;
  padding: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border: 1px solid #E5E5EA;
  text-align: center; }
  .AddModuleForm .AddModuleForm__Options__Item small {
    margin-bottom: 2em; }
  .AddModuleForm .AddModuleForm__Options__Item img, .AddModuleForm .AddModuleForm__Options__Item .Button {
    margin: 0 auto; }
  .AddModuleForm .AddModuleForm__Options__Item img {
    margin-bottom: 1em;
    width: 9em; }
  .AddModuleForm .AddModuleForm__Options__Item .Button {
    margin-top: auto; }

.AddModuleForm .AddModuleForm__Options__Item:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px; }

.AddModuleForm .AddModuleForm__Options__Item:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px; }

.AddModuleForm .AddModuleForm__Options__Item:not(:last-child) {
  border-right: 0; }

.AddForm {
  margin-top: 16px; }
  .AddForm h5 {
    margin-bottom: 8px; }

.AddForm__Type {
  margin: 8px 4px 0;
  padding: 4px 16px;
  display: inline-block;
  border-radius: 16px;
  cursor: pointer;
  line-height: 24px;
  background-color: #F6F6F6;
  font-weight: 600; }
  .AddForm__Type:hover {
    background-color: #E5E5EA; }
  .AddForm__Type--image .Icon path[fill^="#"] {
    fill: #AF52DE; }
  .AddForm__Type--image .Icon path[stroke^="#"] {
    stroke: #AF52DE; }
  .AddForm__Type--youtube .Icon path[fill^="#"] {
    fill: #F65151; }
  .AddForm__Type--youtube .Icon path[stroke^="#"] {
    stroke: #F65151; }
  .AddForm__Type--video .Icon path[fill^="#"] {
    fill: #FCD34D; }
  .AddForm__Type--video .Icon path[stroke^="#"] {
    stroke: #FCD34D; }
  .AddForm__Type--text .Icon path[fill^="#"] {
    fill: #34C759; }
  .AddForm__Type--text .Icon path[stroke^="#"] {
    stroke: #34C759; }
  .AddForm__Type--pdf .Icon path[fill^="#"] {
    fill: #FF9500; }
  .AddForm__Type--pdf .Icon path[stroke^="#"] {
    stroke: #FF9500; }
  .AddForm__Type .Icon {
    margin-right: 8px; }

.Form__Options .Form__Options__Item {
  margin-bottom: 8px;
  padding: 8px 8px 8px 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #E5E5EA;
  border-radius: 8px; }

.Form__Options .Form__Options__Add {
  border: 1px dashed #E5E5EA;
  cursor: pointer; }

.Form__Options .Form__Options__Item__Handler {
  padding: 0 8px;
  color: #808080; }
  .Form__Options .Form__Options__Item__Handler:not(.Form__Options__Item__Handler--no-cursor) {
    cursor: move; }

.Form__Options .Form__Options__Item__Text, .Form__Options .Form__Options__Item__Input {
  padding: 0 16px 0 0;
  -ms-flex: 1;
      flex: 1; }

.Form__Options .Form__Options__Item__MaxLength {
  margin: 0 8px; }

.Form__Options .Form__Options__Item__Status {
  padding: 0 8px;
  line-height: 20px;
  font-size: 12px;
  border: 1px solid #ABB4BD;
  border-radius: 8px;
  color: #ABB4BD;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .Form__Options .Form__Options__Item__Status:not(.Form__Options__Item__Status--disabled) {
    cursor: pointer; }
  .Form__Options .Form__Options__Item__Status .Icon {
    margin-right: 4px;
    width: 16px;
    height: 16px;
    line-height: 20px; }

.Form__Options .Form__Options__Item__Status--correct {
  background-color: #34C759;
  border: 1px solid #34C759;
  color: #FFFFFF; }
  .Form__Options .Form__Options__Item__Status--correct .Icon path[fill^="#"] {
    fill: #FFFFFF; }
  .Form__Options .Form__Options__Item__Status--correct .Icon path[stroke^="#"] {
    stroke: #FFFFFF; }

.Form__Options .Form__Options__Item__Status--disabled {
  opacity: 0.25; }

.FormQuestionFeedback__Content {
  margin-bottom: 8px;
  padding: 20px;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #E5E5EA;
  border-radius: 8px; }
  .FormQuestionFeedback__Content span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .FormQuestionFeedback__Content svg {
    margin-right: 12px; }

.FormQuestionFeedback__Title {
  margin-bottom: 24px; }

.statsContentTop {
  display: -ms-flexbox;
  display: flex;
  gap: 10px; }
  .statsContentTop .FileExportDropdown .menu {
    top: 33px; }

.QuizModule .Collapsible {
  background-color: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #DFDFDF;
  transition: border-color 0.25s; }
  .QuizModule .Collapsible:not(:last-child) {
    margin-bottom: 24px; }
  .QuizModule .Collapsible:not(.Collapsible--open) {
    overflow: hidden; }
  .QuizModule .Collapsible.Collapsible--open {
    border: 1px solid var(--color-primary);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
    .QuizModule .Collapsible.Collapsible--open .Collapsible__Header {
      background-color: var(--color-primary); }
      .QuizModule .Collapsible.Collapsible--open .Collapsible__Header h3 {
        -ms-flex: 1;
            flex: 1;
        color: var(--color-primary-text); }
    .QuizModule .Collapsible.Collapsible--open .Collapsible__Header__Index {
      background-color: var(--color-primary-text);
      color: var(--color-primary); }
  .QuizModule .Collapsible .Collapsible__Content--entered {
    height: auto !important; }

.QuizModule .Collapsible__Header {
  padding: 12px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  transition: background-color 0.25s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
  .QuizModule .Collapsible__Header h3 {
    margin-bottom: auto;
    transition: color 0.25s; }

.QuizModule .Collapsible__Header__Completed, .QuizModule .Collapsible__Header__Completed--invalid {
  width: 20px;
  margin-right: 24px;
  background-color: #34C759;
  border-radius: 50%; }
  .QuizModule .Collapsible__Header__Completed .Icon, .QuizModule .Collapsible__Header__Completed--invalid .Icon {
    margin: 2px;
    width: 16px;
    height: 16px; }
    .QuizModule .Collapsible__Header__Completed .Icon path[fill^="#"], .QuizModule .Collapsible__Header__Completed--invalid .Icon path[fill^="#"] {
      fill: #FFFFFF; }
    .QuizModule .Collapsible__Header__Completed .Icon path[stroke^="#"], .QuizModule .Collapsible__Header__Completed--invalid .Icon path[stroke^="#"] {
      stroke: #FFFFFF; }
  .QuizModule .Collapsible__Header__Completed.Collapsible__Header__Completed--invalid, .QuizModule .Collapsible__Header__Completed--invalid.Collapsible__Header__Completed--invalid {
    background-color: transparent; }
    .QuizModule .Collapsible__Header__Completed.Collapsible__Header__Completed--invalid .Icon, .QuizModule .Collapsible__Header__Completed--invalid.Collapsible__Header__Completed--invalid .Icon {
      margin: 0;
      width: 24px;
      height: 24px; }
      .QuizModule .Collapsible__Header__Completed.Collapsible__Header__Completed--invalid .Icon path[fill^="#"], .QuizModule .Collapsible__Header__Completed--invalid.Collapsible__Header__Completed--invalid .Icon path[fill^="#"] {
        fill: #FF3B30; }
      .QuizModule .Collapsible__Header__Completed.Collapsible__Header__Completed--invalid .Icon path[stroke^="#"], .QuizModule .Collapsible__Header__Completed--invalid.Collapsible__Header__Completed--invalid .Icon path[stroke^="#"] {
        stroke: #FF3B30; }

.QuizModule .Collapsible__Header__Index, .QuizModule .CollapsibleButton__Index {
  width: 20px;
  margin-right: 24px;
  background-color: #808080;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  border-radius: 50%;
  transition: color 0.25s, background-color 0.25s; }

.QuizModule .Collapsible__Content {
  height: 0;
  transition: height 0.25s; }

.QuizModule .Collapsible__Content__Inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }
  .QuizModule .Collapsible__Content__Inner h3 {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600; }

.QuizModule .Collapsible__Column {
  min-width: 0;
  padding: 16px 20px; }
  .QuizModule .Collapsible__Column:first-child {
    border-bottom-left-radius: 8px; }

.QuizModule .Collapsible__Column--padding-large {
  padding: 48px; }

.QuizModule .Collapsible__Column--grey {
  padding: 16px;
  background-color: #FFFFFF; }
  .QuizModule .Collapsible__Column--grey .balloon {
    box-shadow: none;
    border: 1px solid #DFDFDF; }
  .QuizModule .Collapsible__Column--grey > *:not(:last-child) {
    margin-bottom: 12px; }
  .QuizModule .Collapsible__Column--grey .Select .Select-control {
    border: 1px solid #DFDFDF; }
  .QuizModule .Collapsible__Column--grey .Select:not(:last-child) {
    margin-bottom: 16px; }

.QuizModule .CollapsibleButton {
  padding: 8px 16px;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #E5E5EA;
  border-radius: 8px; }
  .QuizModule .CollapsibleButton:not(:last-child) {
    margin-bottom: 8px; }
  .QuizModule .CollapsibleButton .CollapsibleButton__Index {
    background-color: #606060; }
  .QuizModule .CollapsibleButton a {
    font-weight: 600; }

.QuizModule .CollapsibleButton__Title {
  -ms-flex: 1;
      flex: 1; }

.QuizModule .Selector {
  margin-top: 12px; }
  .QuizModule .Selector .Selector__Item {
    width: 44px;
    height: 44px;
    padding: 3px;
    margin-right: 4px;
    float: left;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 8px;
    overflow: hidden; }
    .QuizModule .Selector .Selector__Item img {
      width: 100%; }
    .QuizModule .Selector .Selector__Item.Selector__Item--selected {
      border: 2px solid var(--color-primary); }

.CoursePublished {
  color: #808080; }
  .CoursePublished .modal-dialog .modal-content .modal-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    padding: 48px 16px; }
  .CoursePublished h2 {
    margin-bottom: 12px;
    color: #191919; }
  .CoursePublished .Button {
    margin-top: 24px; }

.CourseListItem {
  margin-bottom: 12px; }
  .CourseListItem .ToggleContent__Header__Info {
    -ms-flex-align: center;
        align-items: center; }
  .CourseListItem .statusIndicator {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 12px;
    padding: 4px 12px;
    border: 1px solid #DFDFDF;
    border-radius: 8px;
    min-width: 59px;
    margin-right: 12px; }

.SelectableCourseCard {
  height: 270px;
  border-radius: 16px;
  border: 1px solid #DFDFDF;
  cursor: pointer; }
  .SelectableCourseCard .preview {
    height: 150px;
    width: 100%;
    background-position: center;
    background-size: cover;
    border-radius: 16px 16px 0 0; }
    .SelectableCourseCard .preview .Form__Checkbox {
      margin: 0;
      position: relative;
      top: 24px;
      left: 24px;
      display: inline-block;
      scale: 1.4; }
      .SelectableCourseCard .preview .Form__Checkbox .Form__Checkbox__input:not(.Form__Checkbox__input--checked) {
        background-color: white; }
  .SelectableCourseCard .textContent {
    padding: 24px; }
    .SelectableCourseCard .textContent h3 {
      max-width: 289px;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .SelectableCourseCard .textContent p {
      color: #8E8E93;
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      max-width: 400px;
      height: 39.2px;
      /* Fallback for non-webkit */
      margin: 16px auto;
      font-size: 14px;
      line-height: 1.4;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }

.SelectableCourseCard.selected {
  border: 1px solid #8E8E93; }

.AddCoursesModal .topbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
  margin-bottom: 24px; }
  .AddCoursesModal .topbar .Form.SearchBar {
    width: 38%;
    margin-bottom: 0; }
  .AddCoursesModal .topbar h4 {
    color: #808080; }

.AddCoursesModal .cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 24px; }

.audienceModalForm {
  padding: 8px;
  min-height: 250px; }

.LearningPathDetail .FilterItem {
  margin-right: 0; }