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

.Templates__Container {
  min-height: 250px;
  display: -ms-flexbox;
  display: flex;
  background-color: #F9FAFB; }

.Templates__Content {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 20px; }

.FormIcon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  -ms-flex: 0 0 24px;
      flex: 0 0 24px;
  padding: 6px;
  border-radius: 8px; }
  .FormIcon img {
    width: 24px;
    height: 24px;
    display: block; }

.FormTitle {
  line-height: 28px; }

.FormTitle .FormIcon {
  width: 16px;
  height: 16px;
  float: left; }
  .FormTitle .FormIcon img {
    width: 16px;
    height: 16px; }

.Icon.QuestionIcon {
  width: 16px;
  height: 16px;
  padding: 4px;
  background-color: var(--color-primary);
  border-radius: 4px;
  min-width: 16px !important;
  min-height: 16px !important;
  color: #FFFFFF; }

.QuestionIcon--type-text {
  background-color: #DE6250 !important; }

.QuestionIcon--type-multiple-choice {
  background-color: #FFB140 !important; }

.QuestionIcon--type-slider {
  background-color: #469FAA !important; }

.QuestionIcon--type-content {
  background-color: #007AFF !important; }

.QuestionIcon--type-dropdown {
  background-color: #FCD34D !important; }

.QuestionIcon--type-boolean {
  background-color: #34D399 !important; }

.QuestionIcon--type-date-time {
  background-color: #5AC8FA !important; }

.QuestionIcon--type-number {
  background-color: #FF9500 !important; }

.QuestionIcon--type-file-upload {
  background-color: #5856D6 !important; }

.QuestionIcon--type-checklist {
  background-color: #34D399 !important; }

.ResponsesContainer {
  display: -ms-flexbox;
  display: flex;
  /* Nav bar height - top bar height - container padding - header */
  max-height: calc(100vh - 72px - 136px - 40px - 61px - 2px); }
  .ResponsesContainer .Overview__Content {
    border-top: none !important;
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    overflow-y: auto; }
    .ResponsesContainer .Overview__Content:first-child:not(:last-child) {
      -ms-flex: 1 1 60%;
          flex: 1 1 60%;
      border-right: 1px solid #E5E5EA; }
  .ResponsesContainer .Survey__Response {
    -ms-flex: 0.8 1 40%;
        flex: 0.8 1 40%; }
  .ResponsesContainer .AsyncList {
    margin: 0 -20px; }
  .ResponsesContainer .Table .Table__Header .Table__Cell {
    background-color: transparent; }
  .ResponsesContainer .Table .Table__Cell {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid inherit;
    border-radius: 0 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.Response__Header {
  margin-bottom: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .Response__Header h1 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 0.15px;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .Response__Header .Select {
    margin: 0 16px; }

.Survey__Response {
  background-color: #F9FAFB; }

.Response__Answers__Item {
  overflow: hidden; }
  .Response__Answers__Item .QuestionIcon {
    margin-right: 16px; }
  .Response__Answers__Item:not(:last-child) {
    margin-bottom: 24px; }

.Response__Answers__Item__Question {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.1px; }
  .Response__Answers__Item__Question small {
    display: inherit; }

.Response__Answers__Item__Content {
  margin: 16px 0 0 40px; }
  .Response__Answers__Item__Content > *:not(:first-child) {
    margin-top: 8px; }

.Response__Answers__Item__Answer {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 16px;
  background-color: #F3F4F6;
  border-radius: 8px;
  color: #4B5563; }
  .Response__Answers__Item__Answer .Icon {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    color: #4B5563; }
  .Response__Answers__Item__Answer small {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px; }
  .Response__Answers__Item__Answer img {
    max-height: 200px;
    height: auto;
    border-radius: 8px; }
  .Response__Answers__Item__Answer .Attachment {
    padding: 0;
    border: none; }

.Response__Answers__Item__Timezone {
  color: #9CA3AF; }

.ChannelForm__ModeratorRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }

.EditForm__Statuses {
  margin-bottom: 16px; }

.EditForm__Status {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .EditForm__Status .ColorInput {
    width: 36px; }
  .EditForm__Status .ColorInput__Input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0; }
  .EditForm__Status .ColorInput__Picker {
    width: 250px;
    position: fixed;
    top: auto; }
  .EditForm__Status .Form__control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0 !important; }
  .EditForm__Status:not(:last-child) {
    margin-bottom: 8px; }
  .EditForm__Status .Button:last-child {
    margin-left: 8px; }

.EditForm__StatusDragHandle {
  margin-right: 8px;
  cursor: move; }
  .EditForm__StatusDragHandle path[fill^="#"] {
    fill: #DFDFDF; }
  .EditForm__StatusDragHandle path[stroke^="#"] {
    stroke: #DFDFDF; }

.FormStatusSelector {
  min-width: 200px;
  width: 200px;
  margin-right: 8px; }

.NewFormModal {
  display: -ms-flexbox;
  display: flex;
  text-align: center; }
  .NewFormModal > div {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    margin: 0 8px; }
  .NewFormModal .Button {
    margin-top: 16px; }
  .NewFormModal h3 {
    margin-bottom: 8px; }

.NewFormModal__Image {
  margin-bottom: 16px;
  padding: 20px;
  background-color: #F9FAFB;
  border: 1px solid #F3F4F6;
  border-radius: 16px; }
  .NewFormModal__Image img {
    max-width: 150px; }
  .NewFormModal__Image .Icon {
    margin: 19px 0 20px 0;
    padding: 8px;
    float: none;
    background-color: #E5E7EB;
    border-radius: 8px; }

.ResponsesContainer .PointsLine {
  padding-left: 10px;
  padding-right: 10px; }

.submissionTabs {
  overflow: hidden;
  margin-bottom: 1em; }

.ActivityLabel, .submissionTabsItem {
  color: #4B5563; }

.ActivityLabel > * {
  display: inline-block; }

.ActivityLabel .date {
  float: right; }

.comments .AsyncList {
  margin: 0; }

.comments .PostComment__Container .Form__FileInput:first-child svg {
  padding-left: 0; }

.submissionTabsItem {
  width: 50%;
  cursor: pointer;
  text-align: center;
  padding: 0 0 12px 0;
  display: block;
  float: left;
  border-bottom: 3px solid transparent;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400; }
  .submissionTabsItem:hover {
    border-color: #E5E5EA;
    color: #808080; }
  .submissionTabsItem--active, .submissionTabsItem--active:hover {
    border-color: var(--color-button);
    color: var(--color-button); }
  .submissionTabsItem:not(:last-child) {
    margin-right: 16px; }
  .submissionTabsItem small {
    font-size: 1em;
    margin-left: 8px; }

.SubmissionStatus {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.Select-menu .SubmissionStatus {
  padding: 12px 12px;
  cursor: pointer; }
  .Select-menu .SubmissionStatus:not(:first-child) {
    border-top: 1px solid #E5E5EA; }
  .Select-menu .SubmissionStatus--selected {
    background-color: #F3F4F6; }

.SubmissionStatus__Dot {
  width: 10px;
  height: 10px;
  margin-right: 8px;
  border-radius: 5px; }

.surveyDetails {
  color: #606060; }

.Report__Question {
  max-width: 960px;
  margin: 0 auto;
  padding: 20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start; }
  .Report__Question .QuestionIcon {
    margin-right: 16px; }
  .Report__Question h2 + span {
    color: #606060; }
  .Report__Question > div {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }

.Report__Question__Data {
  max-width: 625px;
  margin-top: 24px; }
  .Report__Question__Data .Placeholder {
    min-height: 0;
    padding: 48px; }

.Report__Question__Data__Option:not(:last-child) {
  margin-bottom: 24px; }

.Report__Question__Data__Option:nth-child(5n+1) .Report__Question__Data__Option__Bar__Fill {
  background-color: #FF9500; }

.Report__Question__Data__Option:nth-child(5n+2) .Report__Question__Data__Option__Bar__Fill {
  background-color: #34C759; }

.Report__Question__Data__Option:nth-child(5n+3) .Report__Question__Data__Option__Bar__Fill {
  background-color: #5AC8FA; }

.Report__Question__Data__Option:nth-child(5n+4) .Report__Question__Data__Option__Bar__Fill {
  background-color: #007AFF; }

.Report__Question__Data__Option:nth-child(5n+5) .Report__Question__Data__Option__Bar__Fill {
  background-color: #AF52DE; }

.Report__Question__Data__Option__Title {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  color: #606060; }
  .Report__Question__Data__Option__Title h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 0.15px;
    margin-right: 24px;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    color: #191919; }
  .Report__Question__Data__Option__Title span {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    margin-left: 16px;
    float: right; }
  .Report__Question__Data__Option__Title > *:last-child {
    color: #191919; }
  .Report__Question__Data__Option__Title .employeesCount {
    color: #606060; }

.Report__Question__Data__Option__Bar {
  height: 24px;
  margin-top: 8px;
  background-color: #F6F6F6;
  border-radius: 8px;
  overflow: hidden; }

.Report__Question__Data__Option__Bar__Fill {
  height: 100%; }

.Report__Question__Data__Average {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.1px;
  padding: 8px 12px;
  background-color: rgba(0, 122, 255, 0.1);
  color: #007AFF;
  display: inline-block;
  border-radius: 8px; }

.Report__Question__Data__Bars {
  margin-top: 24px;
  display: -ms-flexbox;
  display: flex; }

.Report__Question__Data__Bars__Row {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.1px;
  text-align: center;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .Report__Question__Data__Bars__Row:not(:last-child) {
    margin-right: 16px; }

.Report__Question__Data__Bars__Row__Bar {
  height: 150px;
  margin: 8px 0;
  background-color: #F6F6F6;
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden; }

.Report__Question__Data__Bars__Row__Bar__Fill {
  background-color: #A5D6DA; }

.Report__Question__Data__Bars__Row__Count {
  margin-bottom: 4px;
  color: #606060;
  font-weight: 400; }

.Report__Question__Data__Replies {
  margin-top: 24px;
  padding: 20px;
  background-color: #F6F6F6;
  border-radius: 8px; }
  .Report__Question__Data__Replies .Report__Question__Data {
    margin: auto; }

.Report__Question__Data__Answer {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px; }
  .Report__Question__Data__Answer:not(:last-child) {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #E5E5EA; }
  .Report__Question__Data__Answer > div {
    margin-bottom: 8px; }
  .Report__Question__Data__Answer span {
    margin-right: 16px;
    display: inline-block;
    color: #606060; }

.Report__Question__Data__Answers + .Button {
  margin-top: 16px; }

.ReportCompare__Table .Table__Cell:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.1) !important; }

.ReportCompare__Table .Table__Cell:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #FFFFFF;
  white-space: nowrap; }

.ReportCompare__Table .Table__Cell:last-child {
  position: sticky;
  right: 0;
  z-index: 1;
  background-color: #FFFFFF;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  white-space: nowrap; }

.ReportCompare__Table .Table__Cell:nth-last-child(2) {
  border-right: none; }

.ReportCompare__Table .Table__Header {
  position: sticky;
  top: 0;
  z-index: 2; }
  .ReportCompare__Table .Table__Header .Table__Cell {
    color: #ABB4BD;
    border-bottom-color: rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF !important;
    font-weight: 400; }

.ReportCompare__Table .Table__Cell {
  padding: 16px !important;
  border-bottom-color: rgba(0, 0, 0, 0.1); }

.ReportCompare__Table__Container {
  max-height: calc(100vh - 160px - 58.33px - 71px);
  overflow-x: auto; }

.ReportCompare__Table__Sort {
  margin: -4px 0 0 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: inline-block;
  position: relative;
  top: 4px; }

.ReportCompare__Table__DataCell {
  background-color: #F6F6F6;
  text-align: center; }
  .ReportCompare__Table__DataCell--highlight {
    background-color: hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness-verylight));
    background-color: hsl(var(--color-primary-hue), var(--color-primary-saturation), 97%) !important;
    color: var(--color-primary);
    font-weight: 600; }

.ReportCompare__Table__LabelCell {
  min-width: 150px; }

.ReportCompare__Table__Average, .ReportCompare__Table__DataCell {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px; }

.ReportCompare__Table__ResponseCount {
  margin-top: 4px;
  display: block; }

.ReportCompare__Alert {
  width: calc(100% - 64px);
  margin: 16px !important; }
  .ReportCompare__Alert + .ReportCompare__Table__Container {
    border-top: 1px solid #E5E5EA; }

.Icon.QuestionIcon {
  width: 16px;
  height: 16px;
  padding: 4px;
  background-color: var(--color-primary);
  border-radius: 4px;
  min-width: 16px !important;
  min-height: 16px !important;
  color: #FFFFFF; }

.QuestionIcon--type-text {
  background-color: #DE6250 !important; }

.QuestionIcon--type-multiple-choice {
  background-color: #FFB140 !important; }

.QuestionIcon--type-slider {
  background-color: #469FAA !important; }

.QuestionIcon--type-content {
  background-color: #007AFF !important; }

.QuestionIcon--type-dropdown {
  background-color: #FCD34D !important; }

.QuestionIcon--type-boolean {
  background-color: #34D399 !important; }

.QuestionIcon--type-date-time {
  background-color: #5AC8FA !important; }

.QuestionIcon--type-number {
  background-color: #FF9500 !important; }

.QuestionIcon--type-file-upload {
  background-color: #5856D6 !important; }

.QuestionIcon--type-checklist {
  background-color: #34D399 !important; }

.QuestionsListContainer > div:not(:last-child) {
  margin-right: 24px; }

.List .QuestionsList {
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px; }
  .List .QuestionsList .Button {
    margin-right: 8px; }

.CreateQuestion.visible .menu {
  display: -ms-flexbox !important;
  display: flex !important; }

.CreateQuestion .menu {
  min-width: 0 !important;
  max-height: 400px !important;
  width: 468px;
  padding: 16px 16px 8px 16px !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .CreateQuestion .menu > h3 {
    -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    margin-bottom: 12px; }

.CreateQuestion [role="menu"] {
  min-width: 0 !important;
  max-height: 400px !important;
  width: 468px;
  padding: 16px !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px; }
  .CreateQuestion [role="menu"] > h3 {
    -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    margin-bottom: 12px; }

.CreateQuestion [role="menuitem"].CreateQuestion__Item {
  padding: 8px 16px !important;
  -ms-flex: 0 0 calc(50% - 32px - 4px);
      flex: 0 0 calc(50% - 32px - 4px);
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
      align-items: center;
  background-color: #F6F6F6 !important;
  border-radius: 20px !important; }
  .CreateQuestion [role="menuitem"].CreateQuestion__Item h5 {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    text-transform: none;
    font-weight: 400; }

.ui.dropdown .menu > .item.CreateQuestion__Item {
  margin-bottom: 8px;
  padding: 8px 16px !important;
  -ms-flex: 0 0 calc(50% - 32px - 4px);
      flex: 0 0 calc(50% - 32px - 4px);
  display: -ms-flexbox;
  display: flex;
  background-color: #F6F6F6;
  border-radius: 20px; }
  .ui.dropdown .menu > .item.CreateQuestion__Item:hover {
    background-color: #E5E5EA; }
  .ui.dropdown .menu > .item.CreateQuestion__Item:nth-child(2n) {
    margin-right: 8px; }
  .ui.dropdown .menu > .item.CreateQuestion__Item > div {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    white-space: normal !important; }
  .ui.dropdown .menu > .item.CreateQuestion__Item .Icon {
    width: 10px;
    height: 10px;
    margin-right: 12px;
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .ui.dropdown .menu > .item.CreateQuestion__Item h5 {
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    color: #191919;
    line-height: 24px;
    text-transform: none; }

.Question__Item {
  margin-bottom: 8px;
  padding: 16px;
  background-color: #FFFFFF;
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer; }
  .Question__Item:last-child {
    margin-bottom: 0; }
  .Question__Item .QuestionIcon {
    margin-right: 16px; }
  .Question__Item--selected {
    box-shadow: 0 0 0 1px var(--color-button);
    font-weight: 600;
    cursor: inherit; }
  .Question__Item--disabled {
    opacity: 0.5;
    cursor: inherit; }
    .Question__Item--disabled .Question__Item__Drag .Icon {
      cursor: inherit; }
  .Question__Item:not(.Question__Item--selected) {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }

.DateTimeQuestionSettings__TypePicker {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 16px; }

.DateTimeQuestionSettings__Checkbox {
  width: 20px !important;
  height: 20px !important; }
  .DateTimeQuestionSettings__Checkbox .Icon {
    width: 20px !important;
    height: 20px !important; }
  .DateTimeQuestionSettings__Checkbox + .Form__Checkbox__label {
    color: #374151;
    line-height: 24px; }

.DateTimeQuestionSettings__Checkbox {
  width: 20px !important;
  height: 20px !important; }
  .DateTimeQuestionSettings__Checkbox .Icon {
    width: 20px !important;
    height: 20px !important; }
  .DateTimeQuestionSettings__Checkbox + .Form__Checkbox__label {
    color: #374151;
    line-height: 24px; }

.DateTimeQuestionSettings__Checkbox {
  width: 20px !important;
  height: 20px !important; }
  .DateTimeQuestionSettings__Checkbox .Icon {
    width: 20px !important;
    height: 20px !important; }
  .DateTimeQuestionSettings__Checkbox + .Form__Checkbox__label {
    color: #374151;
    line-height: 24px; }

.MultiItemQuestionInput--draggable .MultiItemQuestionInput__Items {
  margin-left: 0; }

.MultiItemQuestionInput__AddItemButton {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 16px; }
  .MultiItemQuestionInput__AddItemButton .Icon {
    width: 12px;
    height: 12px; }
    .MultiItemQuestionInput__AddItemButton .Icon path[fill^="#"] {
      fill: #111827; }
    .MultiItemQuestionInput__AddItemButton .Icon path[stroke^="#"] {
      stroke: #111827; }
  .MultiItemQuestionInput__AddItemButton span {
    color: #1F2937;
    font-weight: 500;
    margin-left: 8px; }

.MultiItemQuestionInput__ItemsLabel {
  color: #374151;
  font-weight: 500;
  margin-bottom: 8px; }

.MultiItemQuestionInput__Items {
  margin-left: 32px; }
  .MultiItemQuestionInput__Items .MultiItemQuestionItem {
    margin-top: 8px; }
    .MultiItemQuestionInput__Items .MultiItemQuestionItem:first-of-type {
      margin-top: 16px; }

.MultiItemQuestionItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .MultiItemQuestionItem .Button {
    margin-left: 8px;
    line-height: 36px; }

.MultiItemQuestionItem__Required {
  margin-right: 0 !important; }
  .MultiItemQuestionItem__Required.Button--active path[fill^="#"] {
    fill: #FF3B30; }
  .MultiItemQuestionItem__Required.Button--active path[stroke^="#"] {
    stroke: #FF3B30; }

.MultiItemQuestionItem__DragHandle {
  margin-right: 8px;
  cursor: move; }
  .MultiItemQuestionItem__DragHandle path[fill^="#"] {
    fill: #D1D5DB; }
  .MultiItemQuestionItem__DragHandle path[stroke^="#"] {
    stroke: #D1D5DB; }

.MultiItemQuestionItem__DragHandle--is-dragging {
  cursor: grabbing; }

.BooleanQuestionSettings__LabelInputs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  margin: 16px 0; }
  .BooleanQuestionSettings__LabelInputs input:not(:first-of-type) {
    margin-left: 4px; }

.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 {
  width: 90% !important;
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 20px !important;
  backdrop-filter: blur(48px);
  animation: modalGlowGenerated 3s linear infinite !important;
  overflow: visible; }
  .GenerateCourse__Modal::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 !important;
    transition: all 0.3s ease; }
  .GenerateCourse__Modal:hover {
    animation-duration: 2s !important; }
  .GenerateCourse__Modal:hover::before {
    animation-duration: 2s, 2s !important;
    opacity: 0.98; }
  .GenerateCourse__Modal::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 > div {
    position: relative;
    z-index: 1; }

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

.Survey__Title {
  color: #808080; }

#Survey .Container__Content--horizontal > *:not(:last-child), #EditForm .Container__Content--horizontal > *:not(:last-child) {
  margin-right: 24px; }

#Survey .Container__Content > .Alert--type-warning, #EditForm .Container__Content > .Alert--type-warning {
  background-color: #FFFFFF;
  color: #191919;
  border-top: none;
  border-bottom: none;
  border-right: none; }
  #Survey .Container__Content > .Alert--type-warning .Icon path[fill^="#"], #EditForm .Container__Content > .Alert--type-warning .Icon path[fill^="#"] {
    fill: #FF9500; }
  #Survey .Container__Content > .Alert--type-warning .Icon path[stroke^="#"], #EditForm .Container__Content > .Alert--type-warning .Icon path[stroke^="#"] {
    stroke: #FF9500; }
  #Survey .Container__Content > .Alert--type-warning .Alert__Content, #EditForm .Container__Content > .Alert--type-warning .Alert__Content {
    margin-top: -4px;
    padding-top: 0;
    border-top: none; }

.Question__Item__Drag {
  margin-right: 16px;
  color: #DFDFDF;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .Question__Item__Drag .Icon {
    cursor: move; }

.Question__Item__More {
  color: #808080; }

.Question__item__Title {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.QuestionForm {
  border: 1px solid #E5E5EA;
  border-radius: 8px; }
  .QuestionForm:not(:first-child) {
    margin-top: 16px; }

.QuestionForm__Content {
  padding: 16px; }

.QuestionForm__Footer {
  padding: 16px;
  background-color: #F3F4F6;
  border-radius: 0 0 8px 8px;
  color: #1C1C1E; }
  .QuestionForm__Footer .QuestionForm__ValueLabel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .QuestionForm__Footer .QuestionForm__ValueLabel .Icon {
      width: 15px;
      height: 15px;
      margin-left: 8px; }
      .QuestionForm__Footer .QuestionForm__ValueLabel .Icon path[fill^="#"] {
        fill: #8E8E93; }
      .QuestionForm__Footer .QuestionForm__ValueLabel .Icon path[stroke^="#"] {
        stroke: #8E8E93; }

.QuestionForm__Content .CreateQuestion {
  margin-bottom: 16px; }

.QuestionForm__Type {
  display: -ms-flexbox;
  display: flex; }
  .QuestionForm__Type h3 {
    margin-left: 12px;
    font-weight: 600;
    line-height: 24px; }
  .QuestionForm__Type .Icon {
    float: none; }

.SurveyDetailItem, .SurveyType {
  font-weight: 500;
  font-size: 11px;
  line-height: 23px;
  letter-spacing: 0.1px;
  padding: 0 8px;
  background-color: #F6F6F6;
  display: inline-block;
  border-radius: 8px;
  color: #808080; }

.SurveyDetailItem .Icon {
  margin-right: 8px;
  width: 20px;
  height: 20px;
  line-height: 24px; }

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

.PublishSurvey__Description {
  margin-bottom: 16px;
  color: #808080; }

.SurveyTemplates {
  display: -ms-flexbox;
  display: flex; }

.SurveyBar {
  padding: 16px;
  background-color: #DFF0F5;
  text-align: center; }
  .SurveyBar a {
    color: #007AFF !important;
    text-decoration: underline; }
  .SurveyBar--warning {
    background-color: #FCECE7;
    color: #FF3B30; }
    .SurveyBar--warning a {
      color: #FF3B30 !important; }

.SurveyBar + .Container__Content > .Bar {
  padding-bottom: 0;
  border-bottom: none; }

.Icon.PremiumLock {
  margin-left: 4px;
  float: none;
  width: 20px;
  height: 20px;
  background: -webkit-linear-gradient(300deg, #FFE985, #FA8E2B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }
  .Icon.PremiumLock path[fill^="#"] {
    fill: #FCD34D; }
  .Icon.PremiumLock path[stroke^="#"] {
    stroke: #FCD34D; }

.Button:not(.Button--icon) .Icon.PremiumLock {
  position: relative;
  top: 4px; }

.PremiumSurveyModal__Features {
  margin: 0;
  text-align: start;
  list-style-image: url("/static/images/icons/check-blue.svg"); }

.PremiumSurveyModal__Features__Item {
  padding-left: 8px;
  line-height: 1.8em; }

.SurveyReport__Filters__Report.Button--disabled > div,
.downloadAllResponses.Button--disabled > div {
  display: contents; }

.SurveyReport__Filters {
  -ms-flex-align: start;
      align-items: flex-start;
  margin-top: 16px; }
  .SurveyReport__Filters .SurveyReport__Filters__Report {
    margin-left: auto; }
  .SurveyReport__Filters .Alert {
    width: auto;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    margin: 0;
    padding: 8px; }
    .SurveyReport__Filters .Alert .Alert__Title {
      font-size: 14px;
      line-height: 20px; }
      .SurveyReport__Filters .Alert .Alert__Title .Icon {
        width: 20px;
        height: 20px; }

.modal .modal-dialog .modal-content .modal-header.ReportCompare__Header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }
  .modal .modal-dialog .modal-content .modal-header.ReportCompare__Header .Select {
    margin-right: 16px; }
    .modal .modal-dialog .modal-content .modal-header.ReportCompare__Header .Select .Select-control {
      height: 38px; }
    .modal .modal-dialog .modal-content .modal-header.ReportCompare__Header .Select .Select-value {
      padding: 1px 10px; }
  .modal .modal-dialog .modal-content .modal-header.ReportCompare__Header .ReportCompare__Header__SelectQuestion {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }

.ReportCompare__Option {
  padding: 6px 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer; }
  .ReportCompare__Option--selected {
    background-color: #E5E5EA; }
  .ReportCompare__Option:hover:not(.ReportCompare__Option--selected) {
    background-color: #F6F6F6; }
  .ReportCompare__Option:not(:last-child) {
    border-bottom: 1px solid #E5E5EA; }
  .ReportCompare__Option + .Select-input {
    display: none !important; }
  .ReportCompare__Option .QuestionIcon {
    margin-right: 8px; }

.Select-multi-value-wrapper .ReportCompare__Option:hover {
  background-color: transparent; }

.Select-multi-value-wrapper > .ReportCompare__Option {
  border-bottom: 0; }

.ReportCompare__Option__Text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.PostComment.formSubmissionComment .Form__control.Form__control--multiLine .autoGrowTextArea {
  padding: 1em;
  padding: 12px 16px;
  border: 1px solid #E5E5EA;
  border-radius: 6px; }

.PostComment.formSubmissionComment .Form__control.Form__control--multiLine textarea {
  min-height: inherit;
  height: 17px;
  padding: 0px;
  border: none;
  border-radius: 0px; }

.PostComment {
  margin-top: 16px; }
  .PostComment .Form__control {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
  .PostComment textarea {
    padding: 12px 16px; }
  .PostComment .Form__control__highlighter {
    padding: 12px 17px; }
  .PostComment button.PostComment__SendButton {
    margin-left: 8px;
    border-radius: 100px; }
    .PostComment button.PostComment__SendButton.add_styles {
      padding: 0;
      border: none;
      background-color: transparent;
      background-color: var(--color-button);
      cursor: default; }
    .PostComment button.PostComment__SendButton[disabled] {
      background-color: #E5E5EA; }
      .PostComment button.PostComment__SendButton[disabled] .Icon {
        cursor: default; }
    .PostComment button.PostComment__SendButton:hover:not([disabled]) {
      background-color: hsl(var(--color-button-hue), var(--color-button-saturation), var(--color-button-lightness-dark));
      cursor: pointer; }
      .PostComment button.PostComment__SendButton:hover:not([disabled]) .Icon {
        background-color: transparent; }
    .PostComment button.PostComment__SendButton .Icon {
      position: relative;
      top: -2px;
      left: 1px;
      transform: rotate(-45deg); }
      .PostComment button.PostComment__SendButton .Icon path[fill^="#"] {
        fill: var(--color-button-text); }
      .PostComment button.PostComment__SendButton .Icon path[stroke^="#"] {
        stroke: var(--color-button-text); }

.PostComment__Container {
  display: -ms-flexbox;
  display: flex; }
  .PostComment__Container--network {
    -ms-flex-align: end;
        align-items: flex-end; }
  .PostComment__Container--dashboard {
    -ms-flex-direction: column;
        flex-direction: column; }
  .PostComment__Container .Form__FileInput + .Form__FileInput {
    margin-right: 8px; }

.PostComment__Action {
  margin-top: 1px;
  padding: 8px;
  border-radius: 100px;
  cursor: pointer; }
  .PostComment__Action path[fill^="#"] {
    fill: var(--color-button) !important; }
  .PostComment__Action path[stroke^="#"] {
    stroke: var(--color-button) !important; }
  .PostComment__Action:hover path[fill^="#"] {
    fill: hsl(var(--color-button-hue), var(--color-button-saturation), var(--color-button-lightness-dark)) !important; }
  .PostComment__Action:hover path[stroke^="#"] {
    stroke: hsl(var(--color-button-hue), var(--color-button-saturation), var(--color-button-lightness-dark)) !important; }

.PostComment__SentButton {
  margin-top: 1px;
  padding: 8px;
  border-radius: 100px;
  cursor: pointer; }
  .PostComment__SentButton path[fill^="#"] {
    fill: #FFFFFF; }
  .PostComment__SentButton path[stroke^="#"] {
    stroke: #FFFFFF; }

.PostComment__Attachment {
  margin-bottom: 8px;
  overflow: hidden; }
  .PostComment__Attachment .FilePreview {
    border-radius: 4px; }

.Comment {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  font-size: 13px;
  color: #808080; }
  .Comment a {
    color: #808080;
    font-weight: 600; }
    .Comment a:hover {
      text-decoration: underline; }
  .Comment .ProfileImage {
    margin-right: 8px; }
  .Comment:not(:last-child) {
    margin-bottom: 16px; }
  .Comment:hover .Comment__Remove {
    visibility: visible; }

.Comment__Container {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column; }

.Comment__Content {
  margin-bottom: 4px;
  padding: 8px 12px;
  background-color: #F6F6F6;
  border-radius: 8px;
  color: #191919;
  font-size: 14px; }

.Comment__Info__Spacer {
  margin: 0 4px;
  font-weight: 600; }

.Comment__Attachments .Attachment {
  margin-bottom: 4px;
  border-radius: 8px;
  overflow: hidden; }

.Comment__Remove {
  padding: 4px 0;
  float: right;
  visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .Comment__Remove .Icon {
    width: 18px;
    height: 18px; }
    .Comment__Remove .Icon path[fill^="#"] {
      fill: #808080; }
    .Comment__Remove .Icon path[stroke^="#"] {
      stroke: #808080; }

.Comment__Info {
  font-size: 14px;
  color: #808080; }
  .Comment__Info svg {
    margin: 0 0 -3px 4px; }
  .Comment__Info .Comment__Info__Action--active {
    color: var(--color-primary); }
    .Comment__Info .Comment__Info__Action--active path {
      fill: var(--color-primary); }

.ConnectToEmailModal .emailSlot {
  margin-bottom: 8px;
  display: -ms-flexbox;
  display: flex; }
  .ConnectToEmailModal .emailSlot input {
    width: calc(100% - 24px - 20px - 32px - 2px);
    display: inline-block;
    margin-right: 8px; }
  .ConnectToEmailModal .emailSlot button {
    display: inline-block;
    line-height: 1em;
    vertical-align: bottom; }

.ConnectToEmailModal .addExtraEmail {
  margin-top: 16px; }

.formSettingsModal {
  display: -ms-flexbox;
  display: flex; }
  .formSettingsModal .Button {
    margin-right: 32px !important; }
  .formSettingsModal .counter {
    margin-left: 12px; }
  .formSettingsModal p {
    margin-top: 6px; }

.OverviewSection .Icon--titleIcon {
  margin-left: 8px; }

.ModeratorsModal .NotificationsDropdown {
  margin-left: auto;
  -ms-flex-order: 2;
      order: 2;
  margin-right: 1.5em; }

.ModeratorsModal .ChannelForm__ModeratorRow {
  -ms-flex-pack: end;
      justify-content: flex-end; }
  .ModeratorsModal .ChannelForm__ModeratorRow .ImageItem {
    -ms-flex-positive: 1;
        flex-grow: 1; }
  .ModeratorsModal .ChannelForm__ModeratorRow .SelectToggle {
    margin-right: 8px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .ModeratorsModal .ChannelForm__ModeratorRow > .Spinner__container {
    margin-right: 32px; }

.Input__ColorPicker, .Input__IconPicker {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -12px; }
  .Input__ColorPicker > div, .Input__IconPicker > div {
    height: 32px;
    margin: 0 8px 12px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    border-radius: 8px;
    cursor: pointer; }

.Input__ColorPicker > div {
  -ms-flex: 0 0 calc(14.28571% - 6.85714px);
      flex: 0 0 calc(14.28571% - 6.85714px); }
  .Input__ColorPicker > div .Icon {
    width: 12px;
    height: 12px;
    padding: 4px;
    background-color: #FFFFFF;
    border-radius: 13px; }
  .Input__ColorPicker > div:nth-child(7n) {
    margin-right: 0; }

.Input__IconPicker > div {
  -ms-flex: 0 0 calc(10% - 9.2px);
      flex: 0 0 calc(10% - 9.2px);
  background-color: #F6F6F6;
  border-radius: 8px;
  border: 1px solid #F6F6F6; }
  .Input__IconPicker > div.active {
    border-color: var(--color-button); }
  .Input__IconPicker > div img {
    height: 20px; }
  .Input__IconPicker > div:nth-child(10n) {
    margin-right: 0; }