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

.BadgeStatus {
  width: 60px;
  text-align: center; }
  .BadgeStatus--live {
    color: #007AFF;
    background-color: #e2f0fe; }
  .BadgeStatus--completed {
    color: #34C759;
    background-color: rgba(52, 199, 89, 0.1); }
  .BadgeStatus--paused {
    color: #FF9500;
    background-color: #FFF5e1; }
  .BadgeStatus--archived {
    color: #FFFFFF;
    background-color: #ABB4BD; }

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

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

.ProfileImagesGroup {
  display: -ms-flexbox;
  display: flex; }
  .ProfileImagesGroup .overlapping {
    margin-left: -8px; }
    .ProfileImagesGroup .overlapping img {
      border: 1px solid white; }

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

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

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

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

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

.CommentsModal.modal .modal-dialog .modal-content .modal-footer {
  padding-top: 0;
  box-shadow: 0px -1px 5px 1px #E5E5EA; }

.commentsIcon button.Button {
  margin: 0px; }

.commentsCount {
  position: relative;
  top: -14px;
  left: -10px; }
  .commentsCount span {
    min-width: 10px;
    padding: 2px 3px;
    background-color: var(--color-primary);
    line-height: 12px;
    border-radius: 8px;
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    display: inline-block;
    color: #FFFFFF; }

.FormSubmissionEditor .commentsTrigger svg path {
  fill: white; }

.FormSubmissionEditor .commentsTrigger svg path[stroke^="#"] {
  stroke: #898A8B; }

.FormSubmissionEditor > .Spinner__container,
.FormModeratorSubmissions__Spinner {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.FormSubmissionEditorContent {
  width: 36em;
  margin: 0 auto; }
  .FormSubmissionEditorContent .buttonsScreen {
    text-align: right;
    margin-bottom: 48px; }

.FormSubmissionEditorContent .Screen {
  overflow-x: visible; }

.responseActions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .responseActions button {
    margin-left: 8px; }
    .responseActions button.Button--only-icon {
      margin-right: 8px; }

.EditorVideo.gotPath {
  cursor: pointer; }

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

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

.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;
    padding: 0;
    border: none;
    background-color: transparent;
    border-radius: 100px;
    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; }

#Social .Container__SideBar {
  position: sticky;
  top: 92px;
  height: -moz-fit-content;
  height: fit-content;
  max-height: calc(100vh - 112px);
  overflow-y: auto;
  -ms-flex: 0 0 340px;
      flex: 0 0 340px; }
  #Social .Container__SideBar::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0); }
  #Social .Container__SideBar::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0); }
  #Social .Container__SideBar:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.25); }
  #Social .Container__SideBar:hover::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.1); }
  #Social .Container__SideBar:not(:last-child) {
    margin-right: 40px; }

#Social .Container__Column {
  max-width: calc(100vw - 64px - 375px);
  min-width: 0;
  -ms-flex: 1;
      flex: 1;
  margin-right: 40px; }

@media (max-width: 1200px) {
  #Social .Container__SideBar {
    -ms-flex: 0 0 180px;
        flex: 0 0 180px; } }

.Members {
  overflow: hidden; }
  .Members > * {
    float: left;
    margin-left: calc((100% - 6 * 32px) / 5); }
    @media (max-width: 1200px) {
      .Members > * {
        width: 24px !important;
        height: 24px !important;
        margin-left: calc((100% - 6 * 24px) / 5); } }
  .Members .List {
    width: 100%;
    margin: 16px 0 0 0 !important; }
  .Members .balloon__title {
    width: 100%;
    margin-left: 0; }
  .Members > *:nth-child(6n+2) {
    margin-left: 0; }
  .Members > *:nth-child(n+8) {
    margin-top: calc((100% - 6 * 32px) / 5); }
    @media (max-width: 1200px) {
      .Members > *:nth-child(n+8) {
        margin-top: calc((100% - 6 * 24px) / 5); } }

.Members .ShowMore {
  width: 32px;
  height: 32px;
  background-color: #E5E5EA;
  text-align: center;
  cursor: pointer; }
  .Members .ShowMore .Icon {
    float: none;
    line-height: 32px; }

.Members .Members__show-all {
  margin-top: 16px;
  color: #808080;
  cursor: pointer; }
  .Members .Members__show-all:hover {
    text-decoration: underline; }

.ScheduleMessages {
  margin-bottom: 24px;
  line-height: 24px;
  cursor: pointer; }
  .ScheduleMessages .Icon {
    margin-right: 16px; }
    .ScheduleMessages .Icon path[fill^="#"] {
      fill: var(--color-primary); }
    .ScheduleMessages .Icon path[stroke^="#"] {
      stroke: var(--color-primary); }
  .ScheduleMessages span {
    color: #808080; }

.Social__Files:not(.List--empty) {
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
  .Social__Files:not(.List--empty) .Attachment {
    background-color: #FFFFFF;
    padding: 12px 16px;
    border: none;
    border-radius: unset; }
    .Social__Files:not(.List--empty) .Attachment:first-child {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px; }
    .Social__Files:not(.List--empty) .Attachment:last-child {
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; }
    .Social__Files:not(.List--empty) .Attachment:not(:last-child) {
      border-bottom: 1px solid #F6F6F6; }

.Social__Files + .Feed__ShowMore, .Social__Files + .Spinner__container {
  margin-top: 16px; }

.Channels {
  padding: 12px 0; }
  .Channels .balloon__title {
    margin: 0 12px 12px; }
    .Channels .balloon__title:not(:first-child) {
      margin-top: 12px; }

.Channels__Item {
  padding: 8px 16px 8px 14px;
  border-left: 2px solid rgba(0, 0, 0, 0);
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -ms-flex-align: center;
      align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .Channels__Item:last-child {
    margin-bottom: 0; }
  .Channels__Item:hover:not(.Channels__Item--active) {
    border-left: 2px solid hsl(var(--color-button-hue), var(--color-button-saturation), var(--color-button-lightness-light)); }
  .Channels__Item .ui.dropdown {
    opacity: 0; }
  .Channels__Item:hover .ui.dropdown, .Channels__Item--open .ui.dropdown {
    opacity: 1; }

.Channels__Item--active {
  border-left: 2px solid var(--color-button);
  background-color: #FAFAFA; }

.Channels__Item__Image {
  width: 36px;
  height: 36px;
  margin-right: 16px;
  border-radius: 8px;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .Channels__Item__Image img {
    max-width: 100%; }
  .Channels__Item__Image .ImagePlaceholder {
    border-radius: 0; }
  .Channels__Item__Image > .Icon {
    width: 24px;
    height: 24px;
    position: relative;
    left: 7px;
    line-height: 36px; }
    .Channels__Item__Image > .Icon path[fill^="#"] {
      fill: #ABB4BD; }
    .Channels__Item__Image > .Icon path[stroke^="#"] {
      stroke: #ABB4BD; }

.Channels__Item__Info {
  line-height: 16px;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .Channels__Item__Info div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }

.Channels__Item__More {
  margin-left: 4px;
  font-size: 16px;
  color: #808080; }

.Channels__Item__Status {
  margin-top: -3px;
  margin-left: 8px;
  width: 16px;
  height: 16px;
  float: none;
  display: inline-block;
  position: relative;
  top: 2px; }
  .Channels__Item__Status path[fill^="#"] {
    fill: #808080; }
  .Channels__Item__Status path[stroke^="#"] {
    stroke: #808080; }

.Channels__placeholder {
  padding: 4px 12px;
  color: #808080; }

.Feed .Exchange .open {
  cursor: pointer; }

.Feed .Exchange .Exchange__Info {
  margin-bottom: 24px;
  text-align: center; }

.Feed .Exchange .Exchange__Info__Title {
  font-size: 18px; }

.Feed .Exchange .Exchange__Info__Date {
  font-size: 16px;
  color: #808080; }

.Feed .Exchange .Exchange__Actions .Button i {
  margin: -10px 4px 0 0;
  top: 7px; }

.Feed .BirthdayMessage .Card__Content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.Feed .BirthdayMessage .BirthdayMessage__Text {
  -ms-flex: 1;
      flex: 1;
  font-size: 1.1rem; }

.Feed .BirthdayMessage img {
  width: 32px;
  height: 32px;
  margin: -4px 16px 0 0; }

.Feed .BirthdayMessage a {
  color: #808080; }
  .Feed .BirthdayMessage a:hover {
    text-decoration: underline; }

.Feed .BirthdayMessage__Hidden {
  color: #808080;
  line-height: 20px; }
  .Feed .BirthdayMessage__Hidden .Icon {
    margin-right: 8px;
    width: 20px;
    height: 20px; }

.Feed {
  width: 100%;
  float: left; }
  .Feed .Card {
    margin-bottom: 24px; }
    @media (max-width: 1200px) {
      .Feed .Card {
        margin-bottom: 16px; } }

.Feed:not(.ImportantMessages) .Card:last-child {
  margin-bottom: 0; }

.modal .Feed .Card:not(:last-child) {
  margin-bottom: 16px; }

.Feed + :last-child {
  margin-top: 24px;
  float: left; }

.Feed__ShowMore:first-child {
  margin-bottom: 24px; }

.Feed__ShowMore {
  width: calc(100% - 2px);
  float: left;
  padding: 16px 0;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #E5E5EA; }
  .Feed__ShowMore:hover {
    text-decoration: underline;
    cursor: pointer;
    background-color: #E5E5EA; }

.PureList__ShowNew .Feed__ShowMore {
  margin-bottom: 24px; }

.Feed__Placeholder {
  padding: 64px 0;
  text-align: center;
  font-size: 18px;
  color: #606060; }
  .Feed__Placeholder img {
    margin-top: 24px; }

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

.Poll {
  margin-top: 12px;
  overflow: hidden; }

.Poll__Question {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 16px; }
  .Poll__Question--past {
    color: #808080; }

.Poll__Deadline:not(:has(+ .Poll_MultipleAnswers)) {
  margin-bottom: 16px; }

.Poll__Deadline--past {
  color: #808080; }

.Poll__Deadline--today, .Poll__Deadline--tomorrow {
  color: #FF9500; }

.Poll_MultipleAnswers {
  margin-bottom: 16px;
  color: #808080;
  font-style: italic; }

.PollOption__Wrapper {
  margin-bottom: 12px; }
  .PollOption__Wrapper:last-child {
    margin-bottom: 0; }

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

.PollOption__Container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  border: 1px solid #E5E5EA;
  border-radius: 6px; }
  .PollOption--active .PollOption__Container {
    cursor: pointer; }
    .PollOption--active .PollOption__Container:hover {
      background-color: #F6F6F6; }

.PollOption__Bar {
  background-color: #E5E5EA;
  border-left-width: 2px;
  border-right-width: 2px;
  border-color: #E5E5EA; }

.PollOption__Label {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px 16px; }
  .PollOption--disabled .PollOption__Label {
    color: #ABB4BD; }
  .PollOption__Label span {
    margin-right: 32px; }

.PollOption__Percentage {
  position: absolute;
  right: 8px; }

.PollOption__Checkbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  border-radius: 50%;
  border: 1px solid #E5E5EA; }
  .PollOption--selected .PollOption__Checkbox {
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary); }
  .PollOption--active .PollOption__Checkbox {
    cursor: pointer; }
  .PollOption--active:not(.PollOption--selected) .PollOption__Checkbox:hover {
    background-color: #F6F6F6; }
  .PollOption--disabled .PollOption__Checkbox {
    background-color: #E5E5EA;
    border: 1px solid #E5E5EA; }

.PollOption__CheckboxIcon {
  margin: auto;
  width: 18px;
  height: 18px; }
  .PollOption__CheckboxIcon path[fill^="#"] {
    fill: #FFFFFF; }
  .PollOption__CheckboxIcon path[stroke^="#"] {
    stroke: #FFFFFF; }

.PollOption__Stats {
  margin-left: calc(24px + 16px);
  margin-top: 4px;
  font-size: 13px;
  color: #808080; }
  .PollOption__Stats a {
    color: #ABB4BD;
    text-decoration: underline; }
    .PollOption__Stats a:before {
      content: '\00B7';
      padding: 0 4px;
      display: inline-block;
      text-decoration: none; }

.PollOption__StatsUser {
  margin-bottom: 8px; }

.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;
    padding: 0;
    border: none;
    background-color: transparent;
    border-radius: 100px;
    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; }

.Message .Card__Footer {
  padding-top: 8px;
  background-color: #FAFAFA; }

.Message > *:last-child, .Message > *:last-child > :last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.Message .Message__PublishAt {
  color: var(--color-primary); }

.Message .Message__content {
  float: left;
  width: calc(100% - 32px);
  padding: 0 16px 8px; }
  .Message .Message__content .Linkify {
    word-break: break-word; }

.Message .Document__Container + .Document__Container {
  margin-top: 4px; }

.Message .Message__delete {
  color: #ABB4BD;
  cursor: pointer; }

.Message .Message__header__inner .dropdown-toggle .Icon {
  line-height: 24px; }
  .Message .Message__header__inner .dropdown-toggle .Icon path[fill^="#"] {
    fill: #808080; }
  .Message .Message__header__inner .dropdown-toggle .Icon path[stroke^="#"] {
    stroke: #808080; }
  .Message .Message__header__inner .dropdown-toggle .Icon:hover path[fill^="#"] {
    fill: #606060; }
  .Message .Message__header__inner .dropdown-toggle .Icon:hover path[stroke^="#"] {
    stroke: #606060; }

.Message .Message__header__created-in {
  float: left;
  padding-top: 0.15rem;
  line-height: 1.3rem; }

.Message .Message__highfives {
  margin-right: 1rem; }

.Message .Message__Info .pull-right {
  margin-left: auto; }

.Message .Message__Info--center {
  text-align: center; }
  .Message .Message__Info--center .Message__Info__Actions {
    -ms-flex-pack: center;
        justify-content: center; }

.Message .Message__Info__highfive {
  cursor: pointer; }
  .Message .Message__Info__highfive img {
    height: 24px; }

.Message .Message__Info__Counts {
  width: calc(100% - 32px);
  float: left;
  padding: 8px 16px; }
  .Message .Message__Info__Counts small {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .Message .Message__Info__Counts small:not(:last-child) {
    margin-right: 12px; }

.Message .Message__Info__Counts--green {
  color: #34C759; }

.Message .Message__header__inner .pull-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.Message .Message__Important {
  color: #FCD34D;
  float: left; }

.Message .Message__Info__Actions {
  padding: 12px 16px;
  overflow: hidden;
  clear: both;
  border-top: 1px solid #E5E5EA;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start; }

.Message .Message__Info__Action {
  height: 24px;
  margin-right: 24px;
  line-height: 24px;
  color: #606060;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .Message .Message__Info__Action:last-child {
    margin-right: 0; }
  .Message .Message__Info__Action.Message__Info__Action--active {
    color: var(--color-primary); }
    .Message .Message__Info__Action.Message__Info__Action--active .Icon path[fill^="#"] {
      fill: var(--color-primary); }
    .Message .Message__Info__Action.Message__Info__Action--active .Icon path[stroke^="#"] {
      stroke: var(--color-primary); }
  .Message .Message__Info__Action .Icon {
    margin-right: 8px;
    float: left; }
    .Message .Message__Info__Action .Icon path[fill^="#"] {
      fill: #606060; }
    .Message .Message__Info__Action .Icon path[stroke^="#"] {
      stroke: #606060; }

.Message .Message__Info__Action--disabled {
  color: #E5E5EA;
  cursor: default; }
  .Message .Message__Info__Action--disabled .Icon path[fill^="#"] {
    fill: #E5E5EA; }
  .Message .Message__Info__Action--disabled .Icon path[stroke^="#"] {
    stroke: #E5E5EA; }

.Message .Message__Files__Item {
  margin-bottom: 2px;
  padding: 8px 12px;
  display: block;
  background-color: #FAFAFA;
  line-height: 16px;
  color: #191919;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px; }
  .Message .Message__Files__Item:last-child {
    margin-bottom: 0; }
  .Message .Message__Files__Item:hover {
    text-decoration: underline; }
  .Message .Message__Files__Item .Message__Files__Item__Name {
    -ms-flex: 1;
        flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.Message .Message__Files__Item__Type {
  padding: 8px 4px;
  margin-right: 12px;
  overflow: hidden;
  background-color: #ABB4BD;
  border-radius: 2px; }
  .Message .Message__Files__Item__Type .Icon {
    width: 16px;
    height: 16px; }
    .Message .Message__Files__Item__Type .Icon path[fill^="#"] {
      fill: #FFFFFF; }
    .Message .Message__Files__Item__Type .Icon path[stroke^="#"] {
      stroke: #FFFFFF; }

.Message .Message__Files__Item__Name {
  font-weight: 500; }

.Message .Message__Files__Item--color-red {
  background-color: #FF3B30; }

.Message .Message__Files__Item--color-purple {
  background-color: #AF52DE; }

.Message .Message__Files__Item--color-blue {
  background-color: #007AFF; }

.Message .Message__Attachments {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }
  .Message .Message__Attachments .Attachment__Placeholder, .Message .Message__Attachments img {
    border-radius: 2px;
    width: auto;
    height: auto; }

.Message .Message__Attachments__Container {
  max-width: 99.999999%; }

.Message .Message__Attachments__Attachment {
  margin: 8px 8px 0 0;
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: hidden; }
  .Message .Message__Attachments__Attachment:last-child {
    margin-right: 0; }
  .Message .Message__Attachments__Attachment:nth-of-type(1), .Message .Message__Attachments__Attachment:nth-of-type(2), .Message .Message__Attachments__Attachment:nth-of-type(3) {
    margin-top: 0; }

.Message .Message__Attachments__Attachment--size-large {
  width: 100%; }
  .Message .Message__Attachments__Attachment--size-large img {
    max-height: 500px; }

.Message .Message__Attachments__Attachment--size-medium {
  width: calc(50% - 4px); }
  .Message .Message__Attachments__Attachment--size-medium img {
    max-height: 350px; }

.Message .Message__Attachments__Attachment--size-small {
  width: calc(33.333333% - 5.333333px); }
  .Message .Message__Attachments__Attachment--size-small img {
    max-height: 200px; }

.Message .Message__Video {
  max-height: 500px;
  padding: 0 12px 8px 12px; }

.Message .Message__comments {
  padding: 16px;
  border-top: 1px solid #E5E5EA; }
  .Message .Message__comments .ImageItem {
    padding: 0; }
  .Message .Message__comments .PureList__ShowMore {
    margin-bottom: 0;
    text-align: center; }

.Message .comments__show-more {
  margin: 12px 16px;
  cursor: pointer;
  color: #808080; }
  .Message .comments__show-more:hover {
    text-decoration: underline; }

.Message .UserInput__input {
  margin: 4px 0; }

.IntroductionMessage {
  text-align: center; }
  .IntroductionMessage .pull-right {
    margin: 30px 16px 0 0; }
  .IntroductionMessage .EditMessageForm textarea {
    text-align: center; }
  .IntroductionMessage .Message__content {
    width: 60%;
    padding: 0 20% 8px 20%; }

.Message__Translate {
  width: 100%;
  margin-top: 8px;
  float: left;
  color: var(--color-primary);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.Message__LinkPreview {
  margin: 0 16px;
  border-radius: 0; }
  .Message__LinkPreview img {
    border-radius: 0; }

.Shortcut {
  margin: 0 -16px;
  padding: 0 16px;
  color: #191919;
  display: block;
  overflow: hidden; }
  .Shortcut > div {
    padding: 8px 0;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
  .Shortcut:not(:last-child) > div {
    border-bottom: 1px solid #F6F6F6; }
  .Shortcut .Icon {
    transform: rotate(-45deg);
    width: 20px;
    height: 20px; }
  .Shortcut:hover {
    background-color: #F6F6F6;
    cursor: pointer;
    color: #191919; }

.Shortcut__Icon {
  width: 16px;
  height: 16px;
  padding: 8px;
  background-color: var(--color-primary);
  border-radius: 8px; }
  .Shortcut__Icon img {
    display: block;
    width: 16px; }

.Table__Cell__Title .Shortcut__Icon {
  margin-right: 16px;
  float: left; }

.Shortcut__Name {
  margin-left: 12px;
  -ms-flex: 1;
      flex: 1; }

.FeedSectionHeader {
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.5px;
  width: 100%;
  margin-bottom: 8px;
  display: -ms-flexbox;
  display: flex;
  float: left;
  color: #191919;
  -ms-flex-align: center;
      align-items: center; }
  .FeedSectionHeader .Icon {
    margin-right: 8px; }

.FeedSectionHeader__Title {
  text-transform: uppercase; }

.FeedSectionHeader__Count {
  margin-left: 8px;
  color: #808080;
  font-weight: 500; }

.FeedSectionHeader__Important {
  color: #FCD34D; }

.FeedSectionHeader__Action {
  margin-left: auto; }

.FeedSectionHeader__Sort {
  display: -ms-flexbox;
  display: flex;
  color: #808080; }
  .FeedSectionHeader__Sort .Icon {
    margin-left: 12px;
    width: 20px;
    height: 20px; }
    .FeedSectionHeader__Sort .Icon path[fill^="#"] {
      fill: #808080; }
    .FeedSectionHeader__Sort .Icon path[stroke^="#"] {
      stroke: #808080; }

.TimelineHeader__Container {
  margin-bottom: 24px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }

.TimelineHeader {
  width: 100%;
  background-color: #191919;
  background-size: cover !important;
  background-position: center !important; }

.TimelineHeader__ContentWrapper {
  width: 100%;
  padding-top: calc(42.736842% - 110px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  background-color: var(--color-primary);
  background: linear-gradient(0deg, hsla(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness), 1), hsla(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness), 0.5)); }

.TimelineHeader__Content {
  width: calc(100% - 40px);
  padding: 20px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  color: var(--color-primary-text);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-shadow: 0.5px 0.5px 1px #808080; }
  .TimelineHeader__Content h1 {
    color: var(--color-primary-text);
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.TimelineHeader__Content__Logo {
  margin-right: 24px;
  -ms-flex: 0 0 70px;
      flex: 0 0 70px;
  border-radius: 16px;
  overflow: hidden; }
  .TimelineHeader__Content__Logo img {
    max-width: 100%; }
  .TimelineHeader__Content__Logo .ImagePlaceholder {
    border-radius: 0;
    background-color: var(--color-primary);
    font-size: 2em; }

.TimelineHeader__Content__Info {
  overflow: hidden; }

.TimelineHeader__Content__Info__Location {
  line-height: 24px;
  font-size: 16px; }
  .TimelineHeader__Content__Info__Location .Icon {
    margin-right: 4px; }

.TimelineHeader__Content__UsersCount {
  height: 24px; }

.TimelineHeader__Bar {
  padding: 0 20px;
  background-color: #FFFFFF;
  overflow: hidden; }

.TimelineHeader__Bar__Filter {
  padding: 16px 0;
  float: left;
  cursor: pointer;
  border-bottom-width: 2px;
  line-height: 22px;
  color: #808080; }
  .TimelineHeader__Bar__Filter:not(:last-child) {
    margin-right: 24px; }
  .TimelineHeader__Bar__Filter--active {
    border-bottom: 2px solid var(--color-button);
    color: var(--color-button);
    font-weight: 500; }
  .TimelineHeader__Bar__Filter:hover:not(.active) {
    color: var(--color-button); }

.EventWidgetItem {
  display: -ms-flexbox;
  display: flex;
  cursor: pointer; }
  .EventWidgetItem:not(:last-child) {
    margin-bottom: 8px; }
  .EventWidgetItem .dropdown {
    margin: 3px 0 0 12px;
    -ms-flex-item-align: start;
        align-self: flex-start; }
    .EventWidgetItem .dropdown .Button {
      box-shadow: none; }

.EventWidgetItem__Image {
  width: 40px;
  height: 40px;
  margin-right: 8px;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.EventWidgetItem__Info {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .EventWidgetItem__Info small {
    font-size: 13px;
    line-height: 16px; }
  .EventWidgetItem__Info h5 {
    margin: 0;
    text-transform: none;
    font-size: 14px;
    line-height: 18px; }

.Exchange .modal-content {
  overflow: hidden; }

.Exchange .Exchange__User {
  margin-bottom: 16px; }

.Exchange .Exchange__Status {
  margin: 24px calc(-24px - 1px) 0;
  padding: 16px 20px;
  color: #808080;
  border-top: 1px solid #E5E5EA; }
  .Exchange .Exchange__Status + .Exchange__Status--revert {
    margin-top: 0;
    cursor: pointer; }
  .Exchange .Exchange__Status .Profile .Profile__Exchange__User__name {
    margin-bottom: 2px;
    color: #191919; }
  .Exchange .Exchange__Status .Icon {
    margin-right: 0.3rem;
    width: 18px;
    height: 18px; }
  .Exchange .Exchange__Status.Exchange__Status--state-open {
    margin-top: 0;
    border-top: none; }
  .Exchange .Exchange__Status.Exchange__Status--state-approved {
    background-color: #79C8A6;
    border-top: none; }
    .Exchange .Exchange__Status.Exchange__Status--state-approved .ImageItem .ImageItem__info__name, .Exchange .Exchange__Status.Exchange__Status--state-approved small {
      color: #FFFFFF; }
  .Exchange .Exchange__Status.Exchange__Status--state-expired {
    background-color: #f26e70;
    border-top: none; }
    .Exchange .Exchange__Status.Exchange__Status--state-expired .Icon path[fill^="#"], .Exchange .Exchange__Status.Exchange__Status--state-expired .ImageItem .ImageItem__info__name path[fill^="#"], .Exchange .Exchange__Status.Exchange__Status--state-expired small path[fill^="#"] {
      fill: #FFFFFF; }
    .Exchange .Exchange__Status.Exchange__Status--state-expired .Icon path[stroke^="#"], .Exchange .Exchange__Status.Exchange__Status--state-expired .ImageItem .ImageItem__info__name path[stroke^="#"], .Exchange .Exchange__Status.Exchange__Status--state-expired small path[stroke^="#"] {
      stroke: #FFFFFF; }

.Exchange .Exchange__Status--revert {
  cursor: pointer; }

.Exchange .Exchange__Replacements {
  margin-top: 16px; }
  .Exchange .Exchange__Replacements + .Exchange__Status--revert {
    margin-top: 0; }

.Exchange .Exchange__Replacements__ApprovalMessage {
  margin-bottom: 8px;
  text-align: center;
  color: #808080; }

.Exchange .Exchange__OwnerActions .dropdown-toggle .Icon {
  width: 20px;
  height: 20px; }
  .Exchange .Exchange__OwnerActions .dropdown-toggle .Icon path[fill^="#"] {
    fill: #808080; }
  .Exchange .Exchange__OwnerActions .dropdown-toggle .Icon path[stroke^="#"] {
    stroke: #808080; }

.Exchange .Exchange__OwnerActions .dropdown-toggle[aria-expanded="true"] .Icon path[fill^="#"], .Exchange .Exchange__OwnerActions .dropdown-toggle .Icon:hover path[fill^="#"] {
  fill: #606060; }

.Exchange .Exchange__OwnerActions .dropdown-toggle[aria-expanded="true"] .Icon path[stroke^="#"], .Exchange .Exchange__OwnerActions .dropdown-toggle .Icon:hover path[stroke^="#"] {
  stroke: #606060; }

.Exchange .Exchange__Actions {
  overflow: hidden; }
  .Exchange .Exchange__Actions .Button {
    width: 47.5%;
    float: left; }
    .Exchange .Exchange__Actions .Button:first-child {
      margin-right: 5%; }
    .Exchange .Exchange__Actions .Button i {
      margin: -5px 8px 0 0;
      float: none;
      position: relative;
      top: 4px; }
  .Exchange .Exchange__Actions .Exchange__Actions--accept {
    color: #34C759; }
  .Exchange .Exchange__Actions .Exchange__Actions--decline {
    color: #FF3B30; }

.Exchange .Exchange__Status__replacement {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .Exchange .Exchange__Status__replacement .ImageItem {
    -ms-flex: 1;
        flex: 1; }
  .Exchange .Exchange__Status__replacement .Exchange__Status__replacement__actions {
    position: relative;
    top: 2px; }

.Exchange .Exchange__item {
  margin: -16px -16px 0 -16px;
  padding: 16px 16px 0;
  position: relative;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }

.Exchange .Exchange__feed {
  margin: 0 -16px -16px -16px;
  padding: 16px;
  background-color: #FAFAFA;
  color: #606060; }

.Exchange .Exchange__PostComment {
  margin-bottom: 16px;
  display: -ms-flexbox;
  display: flex; }
  .Exchange .Exchange__PostComment textarea {
    -ms-flex: 1;
        flex: 1; }
  .Exchange .Exchange__PostComment .Button {
    margin-left: 8px;
    -ms-flex-item-align: end;
        align-self: flex-end; }

.Exchange__Info {
  background-color: #FFFFFF;
  text-align: left; }
  .Exchange__Info:last-child .Exchange__Info__placed-in {
    margin-bottom: 16px; }
  .Exchange__Info .Exchange__title {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 0.5px; }
  .Exchange__Info .Exchange__Info__date {
    margin-bottom: 12px;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 1px; }
  .Exchange__Info .Exchange__Info__placed-in {
    margin-top: 8px;
    font-style: italic; }
  .Exchange__Info .Exchange__Info__description {
    white-space: pre-wrap;
    margin-top: 24px;
    overflow: hidden; }

.modal .BirthdaysList {
  margin: 0 -16px; }

.BirthdaysList__Date__Section {
  padding: 4px 16px;
  background-color: #F6F6F6;
  border-top: 1px solid #E5E5EA;
  border-bottom: 1px solid #E5E5EA;
  line-height: 24px;
  font-weight: 600; }
  .BirthdaysList__Date__Section img {
    height: 24px;
    margin-right: 8px;
    position: relative;
    top: -2px; }

.BirthdaysList__Date--today .BirthdaysList__Date__Section {
  color: var(--color-primary); }

.BirthdaysList__Date__User {
  padding: 8px 16px;
  display: -ms-flexbox;
  display: flex; }
  .BirthdaysList__Date__User .Profile {
    -ms-flex: 1;
        flex: 1; }

.EditMessageForm.Form .Form__Poll {
  width: calc(100% - 2px);
  margin: 0; }

.PostMessage {
  width: 100%;
  margin-bottom: 24px;
  background-color: #FFFFFF;
  border-radius: 8px;
  position: relative;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
  .PostMessage .SearchBar {
    margin-bottom: 0;
    border: 0 !important; }
    .PostMessage .SearchBar .Icon {
      line-height: 42px; }
  .PostMessage .Channels {
    padding-top: 0;
    box-shadow: none; }
    .PostMessage .Channels .balloon__title {
      margin: 8px 0;
      padding: 8px 12px;
      background-color: #E5E5EA;
      border: 0; }
      .PostMessage .Channels .balloon__title:first-of-type {
        margin-top: 0; }
  .PostMessage.PostMessage--active {
    box-shadow: 0 1px 1px #65656f; }
  .PostMessage .Attachments, .PostMessage .Form__Poll {
    margin-bottom: 16px; }
  .PostMessage hr {
    background-color: #F6F6F6; }

.PostMessage__input-container__file {
  margin-left: 24px; }

.PostMessage .Card__Content {
  cursor: text; }

.PostMessage .Card__Header {
  width: calc(100% - 32px);
  padding: 8px 16px;
  background-color: #F6F6F6;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #808080; }

.Post__Message__TargetName {
  color: var(--color-primary); }

.Post__Message__ChangeTarget {
  cursor: pointer; }

.PostMessage.PostMessage--focused .PostMessage__Actions {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .PostMessage.PostMessage--focused .PostMessage__Actions > * {
    -ms-flex: 0 0 calc(50% - 8px);
        flex: 0 0 calc(50% - 8px);
    margin-bottom: 8px;
    width: calc(50% - 2px - 4px);
    float: left; }
    .PostMessage.PostMessage--focused .PostMessage__Actions > * .Button {
      margin-right: 0;
      width: 100%; }
    .PostMessage.PostMessage--focused .PostMessage__Actions > *:nth-child(1), .PostMessage.PostMessage--focused .PostMessage__Actions > *:nth-child(2) {
      margin-top: 0; }

.PostMessage__Important {
  margin-bottom: 8px;
  overflow: hidden;
  line-height: 24px; }
  .PostMessage__Important .Icon {
    margin-right: 8px; }
    .PostMessage__Important .Icon path[fill^="#"] {
      fill: #FCD34D; }
    .PostMessage__Important .Icon path[stroke^="#"] {
      stroke: #FCD34D; }

.PostMessage__Actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start; }
  .PostMessage__Actions .Button {
    border-radius: 8px; }
  .PostMessage__Actions > *:not(:last-child) {
    margin-right: 8px; }

.PostMessage__Button--poll .Icon path[fill^="#"] {
  fill: #34C759; }

.PostMessage__Button--poll .Icon path[stroke^="#"] {
  stroke: #34C759; }

.PostMessage__Button--poll.Button--active {
  background-color: rgba(52, 199, 89, 0.1);
  color: #191919; }

.PostMessage__Button--attachment .Icon path[fill^="#"] {
  fill: #007AFF; }

.PostMessage__Button--attachment .Icon path[stroke^="#"] {
  stroke: #007AFF; }

.PostMessage__Button--document .Icon path[fill^="#"] {
  fill: #AF52DE; }

.PostMessage__Button--document .Icon path[stroke^="#"] {
  stroke: #AF52DE; }

.PostMessage__Button--tag .Icon path[fill^="#"] {
  fill: #FF9500; }

.PostMessage__Button--tag .Icon path[stroke^="#"] {
  stroke: #FF9500; }

.PostMessage__Button--important .Icon path[fill^="#"] {
  fill: #FCD34D; }

.PostMessage__Button--important .Icon path[stroke^="#"] {
  stroke: #FCD34D; }

.PostMessage__Button--important.Button--active {
  background-color: rgba(252, 211, 77, 0.1);
  color: #191919; }

.PostMessage.Card .Card__Footer {
  width: 100%;
  padding: 12px 16px;
  display: -ms-flexbox;
  display: flex;
  background-color: #F6F6F6;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-sizing: border-box; }

.PostMessage__Backdrop {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(25, 25, 25, 0.65);
  z-index: 4; }

.PostMessage__Backdrop + .PostMessage {
  z-index: 4;
  box-shadow: 0 1px 1px #65656f; }

.PostMessage__PublishAt {
  width: calc(100% - 32px);
  background-color: #F6F6F6;
  padding: 12px 16px;
  float: left;
  border-top: 1px solid #E5E5EA;
  border-bottom: 1px solid #E5E5EA; }
  .PostMessage__PublishAt span {
    color: var(--color-primary); }
  .PostMessage__PublishAt .pull-right {
    cursor: pointer; }

@media (max-width: 1200px) {
  .PostMessage {
    margin-bottom: 16px; } }

.UserInput__input textarea {
  padding: 11px 0; }

.UserSubmissionsTable .formTitle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .UserSubmissionsTable .formTitle span:last-child {
    margin-left: 8px;
    color: #8E8E93; }

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

.StatusLabel {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 8px; }
  .StatusLabel .Icon {
    position: relative;
    top: 1px; }
    .StatusLabel .Icon path[fill^="#"] {
      fill: #FFFFFF; }
  .StatusLabel p {
    display: inline-block;
    margin: 0px;
    margin-left: 4px;
    color: #FFFFFF; }

.ProgressBadge {
  margin-bottom: 16px; }
  .ProgressBadge .ProgressBadge__Content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 4px; }
    .ProgressBadge .ProgressBadge__Content svg {
      margin-right: 4px; }
    .ProgressBadge .ProgressBadge__Content h3 {
      font-weight: 600; }
    .ProgressBadge .ProgressBadge__Content .ProgressBadge__Content__PointsLabel {
      font-size: 90%;
      font-weight: 400;
      margin-left: 4px;
      position: relative;
      top: 1px; }
  .ProgressBadge .ProgressBar__Container .ProgressBar__Status {
    background-color: #335BDF; }

.OnboardingBadge {
  width: 350px; }
  .OnboardingBadge .OnboardingBadge__Title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .OnboardingBadge .OnboardingBadge__Title h3 {
      font-size: 20px;
      display: inline-block;
      font-weight: 600;
      max-width: 177px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .OnboardingBadge .OnboardingBadge__Title h3 span {
        color: #ABB4BD;
        margin-left: 8px; }
    .OnboardingBadge .OnboardingBadge__Title .StatusLabel {
      margin-left: auto; }
  .OnboardingBadge .ProgressBadge {
    margin: 0px; }

.HorizontalScrollArea {
  width: 100%;
  position: relative; }
  .HorizontalScrollArea .HorizontalScrollArea__Content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    overflow-x: hidden; }
  .HorizontalScrollArea .HorizontalScrollArea__Card {
    -ms-flex-preferred-size: calc( 14.28571% -  13.71429px);
        flex-basis: calc( 14.28571% -  13.71429px);
    -ms-flex-positive: 0;
        flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-bottom: 16px; }
    @media (max-width: 1299px) {
      .HorizontalScrollArea .HorizontalScrollArea__Card {
        -ms-flex-preferred-size: calc( 16.66667% -  10.66667px);
            flex-basis: calc( 16.66667% -  10.66667px); } }
  .HorizontalScrollArea .HorizontalScrollArea__Card + .HorizontalScrollArea__Card {
    margin-left: 16px; }
  .HorizontalScrollArea .HorizontalScrollArea__Chevron {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    position: absolute;
    right: 0px;
    height: 100%;
    z-index: 1;
    width: calc(calc( 14.28571% -  13.71429px) + 4px); }
    @media (max-width: 1299px) {
      .HorizontalScrollArea .HorizontalScrollArea__Chevron {
        width: calc(calc( 16.66667% -  10.66667px) + 4px); } }
    .HorizontalScrollArea .HorizontalScrollArea__Chevron svg {
      width: 60px;
      height: 60px;
      padding: 5px;
      background-color: #FFFFFF;
      border-radius: 100%;
      cursor: pointer;
      position: relative;
      top: 20px; }
  .HorizontalScrollArea .HorizontalScrollArea__Chevron--right {
    right: -2px; }
  .HorizontalScrollArea .HorizontalScrollArea__Chevron--left {
    left: -2px; }

.PlayButton {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: relative; }
  .PlayButton .recharts-wrapper {
    cursor: inherit !important;
    transform: scaleX(-1); }
    .PlayButton .recharts-wrapper .recharts-layer g:nth-child(2) {
      display: none; }
  .PlayButton svg.Icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .PlayButton svg.Icon path[stroke^='#'], .PlayButton svg.Icon {
    stroke: #FFFFFF;
    fill: #FFFFFF; }

.CourseCard .CourseCard__Header {
  height: 120px;
  border-radius: 16px;
  position: relative;
  box-shadow: inset 0px -65px 50px -20px rgba(0, 0, 0, 0.4); }
  .CourseCard .CourseCard__Header .PlayButton,
  .CourseCard .CourseCard__Header .lock,
  .CourseCard .CourseCard__Header .check {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px; }
  .CourseCard .CourseCard__Header .lock path:first-child {
    fill: #FFFFFF; }
  .CourseCard .CourseCard__Header .lock path {
    stroke: #FFFFFF; }
  .CourseCard .CourseCard__Header .check path {
    stroke: #FFFFFF;
    stroke-width: 3px; }
  .CourseCard .CourseCard__Header .CourseCard__ExpirationBadge {
    position: absolute;
    bottom: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%;
    -ms-flex-align: center;
        align-items: center; }
    .CourseCard .CourseCard__Header .CourseCard__ExpirationBadge p {
      margin: 0px;
      margin-left: 8px;
      color: #FFFFFF;
      max-width: calc(100% - 25px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .CourseCard .CourseCard__Header .CourseCard__ExpirationBadge .Icon {
      margin-left: auto;
      float: unset;
      margin-right: 8px;
      padding: 5px;
      border-radius: 100%; }
      .CourseCard .CourseCard__Header .CourseCard__ExpirationBadge .Icon path {
        fill: #FFFFFF; }

.CourseCard .CourseCard__CourseName {
  margin-top: 8px;
  font-weight: 600;
  line-height: 1.2; }

.CourseCard .CourseCard__Progress {
  font-size: 13px;
  margin-top: 8px; }

.CourseCard .CourseCard__Progress__Separator {
  color: #DFDFDF; }

.CoursesOverviewModal .modal-body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  gap: 16px; }

.CoursesOverviewModal.CoursesOverviewModal--large .modal-body {
  -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr); }

.BaseScrollSection {
  padding: 16px; }
  .BaseScrollSection .HorizontalScrollArea__Chevron svg {
    top: 25px; }

.ElearningScrollSection .ElearningScrollSection__Header {
  margin-bottom: 16px; }
  .ElearningScrollSection .ElearningScrollSection__Header h3, .ElearningScrollSection .ElearningScrollSection__Header h3 + span {
    font-size: 20px;
    font-weight: 600;
    display: inline-block; }
  .ElearningScrollSection .ElearningScrollSection__Header span {
    color: #ABB4BD;
    margin-left: 8px; }
  .ElearningScrollSection .ElearningScrollSection__Header a {
    vertical-align: text-bottom;
    margin-left: 32px; }

.ElearningScrollSection .HorizontalScrollArea__Chevron {
  background-color: #FFFFFF; }
  .ElearningScrollSection .HorizontalScrollArea__Chevron svg {
    background-color: #F6F6F6; }

.CoursesGrid > h3 {
  margin-bottom: 16px;
  font-size: 18px; }
  .CoursesGrid > h3 span {
    color: #ABB4BD; }

.CoursesGrid .CoursesGrid__CoursesList {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr);
  gap: 16px; }

.OnboardingScrollSection {
  background-color: #E6F1FA;
  padding: 16px;
  padding-bottom: 4px;
  border-radius: 16px;
  margin-bottom: 24px; }
  .OnboardingScrollSection .OnboardingScrollSection__Header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start; }
    .OnboardingScrollSection .OnboardingScrollSection__Header .ProgressBadge__Content a {
      margin-left: auto; }
    .OnboardingScrollSection .OnboardingScrollSection__Header .OnboardingScrollSection__RightSide {
      margin-left: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .OnboardingScrollSection .OnboardingScrollSection__Header .OnboardingScrollSection__RightSide button {
        font-size: 95%;
        padding: 6px 10px; }
      .OnboardingScrollSection .OnboardingScrollSection__Header .OnboardingScrollSection__RightSide .PlayButton {
        margin-left: 4px;
        background-color: var(--color-button); }
  .OnboardingScrollSection .StatusLabel {
    display: inline-block;
    vertical-align: baseline;
    margin-left: 24px; }
  .OnboardingScrollSection .OnboardingBadge {
    margin-bottom: 24px; }
  .OnboardingScrollSection .HorizontalScrollArea__Chevron {
    background-color: #E6F1FA; }

.OnboardingScrollSection__ContinueButton * {
  display: inline-block;
  vertical-align: middle; }

.AcademyCourses hr {
  margin-top: 0;
  margin-bottom: 16px; }

.AcademyCourses .AcademyCourses__firstSeparator {
  margin-top: 16px; }

.EmployeeBadge .EmployeeBadge__Image {
  height: 65px;
  width: 65px;
  border-radius: 100%;
  display: inline-block; }

.EmployeeBadge .EmployeeBadge__Details {
  display: inline-block;
  vertical-align: top;
  margin-left: 16px; }
  .EmployeeBadge .EmployeeBadge__Details .EmployeeBadge__Details__Title {
    font-size: 18px;
    font-weight: 600;
    margin-top: 4px;
    margin-bottom: 8px; }
  .EmployeeBadge .EmployeeBadge__Details .EmployeeBadge__Details__Points {
    display: inline-block;
    padding: 0 4px;
    padding-right: 8px;
    border-radius: 8px;
    background-color: #F3F4F6; }
    .EmployeeBadge .EmployeeBadge__Details .EmployeeBadge__Details__Points .EmployeeBadge__Details__PointsIcon, .EmployeeBadge .EmployeeBadge__Details .EmployeeBadge__Details__Points h4 {
      display: inline-block;
      vertical-align: middle; }
    .EmployeeBadge .EmployeeBadge__Details .EmployeeBadge__Details__Points h3 {
      margin-left: 4px;
      display: inline-block;
      vertical-align: middle;
      font-weight: 600; }

.CourseSummary .CourseSummary__Header, .CourseSummary .CourseSummary__Header {
  margin-right: 24px; }

.CourseSummary .CourseSummary__Header .CourseSummary__Image {
  background-size: cover;
  background-position: center;
  height: 220px;
  border-radius: 8px;
  position: relative;
  margin-bottom: 24px; }

.CourseSummary .CourseSummary__Header .StatusLabel {
  position: absolute;
  bottom: 8px;
  right: 8px; }

.CourseSummary .CourseSummary__Header .Button {
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  padding: 12px;
  margin-bottom: 24px; }

.CourseSummary .CourseSummary__Header small {
  margin-bottom: 4px; }

.CourseSummary .ProgressBar__Container {
  margin-bottom: 16px; }
  .CourseSummary .ProgressBar__Container .ProgressBar__Status {
    height: 10px;
    border-radius: 10px;
    background-color: #FCD34D; }

.CourseSummary .CourseSummary__Content {
  padding-right: 24px; }
  .CourseSummary .CourseSummary__Content h1 {
    font-size: 28px;
    margin-top: 32px; }
  .CourseSummary .CourseSummary__Content small {
    margin-top: 8px;
    font-size: 12px;
    margin-bottom: 16px; }
  .CourseSummary .CourseSummary__Content p {
    text-align: justify; }

.CourseSummary .ProgressBar--full .ProgressBar__Status {
  background-color: #34C759; }

.SimpleAccordionItem.szh-accordion__item {
  border-radius: 8px;
  margin-bottom: 16px; }
  .SimpleAccordionItem.szh-accordion__item .SimpleAccordionItem__RightSide {
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .SimpleAccordionItem.szh-accordion__item .SimpleAccordionItem__RightSide .SimpleAccordionItem__Chevron {
      transition: transform 0.25s cubic-bezier(0, 0, 0, 1);
      color: #191919;
      height: 35px;
      width: 35px;
      margin-left: 16px; }
  .SimpleAccordionItem.szh-accordion__item .szh-accordion__item-btn {
    cursor: pointer;
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    margin: 0;
    padding: 12px 16px;
    text-align: left;
    background-color: #F6F6F6;
    border: none; }
    .SimpleAccordionItem.szh-accordion__item .szh-accordion__item-btn h3 {
      font-weight: 600; }
  .SimpleAccordionItem.szh-accordion__item .szh-accordion__item-content {
    transition: height 0.25s cubic-bezier(0, 0, 0, 1); }

.SimpleAccordionItem.szh-accordion__item--expanded .SimpleAccordionItem__Chevron {
  transform: rotate(180deg); }

.ModuleRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px; }
  .ModuleRow .ModuleRow__Status {
    width: 40px;
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .ModuleRow .ModuleRow__Status .PlayButton {
      background-color: #F6F6F6; }
      .ModuleRow .ModuleRow__Status .PlayButton .Icon path[stroke^='#'] {
        fill: var(--color-primary);
        stroke: var(--color-primary); }
    .ModuleRow .ModuleRow__Status .lock path:first-child {
      fill: #8E8E93; }
    .ModuleRow .ModuleRow__Status .lock path {
      stroke: #8E8E93; }
    .ModuleRow .ModuleRow__Status .check path {
      stroke: #34C759;
      stroke-width: 3px; }

.CourseSection .CourseSection__Check path {
  stroke: #34C759;
  stroke-width: 3px; }

.CourseOverview .CourseSummary, .CourseOverview .CourseOverview__Modules {
  display: inline-block;
  vertical-align: top; }

.CourseOverview .CourseSummary {
  margin-right: 24px;
  width: 350px;
  border-right: 1px solid #E5E5EA; }

.CourseOverview .CourseOverview__Modules {
  width: calc(100% - 375px); }
  .CourseOverview .CourseOverview__Modules .SimpleAccordionItem.szh-accordion__item {
    margin-bottom: unset;
    border: 1px solid #E5E5EA; }
  .CourseOverview .CourseOverview__Modules .CourseSection + .CourseSection {
    margin-top: 24px; }
  .CourseOverview .CourseOverview__Modules .ModuleRow + .CourseSection, .CourseOverview .CourseOverview__Modules .CourseSection + .ModuleRow {
    margin-top: 16px; }
  .CourseOverview .CourseOverview__Modules .ModuleRow + .ModuleRow {
    border-top: 1px solid #E5E5EA; }
  .CourseOverview .CourseOverview__Modules .szh-accordion__item-panel {
    padding-top: 0; }
    .CourseOverview .CourseOverview__Modules .szh-accordion__item-panel .AcademyModuleIcon {
      margin-left: 24px; }
  .CourseOverview .CourseOverview__Modules .SimpleAccordionItem.szh-accordion__item.szh-accordion__item--expanded button {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; }

.SubmissionEditor {
  text-align: center; }
  .SubmissionEditor .TopNavigationBar__Row {
    -ms-flex-align: center;
        align-items: center;
    position: relative;
    height: 20px; }
    .SubmissionEditor .TopNavigationBar__Row .TopNavigationBar__Row__Info {
      position: absolute;
      left: 0; }
    .SubmissionEditor .TopNavigationBar__Row .ProgressChart {
      margin: 0 auto; }
    .SubmissionEditor .TopNavigationBar__Row .SubmissionEditorTopbar__PreviousBtn {
      padding-left: 3px; }
  .SubmissionEditor .FormSubmissionEditorContent {
    padding-top: 100px;
    padding-bottom: 50px;
    width: 700px; }
    .SubmissionEditor .FormSubmissionEditorContent .ScreenComponent {
      margin-bottom: 32px; }
    .SubmissionEditor .FormSubmissionEditorContent .ScreenComponent:last-child {
      margin-bottom: 0; }
    .SubmissionEditor .FormSubmissionEditorContent .Screen__Component__Question__Text {
      font-size: 24px;
      line-height: 28px;
      text-align: center;
      margin-bottom: 24px; }
    .SubmissionEditor .FormSubmissionEditorContent .Screen__Component__Question__Warning {
      text-align: center; }
  .SubmissionEditor > .nextButton {
    margin: auto;
    margin-bottom: 56px;
    display: inline-block; }

.SubmissionEditorTopbar .SubmissionEditorTopbar__StepsCount {
  font-weight: 400;
  color: #898A8B;
  font-size: 16px;
  margin-right: 115px;
  position: absolute;
  right: 50%; }

.SubmissionEditorTopbar .SubmissionEditorTopbar__ResponseActions {
  position: absolute;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .SubmissionEditorTopbar .SubmissionEditorTopbar__ResponseActions button {
    margin-left: 8px; }
    .SubmissionEditorTopbar .SubmissionEditorTopbar__ResponseActions button.Button--only-icon {
      margin-right: 8px; }

.SubmissionEditorTopbar .Button--icon.SubmissionEditorTopbar__PreviousBtn {
  padding-top: 1px;
  padding-bottom: 1px; }
  .SubmissionEditorTopbar .Button--icon.SubmissionEditorTopbar__PreviousBtn .Icon {
    width: 34px;
    height: 34px;
    margin: 0; }

.NextScreenButton .Icon {
  width: 14px;
  height: 14px; }

.FeedbackModal.FeedbackModal--correct .modal-header {
  background-color: #34D399; }

.FeedbackModal.FeedbackModal--incorrect .modal-header {
  background-color: #FF3B30; }

.FeedbackModal .modal-header .Modal__MainHeader .Modal__title {
  color: #FFFFFF; }

.ModuleResultsCockade {
  position: relative; }
  .ModuleResultsCockade .recharts-responsive-container {
    position: absolute;
    top: 0; }
  .ModuleResultsCockade .recharts-pie-sector path {
    fill: #FCD34D; }
  .ModuleResultsCockade .recharts-wrapper {
    cursor: inherit !important;
    transform: scaleX(-1); }
    .ModuleResultsCockade .recharts-wrapper .recharts-layer g:nth-child(2) {
      display: none; }
  .ModuleResultsCockade .ModuleResultsCockade__Medal {
    position: absolute;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: -moz-fit-content;
    width: fit-content;
    top: 48px; }
  .ModuleResultsCockade .ModuleResultsCockade__Points {
    position: relative;
    bottom: 20px;
    color: #9CA3AF; }
  .ModuleResultsCockade .ModuleResultsCockade__AchievedPoints {
    font-weight: 600;
    color: #FCD34D;
    font-size: 18px; }

.ModuleResultsCockade--failed .recharts-pie-sector path {
  fill: #FF3B30; }

.ModuleResultsCockade--failed .ModuleResultsCockade__Medal {
  filter: grayscale(100%); }

.ModuleResultsCockade--failed .ModuleResultsCockade__AchievedPoints {
  color: #FF3B30; }

.PerformanceBadge {
  display: inline-block;
  padding: 12px 32px;
  border-radius: 8px;
  border: 1px solid #E5E5EA; }
  .PerformanceBadge .Icon {
    float: inherit; }
  .PerformanceBadge .Icon, .PerformanceBadge h2 {
    display: inline-block;
    vertical-align: middle; }
  .PerformanceBadge p {
    display: block;
    margin: 0;
    font-size: 12px; }

.PerformanceBadge--correct .Icon {
  margin-right: 4px; }
  .PerformanceBadge--correct .Icon path[stroke^="#"] {
    stroke: #34C759;
    stroke-width: 2px; }

.PerformanceBadge--incorrect .Icon {
  height: 25px;
  width: 25px;
  margin-left: -5px; }
  .PerformanceBadge--incorrect .Icon path[fill^="#"] {
    stroke: #FF3B30;
    fill: #FF3B30; }

.PerformanceBadge--attempts .Icon {
  height: 20px;
  width: 20px;
  margin-right: 4px; }
  .PerformanceBadge--attempts .Icon path[fill^="#"] {
    fill: #FCD34D; }

.ModuleResults {
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
  .ModuleResults .Spinner__container, .ModuleResults .ModuleResults__Content {
    margin: 0 auto;
    width: 100%;
    display: table-cell;
    vertical-align: middle; }
  .ModuleResults .ModuleResults__Badges {
    margin-top: 56px; }
  .ModuleResults .PerformanceBadge {
    margin-right: 8px; }
  .ModuleResults .PerformanceBadge:last-child {
    margin-right: 0; }

.ModuleResults__Title {
  margin-top: 24px; }

.ModuleResults__ActionBtn {
  margin-top: 32px;
  margin-right: 24px;
  display: inline-block; }
  .ModuleResults__ActionBtn .Icon {
    height: 12px;
    width: 12px; }

.ModuleResults__ActionBtn:last-child {
  margin-right: 0; }

.ModuleSubmissionEditor--outcomePhase .Screen__Component__Question__Options {
  pointer-events: none; }

#EmployeeAcademy .EmployeeAcademy__Loading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 90px 0; }

#EmployeeAcademy .EmployeeAcademy__TopBar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start; }
  #EmployeeAcademy .EmployeeAcademy__TopBar .OnboardingBadge {
    margin-left: 48px;
    padding-left: 48px;
    border-left: 1px solid #E5E5EA; }
  #EmployeeAcademy .EmployeeAcademy__TopBar .SearchBar {
    width: 300px;
    margin-left: auto;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }

#EmployeeAcademy .Overview__Content + .Overview__Content {
  border: none; }

#EmployeeAcademy .PlayButton .recharts-wrapper .recharts-pie-sector path {
  fill: #FFFFFF; }

.statusLabel--completed {
  background-color: #34C759; }

.statusLabel--open {
  background-color: #FF9500; }

.statusLabel--expired {
  background-color: #FF3B30; }

.privacy-select-container {
  display: inline-block;
  width: 250px; }

.PrivacySelect {
  width: 100%; }

.PrivacySelectOption {
  padding: 12px 12px !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row; }
  .PrivacySelectOption:not(:last-child) {
    border-bottom: 1px solid #E5E5EA; }
  .PrivacySelectOption .Icon {
    margin-right: 12px;
    width: 18px;
    height: 18px;
    line-height: 36px; }

.PrivacySelectOption__Text {
  -ms-flex: 1;
      flex: 1; }

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

.Document__Name {
  color: #808080;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .Document__Name .Document__Icon {
    width: 36px;
    height: 36px;
    margin-right: 12px;
    float: left; }
  .Document__Name .Table__Cell__Title {
    line-height: 18px;
    color: #191919;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .Document__Name .Table__Cell__Title .Icon {
      width: 16px;
      height: 16px;
      float: unset;
      margin-left: 4px; }
      .Document__Name .Table__Cell__Title .Icon path[fill^="#"] {
        fill: #FCD34D; }
      .Document__Name .Table__Cell__Title .Icon path[stroke^="#"] {
        stroke: #FCD34D; }

.DocumentIcon {
  width: 36px;
  height: 36px;
  background-size: cover;
  background-position: center;
  border-radius: 25%; }
  .DocumentIcon .Icon {
    margin: 6px; }
  .DocumentIcon--thumb {
    background-color: #F6F6F6; }
  .DocumentIcon--folder {
    background-color: rgba(252, 211, 77, 0.1); }
    .DocumentIcon--folder .Icon {
      margin: 6px; }
      .DocumentIcon--folder .Icon path[fill^="#"] {
        fill: #FCD34D; }
      .DocumentIcon--folder .Icon path[stroke^="#"] {
        stroke: #FCD34D; }
  .DocumentIcon--personal {
    background-color: rgba(var(--color-primary-r), var(--color-primary-g), var(--color-primary-b), 0.1); }
    .DocumentIcon--personal .Icon {
      margin: 6px; }
      .DocumentIcon--personal .Icon path[fill^="#"] {
        fill: var(--color-primary); }
      .DocumentIcon--personal .Icon path[stroke^="#"] {
        stroke: var(--color-primary); }

.ProfilePersonalDocuments__Header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 12px; }
  .ProfilePersonalDocuments__Header .ProfilePersonalDocuments__HeaderLabel {
    color: #374151;
    font-weight: 500;
    line-height: 24px; }
  .ProfilePersonalDocuments__Header .Form.SearchBar {
    max-width: 328px;
    margin: 0 16px 0 auto; }

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

.UserActions_Confirm .ConfirmButton__description span {
  margin-top: 16px;
  display: block; }

.AnonymityBanner {
  position: fixed;
  bottom: 0;
  width: calc(100% - 100px);
  right: 0;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #323A62;
  background-color: #DFF0F5; }
  .AnonymityBanner .Icon {
    float: inherit;
    vertical-align: middle;
    margin-right: 8px; }

.AnonymityBanner--no_cursor {
  cursor: inherit; }

.SurveySubmissionEditor .Button--icon.SurveySubmissionEditor__next {
  padding-top: 1px;
  padding-bottom: 1px; }
  .SurveySubmissionEditor .Button--icon.SurveySubmissionEditor__next .Icon {
    width: 34px;
    height: 34px;
    margin: 0px; }

.SurveySubmissionEditor .SurveySubmissionEditor__next {
  padding-right: 5px; }

.SurveySubmissionEditor .FormSubmissionEditorContent--is_anonymous + .nextButton {
  margin-bottom: 120px; }

.TeamModal .TeamModal__Top {
  display: -ms-flexbox;
  display: flex; }
  .TeamModal .TeamModal__Top input[name="name"] {
    -ms-flex: 1;
        flex: 1; }
  .TeamModal .TeamModal__Top .Form__Checkbox {
    margin: 5px 0 3px 48px; }

.TeamModal .TeamModal__Buttons {
  display: -ms-flexbox;
  display: flex; }

.TeamForm .modal-body {
  max-height: 40em;
  overflow: auto; }
  .TeamForm .modal-body .Options__Item {
    border-radius: 8px; }
  .TeamForm .modal-body .Options__Item__Title .functionName {
    max-width: 178px;
    display: inline-block;
    vertical-align: middle;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-hyphens: auto;
        hyphens: auto; }
  .TeamForm .modal-body .Options__Item__Title small {
    margin-left: 0px; }
  .TeamForm .modal-body .Functions .Form__Checkbox {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em; }
  .TeamForm .modal-body .selectTeamFunctions > small {
    font-size: 1em;
    margin-bottom: 1em;
    text-align: center; }

#notifications-popover.popover {
  width: 400px;
  padding: 0;
  margin-top: 0;
  max-width: 400px;
  background-color: #FFFFFF;
  border: 0 !important;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 6px; }
  #notifications-popover.popover .List {
    border-radius: 6px;
    overflow: hidden; }
  #notifications-popover.popover .arrow {
    top: -22px;
    border-bottom-color: #FFFFFF !important; }
  #notifications-popover.popover .popover-header {
    padding: 8px 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    font-weight: 600;
    font-size: 16px; }
  #notifications-popover.popover .popover-body {
    padding: 0 !important;
    background-color: #FFFFFF;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px; }
  #notifications-popover.popover .Navigation__notifications__placeholder {
    padding: 8px;
    text-align: center;
    color: #606060; }

.Notifications {
  width: 350px;
  max-height: calc(100vh - 72px - 46px - 48px);
  overflow-y: auto; }

.Notifications__Item {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  border-bottom: 1px solid #E5E5EA; }
  .Notifications__Item:last-child {
    border-bottom: 0; }
  .Notifications__Item--unread {
    background-color: #FAFAFA;
    border-left: 2px solid hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness-light)); }
  .Notifications__Item--clickable {
    cursor: pointer; }

.Notifications__Item__Text {
  -ms-flex: 1;
      flex: 1;
  margin-left: 16px; }
  .Notifications__Item__Text p {
    margin: 0 0 1rem 0; }
    .Notifications__Item__Text p:last-of-type {
      margin-bottom: 0; }
  .Notifications__Item__Text b, .Notifications__Item__Text strong {
    font-weight: 600; }

.Notifications__Item__Image {
  position: relative; }
  .Notifications__Item__Image .ProfileImage, .Notifications__Item__Image img:first-child {
    width: 48px;
    height: 48px;
    background-color: #F6F6F6;
    border-radius: 50px; }
  .Notifications__Item__Image img.Icon {
    width: 16px;
    height: 16px; }
  .Notifications__Item__Image .Icon {
    width: 16px;
    height: 16px;
    position: relative;
    left: 29px;
    top: -14px;
    background-color: #DFDFDF;
    padding: 6px;
    border-radius: 50%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
    .Notifications__Item__Image .Icon path[fill^="#"] {
      fill: #FFFFFF; }
    .Notifications__Item__Image .Icon path[stroke^="#"] {
      stroke: #FFFFFF; }

.Notifications__ShowMore {
  padding: 8px 16px;
  border-top: 1px solid #E5E5EA;
  text-align: center;
  cursor: pointer; }
  .Notifications__ShowMore:hover {
    background-color: #F6F6F6; }

.Recognition_Modal {
  place-content: center; }
  .Recognition_Modal .modal-dialog .modal-content .Modal__Wrapper {
    gap: 20px; }
    .Recognition_Modal .modal-dialog .modal-content .Modal__Wrapper .modal-header {
      font-family: "Inter", sans-serif;
      border-bottom: none;
      padding: 0px; }
      .Recognition_Modal .modal-dialog .modal-content .Modal__Wrapper .modal-header .Modal__MainHeader {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between;
        padding: 24px 24px 0px 24px; }
    .Recognition_Modal .modal-dialog .modal-content .Modal__Wrapper .modal-body {
      -ms-flex: unset;
          flex: unset;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      padding: 0px 24px 24px 24px; }