@charset "UTF-8";
/* styles for accent-webapp/components/acc-avatar-img/index.scss */
._fallback_1ntttm path:first-of-type {
  opacity: 0.3;
}
._fallback_1ntttm path {
  fill: var(--text-color-normal);
  opacity: 0.16;
}

/* styles for accent-webapp/components/acc-badge/index.scss */
._badge_n898ya {
  transition: 0.2s ease-in-out;
  transition-property: background;
  display: inline-flex;
  align-items: center;
  padding: 1px 6px 1px 5px;
  background: var(--background-light);
  border-radius: var(--border-radius);
  color: #949494;
  font-size: 11px;
  font-weight: 600;
  text-transform: capitalize;
  text-decoration: none;
}

._primary_n898ya {
  background: var(--color-primary);
  color: #fff;
}

._warning_n898ya {
  color: var(--color-warning);
}

._danger_n898ya {
  background: var(--color-error);
  color: #fff;
}

._icon_n898ya {
  background: transparent;
}
._icon_n898ya svg {
  height: 12px;
}

._link_n898ya {
  padding: 0;
}
._link_n898ya:focus, ._link_n898ya:hover {
  background: var(--background-light-highlight);
}

._link_n898ya._primary_n898ya {
  padding: 0;
}
._link_n898ya._primary_n898ya:focus, ._link_n898ya._primary_n898ya:hover {
  background: hsl(var(--accent-hue), 55%, 40%);
}

._link_n898ya a {
  display: inline-block;
  padding: 1px 6px 1px 5px;
  color: #949494;
  text-decoration: none;
}

._link_n898ya._primary_n898ya a {
  color: #fff;
}

/* styles for accent-webapp/components/acc-emoji-picker/index.scss */
._wrapper_u35sfs {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: fixed;
  z-index: 4000;
  height: 100vh;
  left: 0;
  right: 0;
  top: 0;
  overflow-y: scroll;
  padding: 130px 30px 100px;
}

._overlay_u35sfs {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  min-height: calc(100vh - 130px);
  background-color: #000;
  opacity: 0.6;
  animation-name: _animate-overlay_u35sfs;
  animation-timing-function: ease-in-out;
  animation-duration: 0.2s;
  animation-delay: 0;
  animation-fill-mode: forwards;
}

._container_u35sfs {
  display: block;
  position: relative;
  z-index: 3;
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: 0 2px 20px 0 var(--shadow-color);
  animation-name: _animate-content_u35sfs;
  animation-timing-function: ease-in-out;
  animation-duration: 0.3s;
  animation-delay: 0;
  animation-fill-mode: forwards;
}

@media (max-width: 440px) {
  ._wrapper_u35sfs {
    padding: 30px 10px;
  }
}
@keyframes _animate-content_u35sfs {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _animate-overlay_u35sfs {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}
/* styles for accent-webapp/components/acc-flash-message/index.scss */
._flash_9qri5d {
  position: relative;
  margin-bottom: 10px;
  width: 400px;
  background: #fff;
  border-radius: var(--border-radius);
  box-shadow: 0 1px 12px var(--shadow-color);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #fff;
  font-weight: bold;
  animation: 0.3s ease;
  animation-name: _flash-message-in_9qri5d;
  pointer-events: all;
}
._flash_9qri5d._is-exiting_9qri5d {
  animation: 0.3s forwards ease-in-out;
  animation-name: _flash-message-out_9qri5d;
}

._flash_9qri5d._success_9qri5d {
  background: var(--color-green);
}
._flash_9qri5d._success_9qri5d ._icon_9qri5d {
  opacity: 0.7;
  stroke: var(--color-green);
}

._flash_9qri5d._socket_9qri5d {
  background: var(--color-socket);
}
._flash_9qri5d._socket_9qri5d ._icon_9qri5d {
  opacity: 0.7;
  stroke: var(--color-socket);
}

._flash_9qri5d._error_9qri5d {
  background: var(--color-error);
}
._flash_9qri5d._error_9qri5d ._icon_9qri5d {
  opacity: 0.7;
  stroke: var(--color-error);
}

._content_9qri5d {
  display: flex;
  align-items: flex-start;
  padding: 15px 25px 15px 15px;
}

._text_9qri5d {
  flex: 1 1 auto;
  margin-top: 2px;
  line-height: 1.4;
  font-size: 11px;
}

._icon_9qri5d {
  width: 20px;
  height: 20px;
  margin-right: 14px;
}

._deleteButton_9qri5d {
  position: absolute;
  top: 6px;
  right: 0;
  background: none;
  text-align: center;
}
._deleteButton_9qri5d:focus {
  outline: none;
}
._deleteButton_9qri5d:focus ._deleteButton-icon_9qri5d {
  stroke: #fff;
}

._deleteButton-icon_9qri5d {
  width: 13px;
  height: 13px;
  stroke: rgba(255, 255, 255, 0.6);
}

@keyframes _flash-message-in_9qri5d {
  0% {
    margin-top: -30px;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes _flash-message-out_9qri5d {
  0% {
    margin-top: 0;
    opacity: 1;
  }
  100% {
    margin-top: -30px;
    opacity: 0;
  }
}
/* styles for accent-webapp/components/acc-modal/index.scss */
._wrapper_1idd25 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: fixed;
  z-index: 3000;
  height: 100vh;
  left: 0;
  right: 0;
  top: 0;
  overflow-y: scroll;
  padding: 130px 30px 100px;
}

._overlay_1idd25 {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  min-height: calc(100vh - 130px);
  background-color: var(--content-background);
  opacity: 0.8;
  animation-name: _animate-overlay_1idd25;
  animation-timing-function: ease-out;
  animation-duration: 0.15s;
  animation-delay: 0;
  animation-fill-mode: forwards;
}

._container_1idd25 {
  display: block;
  position: relative;
  z-index: 3;
  max-width: 900px;
  width: 100%;
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: 0 2px 20px 0 var(--shadow-color);
  background: var(--content-background);
  animation-name: _animate-content_1idd25;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-delay: 0;
  animation-fill-mode: forwards;
}
._container_1idd25._container--small_1idd25 {
  max-width: 500px;
}
._container_1idd25._container--large_1idd25 {
  max-width: 1250px;
}

@media (max-width: 440px) {
  ._wrapper_1idd25 {
    padding: 30px 10px;
  }
}
@keyframes _animate-content_1idd25 {
  0% {
    opacity: 0;
    transform: scale(0.97);
  }
  50% {
    opacity: 1;
    transform: scale(1.02);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes _animate-overlay_1idd25 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
/* styles for accent-webapp/components/acc-select/index.scss */
._root_13vp4a {
  position: relative;
}
._root_13vp4a select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  font-size: 13px;
  cursor: pointer;
  padding: 5px 25px 5px 5px;
  background: var(--content-background);
  box-shadow: none;
  border-radius: var(--border-radius);
  border: 1px solid transparent;
  border-color: var(--background-light-highlight);
  color: var(--color-black-opacity-70);
}
._root_13vp4a:after {
  display: block;
  pointer-events: none;
  cursor: pointer;
  content: "›";
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 140%;
  transform: translateY(-50%) rotate(90deg);
}

/* styles for accent-webapp/components/acc-wrapper/content/index.scss */
._content_1agwnx {
  flex: 1 1 auto;
  width: 100%;
  padding: 0 20px 20px;
  border-left: 1px solid var(--content-background-border);
  background: var(--content-background);
}

._inner_1agwnx {
  max-width: 1100px;
  margin: 20px auto 0;
}

/* styles for accent-webapp/components/acc-wrapper/index.scss */
._wrapper_wbu6zo {
  display: flex;
  align-items: stretch;
  margin: 0 auto;
  max-width: var(--screen-lg);
  width: 100%;
  min-height: 100vh;
}

/* styles for accent-webapp/components/acc-wrapper/projects/index.scss */
._content_1vrmdk {
  width: 100%;
  max-width: 1200px;
  margin: 40px auto;
  border-radius: var(--border-radius);
  border: 1px solid var(--content-background-border);
  overflow: hidden;
  background: var(--content-background);
}

._footer_1vrmdk {
  padding: 0 20px 10px;
}

._mirego_1vrmdk {
  display: flex;
  justify-content: flex-end;
  padding: 20px;
  opacity: 0.1;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
}
._mirego_1vrmdk:focus, ._mirego_1vrmdk:hover {
  opacity: 0.6;
}

._mirego_1vrmdk svg {
  width: 70px;
  fill: var(--text-color-normal);
}

@media (max-width: 800px) {
  ._content_1vrmdk {
    margin-top: 0;
  }
}
/* styles for accent-webapp/components/acc-wrapper/sidebar/index.scss */
._sidebar_skw7dt {
  flex: 0 0 235px;
  padding-top: 10px;
  background: var(--body-background);
}

@media (max-width: 800px) {
  ._sidebar_skw7dt {
    margin-top: -10px;
    flex: 0 0 55px;
    width: 100%;
  }
}
/* styles for accent-webapp/components/activity-item/index.scss */
._item_138sjg {
  display: flex;
  position: relative;
  margin: 25px 0;
  border-radius: 0 3px 3px 0;
  z-index: 10;
}
._item_138sjg ._item-iconContainer_138sjg {
  left: -1px;
}

._item_138sjg._rollback_138sjg,
._item_138sjg._batch-merge_138sjg,
._item_138sjg._merge_138sjg,
._item_138sjg._new-slave_138sjg,
._item_138sjg._uncorrect-all_138sjg,
._item_138sjg._correct-all_138sjg,
._item_138sjg._batch-sync_138sjg,
._item_138sjg._sync_138sjg {
  left: 10px;
  width: calc(100% - 9px);
  padding: 5px;
  background: var(--content-background);
  border: 1px solid var(--background-light-highlight);
  border-left: 0;
}
._item_138sjg._rollback_138sjg ._item-iconContainer_138sjg,
._item_138sjg._batch-merge_138sjg ._item-iconContainer_138sjg,
._item_138sjg._merge_138sjg ._item-iconContainer_138sjg,
._item_138sjg._new-slave_138sjg ._item-iconContainer_138sjg,
._item_138sjg._uncorrect-all_138sjg ._item-iconContainer_138sjg,
._item_138sjg._correct-all_138sjg ._item-iconContainer_138sjg,
._item_138sjg._batch-sync_138sjg ._item-iconContainer_138sjg,
._item_138sjg._sync_138sjg ._item-iconContainer_138sjg {
  top: 3px;
  left: -16px;
}
._item_138sjg._rollback_138sjg ._item-content_138sjg,
._item_138sjg._batch-merge_138sjg ._item-content_138sjg,
._item_138sjg._merge_138sjg ._item-content_138sjg,
._item_138sjg._new-slave_138sjg ._item-content_138sjg,
._item_138sjg._uncorrect-all_138sjg ._item-content_138sjg,
._item_138sjg._correct-all_138sjg ._item-content_138sjg,
._item_138sjg._batch-sync_138sjg ._item-content_138sjg,
._item_138sjg._sync_138sjg ._item-content_138sjg {
  width: 100%;
  padding: 5px 5px 0 2px;
  margin-left: -16px;
  background: var(--content-background);
  border-bottom: 0;
}

._item_138sjg._batch-sync_138sjg,
._item_138sjg._sync_138sjg {
  position: relative;
  transform: translateX(-1px);
  padding: 6px 10px 5px;
  border-color: transparent;
  border-left: 1px solid var(--color-primary-darken-10);
}
._item_138sjg._batch-sync_138sjg._compact_138sjg,
._item_138sjg._sync_138sjg._compact_138sjg {
  border-left: 1px solid var(--color-primary-darken-10);
}
._item_138sjg._batch-sync_138sjg:before,
._item_138sjg._sync_138sjg:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--color-primary);
  opacity: 0.16;
  pointer-events: none;
}
._item_138sjg._batch-sync_138sjg ._item-iconContainer_138sjg,
._item_138sjg._sync_138sjg ._item-iconContainer_138sjg {
  left: -21px;
  background: var(--color-primary);
  border-color: transparent;
  box-shadow: none;
}
._item_138sjg._batch-sync_138sjg ._item-iconContainer-icon_138sjg,
._item_138sjg._sync_138sjg ._item-iconContainer-icon_138sjg {
  stroke: var(--content-background);
}
._item_138sjg._batch-sync_138sjg ._item-stats_138sjg,
._item_138sjg._sync_138sjg ._item-stats_138sjg {
  padding: 0;
  background: transparent;
  color: var(--text-color-normal);
}
._item_138sjg._batch-sync_138sjg ._item-date_138sjg,
._item_138sjg._sync_138sjg ._item-date_138sjg {
  color: var(--color-black);
}
._item_138sjg._batch-sync_138sjg ._item-details-link_138sjg,
._item_138sjg._sync_138sjg ._item-details-link_138sjg {
  color: var(--color-primary);
}
._item_138sjg._batch-sync_138sjg ._item-content_138sjg,
._item_138sjg._sync_138sjg ._item-content_138sjg {
  background: var(--color-primary-lighten-95);
  color: var(--color-primary-darken-50);
}
._item_138sjg._batch-sync_138sjg ._item-documentPath_138sjg,
._item_138sjg._sync_138sjg ._item-documentPath_138sjg {
  color: var(--color-primary-darken-30);
}
._item_138sjg._batch-sync_138sjg ._item-user_138sjg,
._item_138sjg._batch-sync_138sjg ._item-header-content_138sjg,
._item_138sjg._sync_138sjg ._item-user_138sjg,
._item_138sjg._sync_138sjg ._item-header-content_138sjg {
  color: var(--color-primary-darken-30);
}
._item_138sjg._batch-sync_138sjg._compact_138sjg ._item-content_138sjg,
._item_138sjg._sync_138sjg._compact_138sjg ._item-content_138sjg {
  padding-left: 0;
}
._item_138sjg._batch-sync_138sjg._compact_138sjg ._item-header_138sjg,
._item_138sjg._sync_138sjg._compact_138sjg ._item-header_138sjg {
  margin-bottom: 0;
}
._item_138sjg._batch-sync_138sjg._compact_138sjg ._item-iconContainer-icon_138sjg,
._item_138sjg._sync_138sjg._compact_138sjg ._item-iconContainer-icon_138sjg {
  stroke: var(--color-primary);
}
._item_138sjg._batch-sync_138sjg._compact_138sjg ._item-user_138sjg,
._item_138sjg._batch-sync_138sjg._compact_138sjg ._item-header-content_138sjg,
._item_138sjg._sync_138sjg._compact_138sjg ._item-user_138sjg,
._item_138sjg._sync_138sjg._compact_138sjg ._item-header-content_138sjg {
  font-size: 12px;
}

._item_138sjg._rollback_138sjg {
  background: var(--background-light);
  border: 1px solid var(--background-light-highlight);
}
._item_138sjg._rollback_138sjg ._item-header_138sjg {
  margin-bottom: 4px;
}
._item_138sjg._rollback_138sjg ._item-iconContainer_138sjg {
  display: none;
}
._item_138sjg._rollback_138sjg ._item-translationLink_138sjg {
  margin-top: 2px;
}
._item_138sjg._rollback_138sjg ._item-content_138sjg {
  padding: 5px 0 0;
  margin: 0;
  background: var(--background-light);
  border-bottom: 0;
}

._item_138sjg._uncorrect-all_138sjg ._item-iconContainer_138sjg {
  background: var(--color-error);
  border-color: transparent;
}
._item_138sjg._uncorrect-all_138sjg ._item-iconContainer-icon_138sjg {
  stroke: var(--content-background);
}
._item_138sjg._uncorrect-all_138sjg._compact_138sjg ._item-iconContainer-icon_138sjg {
  stroke: var(--color-error);
}

._item_138sjg._correct-all_138sjg._compact_138sjg ._item-iconContainer-icon_138sjg {
  stroke: var(--color-success);
}
._item_138sjg._correct-all_138sjg ._item-iconContainer_138sjg {
  background: var(--color-success);
  border-color: transparent;
}
._item_138sjg._correct-all_138sjg ._item-iconContainer-icon_138sjg {
  stroke: var(--content-background);
}

._item_138sjg._document-delete_138sjg ._item-iconContainer_138sjg {
  background: var(--color-error);
  border-color: transparent;
}
._item_138sjg._document-delete_138sjg ._item-iconContainer-icon_138sjg {
  stroke: var(--content-background);
}
._item_138sjg._document-delete_138sjg._compact_138sjg ._item-iconContainer-icon_138sjg {
  stroke: var(--color-error);
}

._item_138sjg._correct-conflict_138sjg ._item-iconContainer_138sjg {
  border-color: var(--color-success);
}
._item_138sjg._correct-conflict_138sjg ._item-iconContainer-icon_138sjg {
  stroke: var(--color-success);
}

._item_138sjg._uncorrect-conflict_138sjg ._item-iconContainer_138sjg {
  border-color: var(--color-error);
}
._item_138sjg._uncorrect-conflict_138sjg ._item-iconContainer-icon_138sjg {
  stroke: var(--color-error);
}

._item_138sjg._conflict-on-corrected_138sjg ._item-iconContainer_138sjg {
  border-color: var(--color-error);
}
._item_138sjg._conflict-on-corrected_138sjg ._item-iconContainer-icon_138sjg {
  stroke: var(--color-error);
}

._item_138sjg._conflict-on-proposed_138sjg ._item-iconContainer_138sjg {
  border-color: var(--color-warning);
}
._item_138sjg._conflict-on-proposed_138sjg ._item-iconContainer-icon_138sjg {
  stroke: var(--color-warning);
}

._item_138sjg._rollbacked_138sjg ._item-stats_138sjg,
._item_138sjg._rollbacked_138sjg ._item-translationText_138sjg,
._item_138sjg._rollbacked_138sjg ._item-actions_138sjg,
._item_138sjg._rollbacked_138sjg ._item-header_138sjg {
  opacity: 0.6;
  font-size: 12px;
}
._item_138sjg._rollbacked_138sjg ._item-translationText_138sjg {
  padding: 0;
  background: transparent;
}
._item_138sjg._rollbacked_138sjg ._item-iconContainer_138sjg {
  background: var(--content-background);
  border-color: var(--content-background-border);
}
._item_138sjg._rollbacked_138sjg ._item-iconContainer-icon_138sjg {
  width: 11px;
  height: 11px;
  stroke: var(--content-background-border);
}
._item_138sjg._rollbacked_138sjg._rollback_138sjg, ._item_138sjg._rollbacked_138sjg._batch-merge_138sjg, ._item_138sjg._rollbacked_138sjg._merge_138sjg, ._item_138sjg._rollbacked_138sjg._new-slave_138sjg, ._item_138sjg._rollbacked_138sjg._uncorrect-all_138sjg, ._item_138sjg._rollbacked_138sjg._correct-all_138sjg {
  border-color: var(--background-light-highlight);
}
._item_138sjg._rollbacked_138sjg._rollback_138sjg ._item-iconContainer_138sjg, ._item_138sjg._rollbacked_138sjg._batch-merge_138sjg ._item-iconContainer_138sjg, ._item_138sjg._rollbacked_138sjg._merge_138sjg ._item-iconContainer_138sjg, ._item_138sjg._rollbacked_138sjg._new-slave_138sjg ._item-iconContainer_138sjg, ._item_138sjg._rollbacked_138sjg._uncorrect-all_138sjg ._item-iconContainer_138sjg, ._item_138sjg._rollbacked_138sjg._correct-all_138sjg ._item-iconContainer_138sjg {
  left: -19px;
  top: 6px;
}
._item_138sjg._rollbacked_138sjg._batch-sync_138sjg:before, ._item_138sjg._rollbacked_138sjg._sync_138sjg:before {
  display: none;
}
._item_138sjg._rollbacked_138sjg._batch-sync_138sjg ._item-iconContainer_138sjg, ._item_138sjg._rollbacked_138sjg._sync_138sjg ._item-iconContainer_138sjg {
  left: -19px;
  top: 6px;
}

._item_138sjg._rollback_138sjg._compact_138sjg ._item-iconContainer_138sjg {
  top: -2px;
  left: -13px;
  display: block;
}
._item_138sjg._rollback_138sjg._compact_138sjg ._item-content_138sjg {
  margin-left: -20px;
}

._item_138sjg._rollbacked_138sjg._compact_138sjg,
._item_138sjg._compact_138sjg {
  width: 100%;
  margin: 12px 0 2px;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
._item_138sjg._rollbacked_138sjg._compact_138sjg:last-of-type ._item-content_138sjg,
._item_138sjg._compact_138sjg:last-of-type ._item-content_138sjg {
  border-bottom: 0;
}
._item_138sjg._rollbacked_138sjg._compact_138sjg ._item-stats_138sjg,
._item_138sjg._compact_138sjg ._item-stats_138sjg {
  display: none;
}
._item_138sjg._rollbacked_138sjg._compact_138sjg ._item-header_138sjg,
._item_138sjg._compact_138sjg ._item-header_138sjg {
  font-size: 11px;
  flex-direction: column;
  align-items: flex-start;
}
._item_138sjg._rollbacked_138sjg._compact_138sjg ._item-actions_138sjg,
._item_138sjg._compact_138sjg ._item-actions_138sjg {
  margin: 2px 0 0;
  text-align: left;
}
._item_138sjg._rollbacked_138sjg._compact_138sjg ._item-content_138sjg,
._item_138sjg._compact_138sjg ._item-content_138sjg {
  padding-top: 2px;
  background: transparent;
}
._item_138sjg._rollbacked_138sjg._compact_138sjg ._item-iconContainer_138sjg,
._item_138sjg._compact_138sjg ._item-iconContainer_138sjg {
  border-color: var(--content-background);
  background: var(--content-background);
}
._item_138sjg._rollbacked_138sjg._compact_138sjg ._item-rollback-content_138sjg,
._item_138sjg._compact_138sjg ._item-rollback-content_138sjg {
  margin: 5px 0;
  padding: 5px 10px;
  font-size: 11px;
  background: var(--background-light);
  color: #888;
}
._item_138sjg._rollbacked_138sjg._compact_138sjg ._item-content-rollbacked_138sjg,
._item_138sjg._compact_138sjg ._item-content-rollbacked_138sjg {
  margin-bottom: 1px;
  font-size: 11px;
}
._item_138sjg._rollbacked_138sjg._compact_138sjg ._item-translationText_138sjg,
._item_138sjg._compact_138sjg ._item-translationText_138sjg {
  display: none;
}
._item_138sjg._rollbacked_138sjg._compact_138sjg ._item-translationLink_138sjg,
._item_138sjg._compact_138sjg ._item-translationLink_138sjg {
  font-size: 11px;
  margin-left: 0;
  margin-top: 0;
}
._item_138sjg._rollbacked_138sjg._compact_138sjg ._item-revisionLink_138sjg,
._item_138sjg._compact_138sjg ._item-revisionLink_138sjg {
  font-size: 11px;
}
._item_138sjg._rollbacked_138sjg._compact_138sjg ._item-documentPath_138sjg,
._item_138sjg._compact_138sjg ._item-documentPath_138sjg {
  font-size: 11px;
}
._item_138sjg._rollbacked_138sjg._compact_138sjg ._item-user-picture_138sjg,
._item_138sjg._compact_138sjg ._item-user-picture_138sjg {
  width: 15px;
  height: 15px;
}
._item_138sjg._rollbacked_138sjg._compact_138sjg ._item-details-link_138sjg,
._item_138sjg._compact_138sjg ._item-details-link_138sjg {
  opacity: 0.7;
}

._item-wrapper_138sjg {
  display: flex;
  width: 100%;
}

._item-version-tag_138sjg {
  margin-left: 6px;
  font-size: 11px;
  font-family: var(--font-monospace);
  text-transform: none;
}

._item-iconContainer_138sjg {
  display: flex;
  position: relative;
  top: 0;
  flex: 0 0 21px;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  margin-right: 10px;
  border-radius: 50%;
  border: 1px solid var(--color-grey);
  box-shadow: 0 0 0 5px var(--content-background);
  background: var(--content-background);
}

._item-iconContainer-icon_138sjg {
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
  stroke: var(--color-grey);
}

._item-content_138sjg {
  flex: 1 1 100%;
  font-size: 13px;
}

._item_138sjg._compact_138sjg ._item-header_138sjg {
  flex-direction: column;
}
._item_138sjg._compact_138sjg ._item-actions_138sjg {
  min-width: 0;
  text-align: left;
}

._item-header_138sjg {
  display: flex;
  justify-content: space-between;
  margin: 0 0 10px;
}

._item-header-content_138sjg {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1 1 auto;
  font-size: 12px;
}

._item-user_138sjg {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  margin-right: 3px;
}

._item-user-picture_138sjg {
  width: 17px;
  height: 17px;
  margin-right: 5px;
  border-radius: var(--border-radius);
}

._item-translationFromOperationText_138sjg,
._item-stats_138sjg,
._item-translationText_138sjg {
  margin: 5px 0 10px;
  padding: 8px;
  background: var(--background-light);
  font-size: 12px;
  font-style: italic;
}

._item-translationText-text_138sjg {
  white-space: pre-wrap;
}

._item-batchedOperations_138sjg {
  display: grid;
  gap: 10px 8px;
  margin-bottom: 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

._item-batchedOperations-path_138sjg {
  margin-left: 3px;
  font-size: 11px;
  font-weight: 600;
}
._item-batchedOperations-path_138sjg::after {
  font-weight: 300;
  content: ", ";
}
._item-batchedOperations-path_138sjg:last-of-type::after {
  content: "";
}

._item-batchedOperations-item_138sjg {
  padding: 8px 18px 6px 0;
  font-size: 12px;
}
._item-batchedOperations-item_138sjg:last-of-type {
  border-color: transparent;
}

._item-batchedOperations-label_138sjg {
  font-weight: 600;
  text-decoration: none;
}

._item-batchedOperations-hiddenCount_138sjg {
  font-size: 11px;
  margin-left: 4px;
}

._item-translationFromOperationText_138sjg {
  background: transparent;
  padding: 5px 0;
  margin: 10px 0 0;
}

._item-stats-label_138sjg,
._item-translationText-label_138sjg {
  display: block;
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
}

._item-translationText-emptyText_138sjg {
  color: #ccc;
}

a._item-documentPath_138sjg {
  text-decoration: none;
}
a._item-documentPath_138sjg:focus, a._item-documentPath_138sjg:hover {
  text-decoration: underline;
}

._item-documentPath_138sjg {
  display: inline-block;
  margin-left: 3px;
  color: var(--color-black);
  font-weight: bold;
  font-size: 12px;
}

._item-translationLink_138sjg {
  display: block;
  flex: 1 0 auto;
  width: 100%;
  margin-top: 5px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  font-family: var(--font-monospace);
  word-break: break-all;
  transition: 0.2s ease-in-out;
  transition-property: color;
  color: var(--color-primary);
}
._item-translationLink_138sjg:hover, ._item-translationLink_138sjg:focus {
  color: var(--color-primary-darken-10);
}
._item-translationLink_138sjg._item-translationLink--removed_138sjg {
  color: #666;
}

._item-translationLink-prefix_138sjg {
  display: block;
  font-weight: normal;
  font-size: 11px;
  color: #959595;
}

._item-revisionLink_138sjg {
  display: inline-block;
  margin-left: 3px;
  text-decoration: none;
  color: var(--color-primary);
}
._item-revisionLink_138sjg:hover, ._item-revisionLink_138sjg:focus {
  text-decoration: underline;
}

._item-actions_138sjg {
  flex: 0 1 auto;
  margin: 0;
  text-align: right;
}

._item-date_138sjg {
  opacity: 0.4;
  color: var(--color-black);
  font-size: 11px;
}

._item-stats_138sjg {
  list-style: none;
  border-radius: var(--border-radius);
}

._item-rollback_138sjg {
  transition: 0.2s ease-in-out;
  transition-property: opacity, color;
  opacity: 0;
  background: none;
  padding: 0;
  margin: 0 0 0 5px;
  color: var(--color-grey);
  font-size: 11px;
}
._item-rollback_138sjg:focus, ._item-rollback_138sjg:hover {
  color: var(--background-light-highlight);
  text-decoration: underline;
}

._item-rollback-content_138sjg {
  width: 100%;
  padding: 10px;
  margin: 10px 0;
  background: var(--content-background);
  font-size: 12px;
  font-style: italic;
  color: #5d6863;
}
._item-rollback-content_138sjg ._item-translationLink_138sjg {
  font-size: 11px;
}
._item-rollback-content_138sjg ._item-details-link_138sjg {
  font-weight: bold;
}

._item-rollback-user_138sjg {
  font-weight: bold;
}

._item-details-link_138sjg {
  padding-left: 6px;
  margin-left: 5px;
  border-left: 1px solid var(--background-light-highlight);
  text-decoration: none;
  color: var(--color-black);
  font-size: 11px;
  font-weight: 500;
}
._item-details-link_138sjg:focus, ._item-details-link_138sjg:hover {
  text-decoration: underline;
  color: var(--color-primary);
}

._item-content-rollbacked_138sjg {
  margin-bottom: 6px;
  color: var(--color-error);
  font-size: 12px;
  font-weight: 500;
}

/* styles for accent-webapp/components/application-footer/index.scss */
._footer_1so49y {
  color: var(--color-grey);
  font-size: 12px;
  text-align: right;
  padding-bottom: 10px;
}

._inner_1so49y {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: var(--screen-lg);
}

._left_1so49y {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._left-meta_1so49y {
  display: flex;
  align-items: center;
}

._right_1so49y {
  display: flex;
  align-items: center;
  gap: 10px;
}

._select_1so49y {
  position: relative;
}
._select_1so49y select {
  font-size: 11px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid var(--background-light-highlight);
  background: var(--background-light);
  color: color-mix(in srgb, var(--text-color-normal) 70%, transparent);
  border-radius: var(--border-radius);
  padding: 4px 19px 4px 7px;
}

._select_1so49y::after {
  display: block;
  pointer-events: none;
  cursor: pointer;
  content: "›";
  position: absolute;
  top: 50%;
  right: 6px;
  font-size: 140%;
  transform: translateY(-50%) rotate(90deg);
  color: var(--text-color-normal);
}

._version_1so49y {
  font-family: var(--font-monospace);
  font-size: 10px;
}

._button-themes_1so49y {
  display: flex;
  margin-left: 10px;
  transition: opacity 0.2s ease-in-out;
}

._button-theme_1so49y {
  padding: 0 3px;
  margin-left: 5px;
  background: none;
  opacity: 0.2;
  color: var(--text-color-normal);
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease-in;
}
._button-theme_1so49y:focus, ._button-theme_1so49y:hover {
  outline: none;
}
._button-theme_1so49y:hover {
  opacity: 1;
}

._button-theme--moon_1so49y:hover {
  transform: rotate(-20deg);
  color: #5660e4;
}
._button-theme--moon_1so49y svg {
  width: 13px;
  height: 13px;
}

._button-theme--sun_1so49y:hover {
  transform: translateY(-3px);
  color: #dcbc18;
}
._button-theme--sun_1so49y svg {
  width: 16px;
  height: 16px;
}

._external-link_1so49y {
  color: var(--color-black);
  text-decoration: none;
}
._external-link_1so49y:focus, ._external-link_1so49y:hover {
  text-decoration: underline;
}

@media (max-width: 800px) {
  ._footer_1so49y {
    display: none;
  }
}
/* styles for accent-webapp/components/async-button/index.scss */
._button_kjy9qe {
  padding: 0 !important;
}
._button_kjy9qe._button--loading_kjy9qe {
  cursor: default;
}
._button_kjy9qe._button--loading_kjy9qe ._label_kjy9qe {
  transform: translate3d(-100%, 0, 0);
}
._button_kjy9qe._button--loading_kjy9qe ._loading_kjy9qe {
  top: calc(50% - 7px);
  left: calc(50% - 9px);
}
._button_kjy9qe.button--filled ._loading_kjy9qe {
  fill: #fff;
}
._button_kjy9qe.button--filled.button--white ._loading_kjy9qe {
  fill: currentColor;
}
._button_kjy9qe.button--iconOnly ._label_kjy9qe {
  padding-left: 5px;
  padding-right: 5px;
}
._button_kjy9qe.button--small._button--loading_kjy9qe ._loading_kjy9qe {
  width: 14px;
  top: 0;
  left: calc(50% - 5px);
}

._content_kjy9qe {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  line-height: 1.3;
}

._label_kjy9qe {
  transition: 0.2s ease-in-out;
  transition-property: transform;
  transform: translate3d(0, 0, 0);
  display: flex;
  align-items: center;
  padding: 5px 12px;
}

._loading_kjy9qe {
  transition: 0.2s ease-in-out;
  transition-property: left;
  will-change: left;
  width: 15px;
  position: absolute;
  top: calc(50% - 8px);
  left: 100%;
  fill: var(--color-black);
}

/* styles for accent-webapp/components/azure-push-form/index.scss */
._azure-push-form_8orsp6 {
  padding: 20px;
  background: var(--content-background);
}

._title_8orsp6 {
  margin-bottom: 20px;
  text-align: center;
  font-size: 27px;
  font-weight: 300;
  color: var(--color-primary);
  line-height: 1.2;
}

._text_8orsp6 {
  font-size: 13px;
  margin-bottom: 20px;
  color: #555;
}

._textInput_8orsp6 {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 10px;
  min-width: 250px;
  width: 100%;
  font-size: 12px;
  font-family: var(--font-primary);
}

._errors_8orsp6 {
  margin-bottom: 15px;
  padding-bottom: 5px;
}

._error_8orsp6 {
  margin-bottom: 5px;
  color: var(--color-error);
  font-size: 13px;
  font-weight: bold;
}

._formItem_8orsp6 {
  margin-bottom: 20px;
}

._formActions_8orsp6 {
  padding-top: 10px;
}

/* styles for accent-webapp/components/commit-file/index.scss */
._commit-file_ii0ef5 .textInput {
  margin-bottom: 8px;
  padding: 5px;
  outline: 0;
  background: #fff;
  font-family: var(--font-monospace);
  font-size: 12px;
}
._commit-file_ii0ef5 .ember-power-select-trigger {
  padding: 6px 10px;
  border: 1px solid var(--background-light-highlight);
  background: var(--background-light);
  color: var(--color-black-opacity-70);
}

._textHelper_ii0ef5 {
  margin-bottom: 3px;
  width: 80%;
  color: var(--color-grey);
  font-size: 12px;
}

._documentHelper_ii0ef5 {
  display: inline-block;
  margin-bottom: 7px;
  padding: 2px 0 3px;
  border-radius: var(--border-radius);
  color: var(--color-primary);
  font-size: 11px;
}
._documentHelper_ii0ef5._documentHelper--new_ii0ef5 {
  color: var(--color-green);
}

._options_ii0ef5 {
  display: flex;
  padding: 0;
  margin: 0;
  font-size: 13px;
}
._options_ii0ef5 ._option_ii0ef5 {
  padding-top: 0;
}

._option_ii0ef5 {
  flex: 1 1 auto;
  width: 100%;
  padding: 9px 0;
  margin: 0;
}
._option_ii0ef5._option--borderless_ii0ef5 {
  border-bottom: 0;
}
._option_ii0ef5._option--borderless_ii0ef5:first-of-type {
  margin-right: 10px;
}

._optionLabel_ii0ef5 {
  display: flex;
  font-size: 12px;
}

._optionLabelText_ii0ef5 {
  margin-left: 5px;
}

._actions_ii0ef5 {
  margin-top: 15px;
}

._fileInput_ii0ef5 {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  pointer-events: none;
}

._fileInputIcon_ii0ef5 {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  stroke: var(--color-black);
  stroke: var(--color-black);
}

._fileInputTitle_ii0ef5 {
  display: flex;
  align-items: center;
  margin: 0 0 6px;
  color: var(--color-black);
  color: var(--color-black);
}

._fileInputHelper_ii0ef5 {
  max-width: 300px;
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 300;
  color: var(--color-black-opacity-70);
}

._fileButton_ii0ef5 {
  margin-top: 7px !important;
  padding: 9px 30px !important;
}
._fileButton_ii0ef5 ._button-icon_ii0ef5 {
  margin-right: 10px !important;
}

._emptyFile_ii0ef5 {
  display: flex;
}
._emptyFile_ii0ef5 > div {
  width: 50%;
}

._emptyFile-upload_ii0ef5 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

._instructions-title_ii0ef5 {
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
  color: var(--color-black);
  color: var(--color-black);
}

._instructions-list_ii0ef5,
._instructions-text_ii0ef5 {
  margin-bottom: 18px;
  font-size: 13px;
  color: var(--color-black);
}
._instructions-list_ii0ef5 em,
._instructions-text_ii0ef5 em {
  display: block;
  margin: 5px 0;
  font-style: normal;
  font-weight: bold;
  color: var(--color-primary);
}

._instructions-list_ii0ef5 {
  list-style: disc;
  padding-left: 15px;
}

._instructions-list-item_ii0ef5 {
  margin-bottom: 5px;
  font-size: 12px;
}

._peekButton_ii0ef5 {
  margin-top: 7px !important;
}

._errorMessage_ii0ef5 {
  margin: 10px 0;
  color: var(--color-error);
  font-size: 13px;
  font-weight: bold;
}

._fileSourceName_ii0ef5 {
  padding: 6px 10px;
  font-size: 12px;
  font-family: var(--font-monospace);
  color: #444;
}

/* styles for accent-webapp/components/conflicts-filters/index.scss */
._conflicts-filters_1osfim .filters {
  margin-bottom: 20px;
}
._conflicts-filters_1osfim .filters .ember-power-select-multiple-trigger {
  width: 100%;
  border-width: 2px;
  margin-bottom: 10px;
}
._conflicts-filters_1osfim .filters .ember-power-select-multiple-trigger:focus {
  border-width: 2px;
}

._search-icon_1osfim {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 7px;
  width: 20px;
  height: 20px;
  stroke: var(--input-border-color);
}

._input_1osfim {
  width: 100%;
  padding: 7px 7px 7px 30px;
  font-family: var(--font-primary);
  font-size: 14px;
  color: var(--color-black);
}
._input_1osfim:focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 2px var(--shadow-color);
}
._input_1osfim::-moz-placeholder {
  color: var(--color-grey);
}
._input_1osfim::placeholder {
  color: var(--color-grey);
}

button._advancedFilters_1osfim {
  position: relative;
  box-shadow: none;
  flex-shrink: 0;
}
button._advancedFilters_1osfim:focus, button._advancedFilters_1osfim:hover {
  transform: translate3d(0, 0, 0);
}

._advancedFilters-badge_1osfim {
  position: absolute;
  top: -4px;
  right: -7px;
  background: var(--color-primary);
  border-radius: var(--border-radius);
  padding: 0 4px 1px;
  color: #fff;
  font-size: 10px;
}

@media (max-width: 440px) {
  ._filters-wrapper_1osfim {
    flex-direction: column;
  }
  ._queryForm_1osfim,
  ._filters-content_1osfim {
    width: 100%;
    margin-right: 0;
  }
}
/* styles for accent-webapp/components/conflicts-list/advanced-filters/index.scss */
._conflicts-list-advanced-filters_iyyffi {
  margin: 15px 0 0 0;
  display: flex;
  flex-direction: column;
}

._title_iyyffi {
  text-transform: uppercase;
  color: var(--text-color-normal);
  font-size: 11px;
  font-weight: bold;
}

._label_iyyffi {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 250px;
  margin-top: 10px;
  font-size: 12px;
}
._label_iyyffi input {
  margin-right: 6px;
}

._labels_iyyffi {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
}

/* styles for accent-webapp/components/conflicts-list/group/index.scss */
._item_szevtt {
  --grid-item-reviewed-opacity: 0.5;
  --grid-item-actions-opacity: 0;
  border-bottom: 1px solid var(--background-light-highlight);
  transition: 0.2s ease-in-out;
  transition-property: border-color;
  background: var(--content-background);
}
._item_szevtt .lint-translations-item {
  display: none;
  padding: 2px 6px;
  border-radius: var(--border-radius);
  margin: 0 5px 5px;
  background: var(--background-light);
}
._item_szevtt._item--focus_szevtt {
  background: var(--background-light);
  --grid-item-reviewed-opacity: 1;
  --grid-item-actions-opacity: 1;
}
._item_szevtt._item--focus_szevtt .lint-translations-item {
  display: block;
}
._item_szevtt._item--focus_szevtt ._item-key_szevtt {
  transform: translateY(2px);
}

._item-grid_szevtt {
  display: grid;
  grid-template-columns: repeat(var(--group-columns-count, 1), 1fr);
}

._item-grid-item_szevtt {
  --border-color: var(--background-light-highlight);
  min-width: var(--group-columns-width);
  position: relative;
  padding: 0;
  border-left: 2px solid var(--border-color);
  opacity: 1;
}
._item-grid-item_szevtt._item-grid-item--translated_szevtt {
  --border-color: var(--color-warning);
  opacity: 1;
}
._item-grid-item_szevtt._item-grid-item--reviewed_szevtt {
  --border-color: var(--color-green);
  opacity: var(--grid-item-reviewed-opacity);
}
._item-grid-item_szevtt:hover {
  opacity: 1;
}
._item-grid-item_szevtt::before {
  position: absolute;
  content: "";
  top: -24px;
  left: -2px;
  height: 32px;
  width: 2px;
  background: var(--border-color);
}

._item-key-prefix_szevtt {
  display: inline-flex;
  font-size: 11px;
  color: #959595;
  gap: 6px;
  font-weight: 300;
  flex-shrink: 0;
}
._item-key-prefix_szevtt::before {
  content: "/";
}

._item-key_szevtt {
  position: sticky;
  top: 46px;
  left: 0;
  display: inline-flex;
  align-items: flex-start;
  gap: 5px;
  background: var(--content-background);
  padding: 2px 6px;
  text-decoration: none;
  font-family: var(--font-monospace);
  box-shadow: 0 2px 4px var(--shadow-color);
  border-radius: var(--border-radius);
  font-weight: 600;
  z-index: 2;
  word-break: break-all;
  transition: 0.2s ease-in-out;
  transition-property: color;
  margin-left: 4px;
  line-height: 1.5;
  font-size: 11px;
  color: var(--text-color-normal);
  transition: 0.2s ease-in-out;
  transition-property: transform;
}

._key_szevtt {
  text-decoration: none;
}

/* styles for accent-webapp/components/conflicts-list/index.scss */
._conflicts-wrapper_k1rdgx {
  overflow-x: auto;
  --group-columns-width: 260px;
}

._conflicts-header_k1rdgx {
  position: sticky;
  padding: 14px 0 0 15px;
  top: 0;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(var(--group-columns-count, 1), 1fr);
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px -14px;
  background: var(--content-background);
}

._conflicts-list-version_k1rdgx {
  margin: 0 0 15px;
  padding: 15px;
  border-radius: var(--border-radius);
  font-size: 12px;
  background: hsl(var(--color-blue-hue), var(--color-blue-saturation), var(--color-highlight-lighteness));
  color: var(--color-blue);
}

._conflicts-list-version-tag_k1rdgx {
  display: inline-flex;
  align-items: center;
  margin-left: 2px;
  font-size: 11px;
  font-family: var(--font-monospace);
  font-weight: 600;
  text-transform: none;
}

._conflicts-header-item_k1rdgx {
  padding-bottom: 10px;
  min-width: var(--group-columns-width);
}

._conflicts-header-item-slug_k1rdgx {
  font-weight: normal;
  opacity: 0.6;
  margin-left: 2px;
  font-size: 12px;
}

._all-reviewed_k1rdgx {
  max-width: 400px;
  margin: 100px auto 20px;
  text-align: center;
}

._all-reviewed-title_k1rdgx {
  margin-top: 10px;
  font-weight: bold;
  font-size: 22px;
  color: var(--color-primary);
}

._all-reviewed-subtitle_k1rdgx {
  font-size: 12px;
  color: var(--color-grey);
}

/* styles for accent-webapp/components/conflicts-list/item/index.scss */
._translation-item_180ymm:hover ._form-helpers_180ymm {
  pointer-events: all;
  opacity: 1;
}
._translation-item_180ymm:hover ._button-submit_180ymm {
  pointer-events: all;
  opacity: 1;
}

._revert-button_180ymm {
  position: absolute;
  right: 8px;
  top: -30px;
}
._revert-button_180ymm .label {
  padding-left: 3px;
  padding-right: 3px;
}

._item-details__column_180ymm {
  position: relative;
}

._item-details_180ymm {
  display: flex;
  flex-direction: column;
}
._item-details_180ymm[data-dir=rtl] ._revert-button_180ymm {
  right: auto;
  left: 8px;
}
._item-details_180ymm[data-dir=rtl] ._item-details__column_180ymm {
  align-items: flex-end;
}
._item-details_180ymm[data-dir=rtl] ._item-details__column_180ymm:first-of-type {
  margin-right: 0;
  margin-left: 15px;
}
._item-details_180ymm[data-dir=rtl] ._item-key_180ymm {
  margin-right: 0;
  margin-left: 15px;
  flex-direction: row-reverse;
}
._item-details_180ymm[data-dir=rtl] ._item-key-prefix_180ymm::before {
  content: "";
}
._item-details_180ymm[data-dir=rtl] ._item-key-prefix_180ymm::after {
  content: "/";
}

._item-details__column_180ymm {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

._item-details__column_180ymm:first-of-type {
  margin-right: 15px;
}

._translation-item_180ymm._resolved_180ymm {
  background: var(--color-primary-opacity-10);
}

._translation-item_180ymm._errored_180ymm ._textInput_180ymm {
  border-color: var(--color-error);
}

._error_180ymm {
  font-size: 12px;
  font-weight: bold;
  color: var(--color-error);
}

._button-submit_180ymm {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  pointer-events: none;
  opacity: var(--grid-item-actions-opacity);
  gap: 0;
  bottom: 15px;
  right: 10px;
  z-index: 3;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
}
._button-submit_180ymm[data-dir=rtl] {
  right: auto;
  left: 7px;
  flex-direction: row-reverse;
}

._textInput_180ymm {
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  font-size: 13px;
}

._item-text_180ymm {
  display: block;
  width: 100%;
  color: var(--color-black);
  line-height: 1.4;
  padding: 3px 10px 10px 0;
  font-size: 13px;
  line-height: 1.6;
  cursor: pointer;
  word-break: break-word;
}
._item-text_180ymm:focus, ._item-text_180ymm:hover {
  outline: none;
  opacity: 0.8;
}

._form-helpers_180ymm {
  pointer-events: none;
  opacity: 0;
  position: relative;
  z-index: 1;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
}

/* styles for accent-webapp/components/dashboard-revisions/index.scss */
._dashboard-revisions_1briqs._low-percentage_1briqs ._numberStat-reviewCompleted_1briqs,
._dashboard-revisions_1briqs._low-percentage_1briqs ._numberStat-reviewPercentage_1briqs {
  color: var(--color-error);
}

._dashboard-revisions_1briqs._medium-percentage_1briqs ._numberStat-reviewCompleted_1briqs,
._dashboard-revisions_1briqs._medium-percentage_1briqs ._numberStat-reviewPercentage_1briqs {
  color: var(--color-warning);
}

._dashboard-revisions_1briqs._high-percentage_1briqs ._numberStat-reviewCompleted_1briqs,
._dashboard-revisions_1briqs._high-percentage_1briqs ._numberStat-reviewPercentage_1briqs {
  color: var(--color-success);
}

._dashboard-revisions_1briqs {
  display: flex;
}

._dashboard-revisions_1briqs > ._content_1briqs {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  margin-right: 40px;
  margin-top: 40px;
}

._numberStat_1briqs {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto 10px;
}

._numberStat-reviewPercentage_1briqs {
  letter-spacing: -3px;
  line-height: 1;
  font-size: 82px;
  font-weight: 400;
}

._numberStat-reviewPercentage-icon_1briqs {
  width: 35px;
  height: 35px;
}

._numberStat-reviewPercentage-unit_1briqs {
  font-size: 62px;
  opacity: 0.7;
}

._numberStat-totalKeys_1briqs {
  display: block;
  font-size: 20px;
  font-family: var(--font-monospace);
  color: #ccc;
}

._numberStat-totalKeys-label_1briqs {
  font-size: 11px;
}

._numberStat-reviewCompleted_1briqs {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
  font-size: 22px;
}

._numberStat-reviewCompleted-successIcon_1briqs {
  display: block;
  stroke: var(--color-success);
  width: 52px;
  height: 52px;
  margin-bottom: 10px;
}

._stats_1briqs {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._stats-title_1briqs {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 2px;
}

._slaves_1briqs {
  display: flex;
  flex-direction: column;
}

._empty-slaves-button_1briqs {
  display: block;
  width: 100%;
  max-width: 340px;
  padding: 15px;
  background: var(--content-background);
  box-shadow: 0 1px 4px var(--shadow-color), 0 7px 12px var(--shadow-color);
  border-radius: var(--border-radius);
  color: var(--color-primary);
  text-decoration: none;
  transition: box-shadow 0.2s ease-in-out;
}
._empty-slaves-button_1briqs:hover, ._empty-slaves-button_1briqs:focus {
  box-shadow: 0 3px 10px var(--shadow-color);
}

._empty-slaves-button-action_1briqs {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 12px;
}

._empty-slaves-button-icon_1briqs {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  fill: var(--color-primary);
}

._empty-slaves-button-text_1briqs {
  display: block;
  margin-top: 10px;
  font-size: 11px;
  color: var(--color-black);
  opacity: 0.5;
}

._master_1briqs {
  margin: 25px 0 0;
}

._stats-title-links_1briqs {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
}
._stats-title-links_1briqs ._button_1briqs {
  margin-left: 10px;
  font-size: 11px;
}

._activities_1briqs {
  display: flex;
  flex-direction: column;
  max-width: 430px;
  width: 100%;
  margin-top: 40px;
}

._activities-title_1briqs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
}

._activities-title-text_1briqs {
  display: flex;
  align-items: center;
}

._activities-title-icon_1briqs {
  stroke: #bbb;
  width: 15px;
  height: 15px;
  margin-right: 6px;
}

._activities-viewMoreButton_1briqs {
  display: block !important;
  margin-top: 15px !important;
  text-align: center !important;
}

._activities-last-sync_1briqs {
  font-size: 11px;
  text-decoration: none;
  opacity: 0.9;
}

@media (max-width: 1024px) {
  ._dashboard-revisions_1briqs {
    flex-direction: column;
  }
  ._dashboard-revisions_1briqs > ._content_1briqs {
    width: 100%;
    margin-right: 0;
  }
  ._activities_1briqs {
    margin-top: 20px;
    max-width: none;
  }
}
@media (max-width: 640px) {
  ._dashboard-revisions_1briqs > ._content_1briqs {
    margin: 0;
  }
}
/* styles for accent-webapp/components/dashboard-revisions/item/index.scss */
._dashboard-revisions-item_1qldgd {
  transition: 0.2s ease-in-out;
  transition-property: box-shadow;
  position: relative;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
  border-radius: var(--border-radius);
  box-shadow: 0 6px 25px var(--shadow-color), 0 2px 7px var(--shadow-color);
}

._dashboard-revisions-item_1qldgd._low-percentage_1qldgd ._language-reviewedPercentage_1qldgd {
  color: var(--color-error);
}
._dashboard-revisions-item_1qldgd._low-percentage_1qldgd ._progress_1qldgd {
  color: var(--color-error);
}

._dashboard-revisions-item_1qldgd._medium-percentage_1qldgd ._language-reviewedPercentage_1qldgd {
  color: var(--color-warning);
}
._dashboard-revisions-item_1qldgd._medium-percentage_1qldgd ._progress_1qldgd {
  color: var(--color-warning);
}

._dashboard-revisions-item_1qldgd._high-percentage_1qldgd ._language-reviewedPercentage_1qldgd {
  color: var(--color-success);
}
._dashboard-revisions-item_1qldgd._high-percentage_1qldgd ._progress_1qldgd {
  color: var(--color-success);
}

._dashboard-revisions-item_1qldgd._master_1qldgd {
  flex: 1 1 auto;
  max-width: none;
  margin-right: 0;
}
._dashboard-revisions-item_1qldgd._master_1qldgd ._language-name_1qldgd {
  font-size: 14px;
}

._item_1qldgd {
  padding: 8px 10px;
}

._language_1qldgd {
  display: flex;
  flex-direction: column;
  color: var(--color-grey);
}

._language-name_1qldgd {
  transition: 0.2s ease-in-out;
  transition-property: color;
  font-size: 12px;
  text-decoration: none;
  color: var(--color-black);
  font-weight: bold;
}
._language-name_1qldgd:focus, ._language-name_1qldgd:hover {
  color: var(--color-primary);
}

._language-reviewedPercentage_1qldgd {
  display: flex;
  align-items: baseline;
  gap: 4px;
  font-weight: normal;
  font-size: 22px;
  color: var(--color-grey);
  letter-spacing: -2px;
}

._language-reviewedPercentage-symbol_1qldgd {
  font-size: 13px;
}

._reviewedStats_1qldgd {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  color: var(--color-grey);
  font-size: 12px;
  font-family: var(--font-monospace);
}

._reviewedStats-translatedCount_1qldgd,
._reviewedStats-translationsCount_1qldgd,
._reviewedStats-reviewedCount_1qldgd {
  font-family: var(--font-primary);
  color: var(--color-grey);
  margin: 0 3px;
  font-size: 11px;
  text-decoration: none;
}

._reviewedStats-reviewedCount_1qldgd {
  font-weight: bold;
}

._actionsButton_1qldgd {
  transition: 0.2s ease-in-out;
  transition-property: opacity;
  position: absolute;
  right: 3px;
  top: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: var(--content-background);
  cursor: pointer;
}
._actionsButton_1qldgd:focus ._actionsButton-icon_1qldgd, ._actionsButton_1qldgd:hover ._actionsButton-icon_1qldgd {
  opacity: 1;
}

._actionsButton-icon_1qldgd {
  stroke: var(--color-grey);
  opacity: 0.4;
  transition: 0.2s ease-in-out;
  transition-property: stroke, opacity;
  width: 13px;
  height: 13px;
}

._actions_1qldgd {
  margin: 10px 0 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._actions_1qldgd .button {
  justify-content: center;
}

._actionItem-text_1qldgd {
  font-size: 12px;
  color: var(--color-grey);
}

@media (max-width: 440px) {
  ._language-reviewedPercentage_1qldgd {
    font-size: 18px;
  }
  ._reviewedStats_1qldgd {
    display: none;
  }
}
/* styles for accent-webapp/components/documents-list/index.scss */
._documents-list_g4p6fc {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 3px;
  margin-bottom: 20px;
}

._empty-content_g4p6fc {
  margin-top: 25px;
}

/* styles for accent-webapp/components/documents-list/item/index.scss */
._documents-list-item_mppy0i {
  position: relative;
  display: flex;
  width: 100%;
  padding: 10px 0;
}
._documents-list-item_mppy0i:hover ._deleteDocumentButton_mppy0i {
  opacity: 1;
}

._documents-list-item_mppy0i._empty_mppy0i {
  padding: 0 6px 4px;
  margin-left: -6px;
  margin-bottom: 10px;
  width: calc(100% - 6px);
  background: var(--body-background);
  border-radius: var(--border-radius);
}
._documents-list-item_mppy0i._empty_mppy0i._editing_mppy0i {
  padding: 0;
  background: transparent;
  border-radius: 0;
  margin-left: 0;
}
._documents-list-item_mppy0i._empty_mppy0i._editing_mppy0i ._removed-badge_mppy0i {
  display: none;
}

._documents-list-item_mppy0i._low-percentage_mppy0i ._reviewedPercentage_mppy0i {
  color: var(--color-error);
}
._documents-list-item_mppy0i._low-percentage_mppy0i ._progress_mppy0i {
  color: var(--color-error);
}

._documents-list-item_mppy0i._medium-percentage_mppy0i ._reviewedPercentage_mppy0i {
  color: var(--color-warning);
}
._documents-list-item_mppy0i._medium-percentage_mppy0i ._progress_mppy0i {
  color: var(--color-warning);
}

._documents-list-item_mppy0i._high-percentage_mppy0i ._reviewedPercentage_mppy0i {
  color: var(--color-success);
}
._documents-list-item_mppy0i._high-percentage_mppy0i ._progress_mppy0i {
  color: var(--color-success);
}

._item-form--deleting_mppy0i {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
}
._item-form--deleting_mppy0i ._deleteDocumentButton_mppy0i {
  opacity: 0;
}

._stat_mppy0i {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
}

._progress_mppy0i {
  margin: 3px 0 10px;
}

._reviewedStats_mppy0i {
  padding: 2px 0 1px 7px;
  color: var(--color-black);
  font-family: var(--font-monospace);
}

._reviewedPercentage_mppy0i {
  margin-right: 10px;
  font-size: 18px;
}

._item-title_mppy0i {
  display: inline-flex;
  width: 100%;
  font-size: 15px;
  margin-left: -2px;
}

._removed-badge_mppy0i {
  font-size: 11px;
  opacity: 0.4;
}

._textInput_mppy0i {
  padding: 5px 8px 4px;
  width: 100%;
  font-size: 15px;
  font-family: var(--font-primary);
}

._item-document-deleting-title_mppy0i {
  display: flex;
  color: var(--color-error);
  font-size: 13px;
}

._item-document-deleting-title-loading_mppy0i {
  width: 10px;
  margin-right: 6px;
  fill: var(--color-error);
}

._item-form_mppy0i {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
._item-form_mppy0i._item-form--editing_mppy0i {
  padding: 15px;
  box-shadow: 0 1px 5px var(--shadow-color);
}

._item-form-content_mppy0i {
  flex-grow: 1;
  min-width: 300px;
  margin-right: 30px;
}

._item-form-label_mppy0i {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
}

._item-form-help_mppy0i {
  display: block;
  margin-bottom: 6px;
  font-size: 11px;
  color: #bbb;
}
._item-form-help_mppy0i em {
  margin: 0 2px;
  padding: 0 2px;
  border: 1px solid var(--background-light-border);
  border-radius: var(--border-radius);
  background: var(--background-light);
  font-family: var(--font-monospace);
  font-style: normal;
  color: #777;
}

._item-form-inputs_mppy0i {
  width: 100%;
}

._item-toggle-edit_mppy0i {
  position: relative;
  left: -24px;
  padding-left: 37px;
}
._item-toggle-edit_mppy0i:focus ._item-edit-icon_mppy0i, ._item-toggle-edit_mppy0i:hover ._item-edit-icon_mppy0i {
  opacity: 1;
}

._item-document_mppy0i {
  margin-left: -26px;
  text-decoration: none;
  color: var(--color-black);
}

._item-edit-button_mppy0i {
  background: transparent;
}
._item-edit-button_mppy0i:hover {
  outline: none;
}

._item-edit-icon_mppy0i {
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  opacity: 0;
  stroke: #ccc;
  transition: 0.2s ease-in-out;
  transition-property: opacity, stroke;
}
._item-edit-icon_mppy0i:focus, ._item-edit-icon_mppy0i:hover {
  stroke: #aaa;
}

._links_mppy0i {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 1;
  justify-content: space-between;
}
._links_mppy0i .button {
  margin-right: 6px;
}
._links_mppy0i .button.button--borderLess:first-of-type:last-of-type {
  margin-left: -14px;
}

._links--editing_mppy0i {
  width: 100%;
  justify-content: flex-start;
  transform: translate3d(0, 0, 0);
}

._deleteDocumentButton-container_mppy0i {
  display: flex;
  align-items: center;
  padding-left: 5px;
}

._deleteDocumentButton_mppy0i {
  opacity: 0;
  padding: 2px 6px !important;
}

@media (max-width: 1300px) {
  ._links_mppy0i {
    transform: translate3d(0, 0, 0);
  }
}
@media (max-width: 800px) {
  ._item_mppy0i {
    margin-right: 0;
    width: 100%;
  }
}
/* styles for accent-webapp/components/documents-machine-translations-button/index.scss */
.button.button--filled._button_spklwh {
  margin-left: 15px;
}

/* styles for accent-webapp/components/dummy-login-form/index.scss */
._dummy-login-form_6i03qe {
  max-width: 500px;
  margin: 100px auto 30px;
  padding: 20px;
  box-shadow: 0 3px 21px var(--shadow-color);
  border: 1px solid var(--background-light-highlight);
  background: var(--background-light);
  text-align: center;
}

._title_6i03qe {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 19px;
}

._warning_6i03qe {
  display: inline-block;
  padding: 10px 15px;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 12px;
  color: var(--color-error);
}

._subtitle_6i03qe {
  margin: 0 15px 25px;
  font-size: 13px;
  color: var(--color-grey);
}

._form_6i03qe {
  display: flex;
  align-items: stretch;
}

._textInput_6i03qe {
  flex: 1 1 auto;
  padding: 10px;
  margin: 0 0 0 0;
  border-radius: 3px 0 0 3px;
  border-right: 0;
  font-size: 13px;
}
._textInput_6i03qe:focus {
  border-right: 0;
  border-color: var(--color-green);
}

._dummyLoginButton_6i03qe {
  flex: 0 1 auto !important;
  border-radius: 0 3px 3px 0 !important;
}

@media (max-width: 440px) {
  ._dummy-login-form_6i03qe {
    margin-top: 30px;
  }
}
/* styles for accent-webapp/components/empty-content/index.scss */
._empty-content_zmjfsa {
  padding: 15px 16px 16px;
  width: 100%;
  max-width: 520px;
  font-size: 13px;
  font-weight: 300;
  border-radius: var(--border-radius);
  line-height: 1.5;
  color: var(--color-grey);
  background-color: var(--body-background);
}
._empty-content_zmjfsa._empty-content--primary_zmjfsa {
  color: hsl(var(--color-primary-hue), var(--color-primary-saturation), 50%);
  background-color: var(--color-primary-opacity-50);
}
._empty-content_zmjfsa._empty-content--primary_zmjfsa svg {
  color: var(--color-primary);
}
._empty-content_zmjfsa._empty-content--center_zmjfsa {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 30px 15px;
  border-left: 0;
}
._empty-content_zmjfsa svg {
  color: currentColor;
  opacity: 0.5;
}
._empty-content_zmjfsa .link {
  color: var(--color-primary);
  text-decoration: none;
}
._empty-content_zmjfsa .link:focus, ._empty-content_zmjfsa .link:hover {
  text-decoration: underline;
}
._empty-content_zmjfsa .icon,
._empty-content_zmjfsa ._icon_zmjfsa {
  display: block;
  opacity: 0.8;
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
}

/* styles for accent-webapp/components/error-section/index.scss */
._error-section_13akwa {
  max-width: 400px;
  width: 100%;
  margin: 100px auto 30px;
  padding: 20px 20px 10px;
  box-shadow: 0 3px 21px var(--shadow-color);
  border: 1px solid var(--background-light-highlight);
  border-radius: var(--border-radius);
  background: var(--background-light);
  text-align: center;
}

._logo_13akwa {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto 20px;
  fill: var(--background-light-highlight);
}

._footer_13akwa {
  margin-top: 50px;
}

._header_13akwa {
  display: flex;
  align-items: center;
  justify-content: center;
}

._status_13akwa {
  margin-right: 15px;
  font-family: var(--font-monospace);
  font-size: 30px;
  font-weight: 300;
  color: var(--color-green);
}

._title_13akwa {
  font-family: var(--font-monospace);
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  opacity: 0.7;
  color: var(--color-green);
}

._text_13akwa {
  max-width: 220px;
  margin: 10px auto 50px;
  padding-top: 20px;
  border-top: 1px solid var(--background-light-highlight);
  font-size: 15px;
  color: var(--text-color-normal);
}

._link_13akwa {
  font-size: 13px;
  color: var(--color-grey);
  text-decoration: none;
}
._link_13akwa:focus, ._link_13akwa:hover {
  color: var(--color-green);
  text-decoration: underline;
}

._or_13akwa {
  margin: 0 2px 0 5px;
  font-size: 12px;
  color: #bbb;
}

@media (max-width: 440px) {
  ._error-section_13akwa {
    margin-top: 40px;
  }
}
/* styles for accent-webapp/components/flash-messages-list/index.scss */
._flash-messages-list_q4z92p {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
  z-index: 5001;
  pointer-events: none;
}

/* styles for accent-webapp/components/google-login-form/index.scss */
._google-login-form_p0q4lj {
  max-width: 500px;
  margin: 0 auto 30px;
  text-align: center;
}

._googleLogo_p0q4lj {
  width: 30px;
  margin-right: 10px;
}

._googleLoginButton_p0q4lj {
  opacity: 1;
  margin-top: 10px;
  padding: 7px 40px 7px 20px;
  background: #4d90fe;
  border: 1px solid #3480fe;
  font-family: arial, sans-serif;
  font-size: 14px;
}
._googleLoginButton_p0q4lj:focus, ._googleLoginButton_p0q4lj:hover {
  background: #2477fe;
}

@media (max-width: 440px) {
  ._google-login-form_p0q4lj {
    margin-top: 30px;
  }
}
/* styles for accent-webapp/components/highlight-render/index.scss */
._render_ktje5o pre {
  padding: 15px;
  min-height: 50px;
  border-top: 0;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.05);
  background: none;
  overflow-x: scroll;
  font-family: var(--font-monospace);
  font-size: 11px;
  line-height: 1.7;
}

._render-source_ktje5o {
  display: none;
}

/* styles for accent-webapp/components/improve-prompt/index.scss */
._content_13s4qa {
  padding: 20px;
}
._content_13s4qa .ember-power-select-trigger {
  min-height: 31px;
  margin-bottom: 10px;
  background: var(--content-background);
  border: 1px solid var(--background-light-highlight);
}

._actions_13s4qa {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  gap: 10px;
}

button._button_13s4qa {
  padding-left: 10px;
  padding-right: 10px;
  border-radius: var(--border-radius);
}
button._button_13s4qa:focus, button._button_13s4qa:hover {
  transform: translate3d(0, 0, 0);
}

._current-text_13s4qa {
  white-space: pre-line;
  font-size: 13px;
  opacity: 0.5;
  padding: 5px 0;
  margin-bottom: 6px;
}

._result-error_13s4qa {
  white-space: pre-line;
  font-size: 11px;
  color: var(--color-error);
  padding: 7px 0;
  margin-top: 5px;
}

._result-text_13s4qa {
  white-space: pre-line;
  font-size: 13px;
  margin-top: 10px;
}

._result-text--unchanged_13s4qa {
  font-style: italic;
  font-size: 11px;
  opacity: 0.5;
}

._prompt-button_13s4qa {
  position: relative;
  display: flex;
  align-items: center;
}
._prompt-button_13s4qa > ._button_13s4qa {
  transition: opacity 0.2s ease-in-out;
  box-shadow: none;
  opacity: 0.7;
}
._prompt-button_13s4qa:focus, ._prompt-button_13s4qa:hover {
  outline: none;
}
._prompt-button_13s4qa:focus > ._button_13s4qa, ._prompt-button_13s4qa:hover > ._button_13s4qa {
  opacity: 1;
}
._prompt-button_13s4qa:focus ._prompt-button-quick-access_13s4qa[data-rtl], ._prompt-button_13s4qa:hover ._prompt-button-quick-access_13s4qa[data-rtl] {
  transform: translateX(36px);
  right: auto;
}
._prompt-button_13s4qa:focus ._prompt-button-quick-access_13s4qa, ._prompt-button_13s4qa:hover ._prompt-button-quick-access_13s4qa {
  opacity: 1;
  transform: translateX(-20px);
  padding: 0 7px;
  top: -1px;
  pointer-events: all;
}

._prompt-button-quick-access_13s4qa[data-rtl] {
  left: 0;
  right: auto;
}

._prompt-button-quick-access-icon_13s4qa {
  box-shadow: none;
}

._prompt-button-quick-access-icon_13s4qa .label {
  padding: 3px !important;
}

._prompt-button-quick-access_13s4qa {
  background: var(--input-background);
  opacity: 0;
  pointer-events: none;
  transform: translateX(0);
  right: 0;
  display: flex;
  gap: 4px;
  align-items: center;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out;
}
._prompt-button-quick-access_13s4qa > button:focus,
._prompt-button-quick-access_13s4qa > button:hover {
  transform: translate3d(0, 0, 0);
}
._prompt-button-quick-access_13s4qa > button .label {
  padding-left: 8px;
  padding-right: 8px;
}

._title_13s4qa {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
  text-align: center;
  font-size: 17px;
  color: var(--color-primary);
}

._title-icon_13s4qa {
  width: 15px;
  opacity: 0.8;
}

/* styles for accent-webapp/components/inline-machine-translate/index.scss */
button._button_36eawh {
  padding-left: 10px;
  padding-right: 10px;
  border-radius: var(--border-radius);
}
button._button_36eawh:focus, button._button_36eawh:hover {
  transform: translate3d(0, 0, 0);
}

/* styles for accent-webapp/components/jipt-back-to-translations/index.scss */
._language_1jabdp {
  display: block;
  margin-bottom: 6px;
  color: var(--color-black);
  opacity: 0.8;
  font-size: 14px;
  text-decoration: none;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
}
._language_1jabdp:focus, ._language_1jabdp:hover {
  opacity: 1;
}
._language_1jabdp:focus ._back-icon_1jabdp, ._language_1jabdp:hover ._back-icon_1jabdp {
  opacity: 1;
  transform: translateX(-2px);
}

._back-icon_1jabdp {
  width: 11px;
  height: 11px;
  opacity: 0.8;
  stroke: var(--color-black);
  transition: 0.2s ease-in-out;
  transition-property: opacity, transform;
}

/* styles for accent-webapp/components/jipt-example/index.scss */
._browser-mockup_1712wp {
  position: relative;
  border-top: 2em solid rgba(230, 230, 230, 0.5);
  box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
  position: relative;
  border-radius: 8px;
  margin: 70px auto;
  flex: 1;
  max-width: 800px;
}

._browser-back-link_1712wp {
  position: absolute;
  top: -24px;
  right: 10px;
  font-size: 11px;
  color: #2a2d87;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
  opacity: 0.6;
  text-decoration: none;
}

._browser-mockup_1712wp:before {
  display: block;
  position: absolute;
  content: "";
  top: -1.25em;
  left: 1em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #f44;
  box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
}

._browser-content_1712wp {
  background: #fff;
  padding: 30px;
  border-radius: 0 0 8px 8px;
}

._browser-content_1712wp h1 {
  font-weight: bold;
  font-size: 25px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}

._browser-content_1712wp h2 {
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 5px;
  margin-top: 10px;
  margin-bottom: 12px;
  border-bottom: 1px solid #eee;
}

._tag-inner-wrapper_1712wp {
  display: flex;
  gap: 5px;
  align-items: center;
}

._tag-attributes-wrapper_1712wp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  margin-bottom: 25px;
}

._tag_1712wp {
  display: inline-flex;
  color: #888;
  font-size: 11px;
  font-family: var(--font-monospace);
}

._browser-content_1712wp pre {
  background: #eee;
  padding: 10px 14px;
  opacity: 0.7;
  border-radius: 4px;
  font-size: 11px;
  margin-bottom: 15px;
  white-space: pre-line;
}

._browser-content_1712wp img {
  width: 100%;
  max-width: 200px;
  display: block;
  border-radius: 4px;
}

._browser-content_1712wp input[type=submit] {
  border-radius: 50px;
  padding: 3px 10px;
  border: 2px solid #555;
  background: linear-gradient(to bottom, #e2e2e2, #bcbcbc);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

._browser-content_1712wp input[type=text] {
  border-radius: 5px;
  padding: 5px 10px;
  border: 2px solid #555;
  background: #fff;
  max-width: 300px;
  width: 100%;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

._wrapper_1712wp {
  background: linear-gradient(to right, #4453ad, #2a2d87);
  display: flex;
  height: 100dvh;
  align-items: flex-start;
}

/* styles for accent-webapp/components/jipt-header/index.scss */
._jipt-header_1a07b8 {
  position: sticky;
  top: 0;
  z-index: 5000;
  display: flex;
  padding: 14px 10px;
  box-shadow: 0 3px 10px var(--shadow-color);
  background: var(--content-background);
}

._project_1a07b8 {
  margin: 0 0 0 10px;
  font-size: 14px;
  font-weight: 700;
  color: var(--color-black);
}

._applicationLogo_1a07b8 {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
._applicationLogo_1a07b8 circle {
  fill: var(--content-background);
}
._applicationLogo_1a07b8 path {
  fill: var(--color-primary);
}

._applicationLogo-image_1a07b8 {
  width: 18px;
  height: 18px;
}

/* styles for accent-webapp/components/jipt-translation/index.scss */
._jipt-translation_1ij9g4 {
  margin: 15px;
}

/* styles for accent-webapp/components/jipt-translations-filtered-title/index.scss */
._jipt-translations-filtered-title_3mntk8 {
  margin: 20px 0 0;
  text-align: center;
  font-style: italic;
  font-size: 12px;
  color: #aaa;
}

/* styles for accent-webapp/components/jipt-translations-list/index.scss */
._item_qda35y {
  display: block;
  border-bottom: 1px solid #eee;
  padding: 7px 15px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: 0.2s ease-in-out;
  transition-property: padding, background;
}
._item_qda35y:focus, ._item_qda35y:hover {
  background: var(--background-light);
  color: var(--color-black);
}

/* styles for accent-webapp/components/jipt-translations-list/item/index.scss */
._item-text_1aejep {
  display: flex;
  flex-direction: column;
  text-overflow: ellipsis;
  overflow-x: hidden;
  color: var(--text-color-normal);
  font-size: 16px;
}
._item-text_1aejep._item-text--empty_1aejep {
  color: var(--color-grey);
  font-style: italic;
}
._item-text_1aejep ._item-key_1aejep {
  opacity: 0.5;
  font-size: 11px;
  font-family: var(--font-monospace);
}

/* styles for accent-webapp/components/lint-options/index.scss */
._search-icon_1scd88 {
  position: absolute;
  top: 19px;
  margin-top: -10px;
  left: 7px;
  width: 20px;
  height: 20px;
  stroke: var(--input-border-color);
}

._input_1scd88 {
  width: 100%;
  padding: 7px 7px 7px 30px;
  font-family: var(--font-primary);
  font-size: 14px;
  color: var(--color-black);
}
._input_1scd88:focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 2px var(--shadow-color);
}
._input_1scd88::-moz-placeholder {
  color: var(--color-grey);
}
._input_1scd88::placeholder {
  color: var(--color-grey);
}

@media (max-width: 440px) {
  ._filters-wrapper_1scd88 {
    flex-direction: column;
  }
  ._queryForm_1scd88,
  ._filters-content_1scd88 {
    width: 100%;
    margin-right: 0;
  }
}
/* styles for accent-webapp/components/lint-translations-page/add-lint-entry/index.scss */
._toggle_4rcbka {
  position: relative;
  top: -1px;
}

._close_4rcbka {
  position: absolute;
  top: 10px;
  right: 10px;
}

._wrapper_4rcbka {
  padding: 20px;
  position: relative;
}
._wrapper_4rcbka ._closeButton_4rcbka {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0;
  background: transparent;
}
._wrapper_4rcbka ._closeButton_4rcbka:focus ._closeButton-icon_4rcbka, ._wrapper_4rcbka ._closeButton_4rcbka:hover ._closeButton-icon_4rcbka {
  opacity: 1;
}
._wrapper_4rcbka ._closeButton-content_4rcbka {
  display: flex;
}
._wrapper_4rcbka ._closeButton-icon_4rcbka {
  width: 20px;
  height: 20px;
  stroke: var(--color-grey);
  opacity: 0.6;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
}

._title_4rcbka {
  display: flex;
  align-items: flex-start;
  line-height: 1.2;
  gap: 10px;
  font-size: 20px;
  margin-bottom: 14px;
}

._title-icon_4rcbka {
  position: relative;
  top: 5px;
  width: 13px;
  height: 13px;
  opacity: 0.6;
}

._actions_4rcbka {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

._actions_4rcbka button {
  gap: 5px;
}

._code_4rcbka {
  font-family: var(--font-monospace);
  color: var(--color-primary);
  opacity: 0.8;
  font-weight: normal;
}
._code_4rcbka::before {
  content: "”";
}
._code_4rcbka::after {
  content: "“";
}

._menu-button_4rcbka {
  background: transparent;
  width: 100%;
  padding: 4px 5px;
  border-radius: var(--border-radius);
  font-size: 12px;
  transition: 0.2s ease-in-out;
  transition-property: background;
  text-align: left;
}
._menu-button_4rcbka span {
  display: inline-block;
  background: var(--background-light);
  border: 1px solid var(--background-light-highlight);
  border-radius: 50px;
  padding: 2px 5px;
  font-size: 11px;
}
._menu-button_4rcbka:focus, ._menu-button_4rcbka:hover {
  background: var(--background-light);
}

/* styles for accent-webapp/components/lint-translations-page/index.scss */
._content_1pc4ra {
  padding-top: 25px;
}

._empty-content_1pc4ra {
  margin-top: 25px;
}

._icon_1pc4ra {
  display: flex;
  align-items: center;
  padding: 5px 9px 5px 6px;
  border-radius: var(--border-radius);
  color: var(--color-warning);
  font-weight: 500;
  font-size: 12px;
  background: hsl(var(--color-warning-hue), var(--color-warning-saturation), 88%);
}

._item_1pc4ra {
  margin-bottom: 16px;
}

._item--fixing_1pc4ra {
  opacity: 0.5;
}

._icon-warning_1pc4ra {
  margin-right: 8px;
  stroke: var(--color-warning);
  width: 16px;
}

._icon-success_1pc4ra {
  stroke: var(--color-success);
}

._stats_1pc4ra {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 5px;
  margin-bottom: 20px;
  max-width: 800px;
}

._stats-item_1pc4ra {
  display: inline-flex;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 30px;
  background: var(--background-light-highlight);
  color: var(--text-color-normal);
  font-size: 12px;
  cursor: default;
}

/* styles for accent-webapp/components/lint-translations-page/item/index.scss */
._wrapper_v3q5w5 {
  display: flex;
  flex-direction: column;
}

._details_v3q5w5 {
  padding-right: 25px;
}

._messages_v3q5w5 {
  margin-top: 2px;
  display: flex;
  flex-direction: column;
}

._messages-item_v3q5w5 {
  display: flex;
  gap: 3px;
  align-items: center;
}
._messages-item_v3q5w5:hover ._messages-item-actions_v3q5w5 button, ._messages-item_v3q5w5:focus ._messages-item-actions_v3q5w5 button {
  opacity: 1;
}

._messages-item-actions_v3q5w5 {
  display: flex;
  gap: 2px;
  align-items: center;
}

._messages-item-actions_v3q5w5 button {
  padding-left: 2px;
  padding-right: 2px;
  opacity: 0.6;
}

._description_v3q5w5 {
  color: var(--color-error);
  font-size: 12px;
}

._item-language_v3q5w5 {
  font-size: 11px;
  font-weight: bold;
  color: var(--color-black);
  opacity: 0.6;
  text-decoration: none;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
}
._item-language_v3q5w5:focus, ._item-language_v3q5w5:hover {
  opacity: 0.9;
}

._item-link_v3q5w5 {
  text-decoration: none;
}
._item-link_v3q5w5:focus ._item-key_v3q5w5, ._item-link_v3q5w5:hover ._item-key_v3q5w5 {
  color: var(--color-primary);
}

._item-key-prefix_v3q5w5 {
  display: block;
  color: #959595;
  font-weight: 300;
  flex-shrink: 0;
}
._item-key-prefix_v3q5w5::before {
  content: "/";
  margin-right: -5px;
}

._item-key_v3q5w5 {
  display: flex;
  gap: 5px;
  transition: 0.2s ease-in-out;
  transition-property: color;
  margin-right: 15px;
  color: var(--text-color-normal);
  line-height: 1.5;
  word-break: break-all;
  font-family: var(--font-monospace);
  font-size: 11px;
  font-weight: bold;
}

._item-text_v3q5w5 {
  display: block;
  width: 100%;
  font-size: 13px;
  color: var(--text-color-normal);
  padding: 0;
  cursor: text;
  white-space: pre-wrap;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
  opacity: 0.8;
}
._item-text_v3q5w5._item-text--empty_v3q5w5 {
  font-style: italic;
  font-size: 11px;
  color: #ddd;
}
._item-text_v3q5w5:hover, ._item-text_v3q5w5:focus {
  opacity: 1;
}

._item-diff-text_v3q5w5 {
  font-size: 13px;
  color: var(--text-color-normal);
}
._item-diff-text_v3q5w5 > div {
  display: inline;
}

._item-text_v3q5w5 strong {
  color: var(--color-green);
  margin-left: 3px;
  font-weight: bold;
}
._item-text_v3q5w5 span[data-underline] {
  position: relative;
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: var(--color-error);
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 1px;
}
._item-text_v3q5w5 span[data-rect] {
  position: relative;
  background-color: var(--color-error);
  padding: 0 2px;
  opacity: 0.4;
}

/* styles for accent-webapp/components/loading-content/index.scss */
._loading-content_79hzcp {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 70px;
  padding: 40px 0;
}
._loading-content_79hzcp svg {
  position: relative;
  left: -4px;
  width: 3.75em;
  margin-bottom: 30px;
  transform-origin: center;
  animation: _loading-content-rotate_79hzcp 2s ease-in infinite;
}
._loading-content_79hzcp circle {
  fill: none;
  stroke: var(--color-grey);
  stroke-width: 2;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: _loading-content-dash_79hzcp 1s ease-in infinite;
}

._label_79hzcp {
  color: var(--color-grey);
  font-size: 14px;
  font-style: italic;
}

@keyframes _loading-content-rotate_79hzcp {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes _loading-content-dash_79hzcp {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dashoffset: -125px;
  }
}
/* styles for accent-webapp/components/login-forms/index.scss */
._login-forms_kpancg {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 500px;
  margin: 0 0 0 50px;
  padding: 30px 30px 20px 30px;
  border-radius: 6px;
  background: var(--content-background);
  box-shadow: 0 1px 4px var(--shadow-color), 0 7px 12px var(--shadow-color);
}
._login-forms_kpancg ._text_kpancg {
  max-width: 300px;
  margin-bottom: 20px;
  font-size: 12px;
  text-align: center;
  color: var(--text-color-normal);
}
._login-forms_kpancg ._text_kpancg strong {
  display: block;
  font-size: 25px;
  font-weight: 900;
  margin-bottom: 10px;
}
._login-forms_kpancg ._text_kpancg p {
  opacity: 0.6;
}

._loading_kpancg {
  padding: 0;
  margin: 0;
}
._loading_kpancg svg {
  width: 20px;
}

._version_kpancg {
  font-family: var(--font-monospace);
  margin-left: 10px;
  opacity: 0.4;
}

._login-header_kpancg {
  max-width: 570px;
  margin: -60px 50px 0 auto;
  padding: 0 10px;
}
._login-header_kpancg ._title_kpancg {
  font-weight: 900;
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 20px;
  margin-bottom: 20px;
  letter-spacing: 0;
}
._login-header_kpancg ._subtitle_kpancg {
  line-height: 1.1;
  font-size: 55px;
  font-weight: 900;
  letter-spacing: -1px;
}
._login-header_kpancg ._subtitle_kpancg em {
  font-style: normal;
  position: relative;
}
._login-header_kpancg ._footer_kpancg {
  opacity: 0.5;
  font-size: 12px;
  margin-top: 20px;
}
._login-header_kpancg ._footer_kpancg a {
  color: inherit;
  text-decoration: none;
}
._login-header_kpancg ._logo_kpancg {
  width: 25px;
}

._input_kpancg {
  max-width: 300px;
  padding: 10px;
  width: 100%;
  font-size: 13px;
}
._input_kpancg:focus {
  border-color: var(--color-green);
}

._container_kpancg {
  display: flex;
  width: 100%;
  height: 100vh;
}

._container-left_kpancg {
  background: linear-gradient(0deg, var(--background-light-highlight) 0%, var(--background-light) 100%);
}

._container-right_kpancg {
  background: var(--background-light);
}

._container-right_kpancg,
._container-left_kpancg {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  padding: 30px;
}

a._loginButton_kpancg {
  max-width: 300px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  width: 100%;
  padding: 12px 10px;
  margin-bottom: 15px;
  text-align: center;
  background: var(--input-background);
  border-radius: 5px;
  border: 1px solid #888;
  font-size: 13px;
}
a._loginButton_kpancg:focus {
  box-shadow: 0 3px 10px var(--shadow-color);
}
a._loginButton_kpancg._loginButton--google_kpancg {
  border-color: #3480fe;
  text-shadow: none;
  color: #4d90fe;
  background: #e5efff;
}
a._loginButton_kpancg._loginButton--dummy_kpancg {
  border: 1px solid var(--content-background-border);
  color: var(--input-color);
  text-shadow: none;
  border-radius: var(--border-radius);
  margin-top: 5px;
  margin-bottom: 25px;
  padding-top: 7px;
  padding-bottom: 7px;
}
a._loginButton_kpancg._loginButton--dummy_kpancg[disabled] {
  pointer-events: none;
}
a._loginButton_kpancg._loginButton--dummy_kpancg ._loginButton-logo_kpancg {
  left: 15px;
  top: 8px;
  width: 16px;
  opacity: 0.9;
}
a._loginButton_kpancg._loginButton--dummy_kpancg:hover[disabled], a._loginButton_kpancg._loginButton--dummy_kpancg:focus, a._loginButton_kpancg._loginButton--dummy_kpancg:hover {
  background: var(--background-light);
  color: var(--text-color-normal);
}
a._loginButton_kpancg._loginButton--github_kpancg {
  text-shadow: none;
  color: #000;
  background: #fff;
  background: #eee;
}
a._loginButton_kpancg._loginButton--auth0_kpancg {
  border-color: #eb5424;
  text-shadow: none;
  color: #eb5424;
  background: #fdf1ed;
}
a._loginButton_kpancg._loginButton--gitlab_kpancg {
  border-color: #fc6d26;
  text-shadow: none;
  color: #fc6d26;
  background: #fff4ef;
}
a._loginButton_kpancg._loginButton--slack_kpancg {
  border-color: #913d91;
  text-shadow: none;
  color: #913d91;
  background: #f5e7f5;
}
a._loginButton_kpancg._loginButton--discord_kpancg {
  border-color: #7289da;
  text-shadow: none;
  color: #7289da;
  background: #ebeefa;
}
a._loginButton_kpancg._loginButton--microsoft_kpancg {
  border-color: #03a5f0;
  text-shadow: none;
  color: #03a5f0;
  background: #e9f8ff;
}
a._loginButton_kpancg._loginButton--oidc_kpancg {
  border-color: #f7931e;
  text-shadow: none;
  color: #f7931e;
  background: white;
}

._loginButton-logo_kpancg {
  position: absolute;
  left: 14px;
  top: 12px;
  width: 20px;
  margin-right: 10px;
  color: #fff;
  font-size: 26px;
  line-height: 1;
}

@media (max-width: 900px) {
  ._container_kpancg {
    flex-direction: column;
  }
  ._container-left_kpancg,
  ._container-right_kpancg {
    justify-content: center;
    width: 100%;
    padding: 20px;
    background: transparent;
  }
  ._login-header_kpancg {
    margin: 0;
    padding: 0;
  }
  ._login-header_kpancg ._subtitle_kpancg {
    font-size: 30px;
  }
  ._login-forms_kpancg {
    margin: 0;
  }
}
/* styles for accent-webapp/components/machine-translations-document-translate/index.scss */
._content_f06m76 {
  background: var(--content-background);
}

._filters_f06m76 {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  background: var(--background-light);
  border-bottom: 1px solid var(--background-light-highlight);
}
._filters_f06m76 .ember-power-select-trigger {
  min-height: 26px;
  border: 1px solid var(--background-light-highlight);
  background: var(--content-background);
  padding: 4px 8px;
  border-radius: var(--border-radius);
}

._translate-action_f06m76,
._languages_f06m76 {
  display: flex;
  align-items: center;
}

._translate-action-button_f06m76,
._translate-action-select_f06m76 {
  margin-right: 10px;
}

._button-export_f06m76 {
  position: absolute;
  top: 10px;
  right: 45px;
}

._filters-file_f06m76 {
  display: flex;
  align-items: center;
}

._form_f06m76 {
  position: relative;
  display: flex;
  justify-content: flex-end;
}

._preview_f06m76 {
  display: flex;
}

._preview-file-content_f06m76 {
  width: 50%;
  border-right: 1px solid var(--background-light-highlight);
  opacity: 0.7;
}

._preview-translated-content_f06m76 {
  width: 50%;
}

._preview-translated-content-empty_f06m76 {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 10px;
  color: var(--color-grey);
  font-size: 13px;
  text-align: center;
}

._form-content_f06m76 {
  margin: 0 auto;
  padding: 100px 10px;
  max-width: 400px;
  text-align: center;
  font-size: 13px;
}

._form-content-icons_f06m76 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}

._form-content-icon_f06m76 {
  width: 40px;
  opacity: 0.6;
  stroke: var(--color-grey);
}

._form-content-icon--add_f06m76 {
  width: 20px;
  margin: 0 20px;
}

._form-content-text_f06m76 {
  margin-top: 10px;
}

._form-content-icon--highlight_f06m76 {
  stroke: var(--color-primary);
}

._fileInput_f06m76 {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

._fileInput--hidden_f06m76 {
  display: none;
}

._arrow_f06m76 {
  margin: 0 10px;
  opacity: 0.6;
  color: var(--color-black);
}
._arrow_f06m76:hover, ._arrow_f06m76:focus {
  opacity: 0.7;
  color: var(--color-black);
}

._arrow-icon_f06m76 {
  width: 14px;
  height: 14px;
}

.button._button-resubmit_f06m76 {
  margin-left: 10px;
}

._actions_f06m76 {
  position: absolute;
  top: 10px;
  right: 10px;
}

._render_f06m76 {
  padding: 15px;
  min-height: 50px;
  border-top: 0;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.05);
  background: var(--content-background);
  overflow-x: scroll;
  font-family: var(--font-monospace);
  font-size: 11px;
  line-height: 1.7;
}

/* styles for accent-webapp/components/machine-translations-translate-upload-form/index.scss */
._content_yoid79 {
  background: var(--content-background);
}

._filters_yoid79 {
  padding: 10px;
  background: var(--background-light);
  border-bottom: 1px solid var(--background-light-highlight);
}
._filters_yoid79 .ember-power-select-trigger {
  min-height: 26px;
  border: 1px solid var(--background-light-highlight);
  background: var(--content-background);
  padding: 4px 8px;
  border-radius: var(--border-radius);
}

._translate-action_yoid79,
._languages_yoid79 {
  display: flex;
  align-items: center;
}

._languages_yoid79 {
  margin-bottom: 10px;
}

._translate-action-button_yoid79,
._translate-action-select_yoid79 {
  margin-right: 10px;
}

._button-export_yoid79 {
  position: absolute;
  top: 15px;
  right: 15px;
}

._filters-file_yoid79 {
  display: flex;
  align-items: center;
}

._form_yoid79 {
  position: relative;
  display: flex;
  justify-content: flex-end;
}

._preview_yoid79 {
  display: flex;
}

._preview-file-content_yoid79 {
  width: 50%;
  border-right: 1px solid var(--background-light-highlight);
}

._preview-translated-content_yoid79 {
  width: 50%;
}

._form-content_yoid79 {
  margin: 0 auto;
  padding: 100px 10px;
  max-width: 400px;
  text-align: center;
  font-size: 13px;
}

._form-content-icons_yoid79 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}

._form-content-icon_yoid79 {
  width: 40px;
  opacity: 0.6;
  stroke: var(--color-grey);
}

._form-content-icon--add_yoid79 {
  width: 20px;
  margin: 0 20px;
}

._form-content-text_yoid79 {
  margin-top: 10px;
}

._form-content-icon--highlight_yoid79 {
  stroke: var(--color-primary);
}

._fileInput_yoid79 {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

._fileInput--hidden_yoid79 {
  display: none;
}

.button._button-switch_yoid79 {
  margin: 0 10px;
  opacity: 0.6;
  color: var(--color-black);
}
.button._button-switch_yoid79:hover, .button._button-switch_yoid79:focus {
  opacity: 0.7;
  color: var(--color-black);
}

.button._button-resubmit_yoid79 {
  margin-left: 10px;
}

._actions_yoid79 {
  position: absolute;
  top: 10px;
  right: 10px;
}

._render_yoid79 {
  padding: 15px;
  min-height: 50px;
  border-top: 0;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.05);
  background: var(--content-background);
  overflow-x: scroll;
  font-family: var(--font-monospace);
  font-size: 11px;
  line-height: 1.7;
}

/* styles for accent-webapp/components/operations-peek/index.scss */
._languageHeader_1svmxe {
  display: flex;
  justify-content: space-between;
}

._languageHeader-select_1svmxe select {
  font-weight: bold;
  border: 0;
  padding-left: 0;
  background: var(--content-background);
  font-size: 15px;
}

._languageHeader-displayOptions-button_1svmxe {
  padding: 0 10px;
  background: none;
  border-right: 1px solid var(--background-light-highlight);
  color: var(--color-black);
  font-size: 13px;
}
._languageHeader-displayOptions-button_1svmxe:focus {
  outline: none;
  opacity: 0.6;
}
._languageHeader-displayOptions-button_1svmxe:last-of-type {
  border-right-color: transparent;
}

._languageHeader-displayOptions-button_1svmxe[disabled] {
  color: var(--color-primary);
}

/* styles for accent-webapp/components/operations-peek/item/index.scss */
._operations-peek-item_1x8m24 {
  margin-bottom: 15px;
}

._input_1x8m24 {
  width: 100%;
  padding: 5px 7px;
  font-family: var(--font-primary);
  font-size: 12px;
  color: var(--color-black);
}
._input_1x8m24:focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 2px var(--shadow-color);
}
._input_1x8m24::-moz-placeholder {
  color: var(--color-grey);
}
._input_1x8m24::placeholder {
  color: var(--color-grey);
}

._statsList_1x8m24,
._operationsList_1x8m24 {
  max-height: 500px;
  overflow-y: auto;
  margin: 10px 0;
  background: var(--content-background);
  box-shadow: 0 2px 10px var(--shadow-color);
}

._stat_1x8m24 {
  padding: 5px 10px;
}
._stat_1x8m24:first-of-type {
  padding-top: 10px;
}
._stat_1x8m24:last-of-type {
  padding-bottom: 10px;
  border-bottom-color: transparent;
}

._stat-count_1x8m24 {
  margin-right: 6px;
  font-size: 16px;
  font-weight: bold;
}

._stat-action_1x8m24 {
  font-size: 13px;
}

._operation-header_1x8m24 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background: var(--background-light);
}

._operation-content_1x8m24 {
  padding: 5px 10px 10px;
}

._operation-action_1x8m24 {
  font-size: 12px;
  color: var(--color-grey);
}

._operation-key_1x8m24 {
  word-break: break-all;
  font-family: var(--font-monospace);
  font-size: 11px;
}

._operation-textLabel_1x8m24 {
  margin-right: 5px;
  font-size: 12px;
  font-weight: bold;
}

._operation-text_1x8m24 {
  display: inline-block;
  font-size: 12px;
}

._noChanges_1x8m24 {
  padding: 20px 10px;
  font-style: italic;
  font-size: 12px;
  color: var(--color-grey);
}

/* styles for accent-webapp/components/page-title/end/index.scss */
._wrapper_11wg4d {
  position: absolute;
  top: 6px;
  right: 0;
  display: flex;
  gap: 10px;
}

/* styles for accent-webapp/components/page-title/index.scss */
._wrapper_1usnth {
  position: relative;
  padding: 0;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: var(--color-black);
  font-size: 13px;
  gap: 13px;
}
._wrapper_1usnth h1 {
  font-size: 35px;
  font-weight: 900;
  letter-spacing: -0.4px;
}
._wrapper_1usnth > svg {
  height: 20px;
  opacity: 0.6;
}

@media (max-width: 800px) {
  ._wrapper_1usnth {
    margin-top: 20px;
  }
  ._wrapper_1usnth > svg {
    display: none;
  }
}
/* styles for accent-webapp/components/project-activities-filter/index.scss */
.filters._filters_g2qhs5 {
  margin-top: 20px;
  border: 1px solid var(--content-background-border);
  border-radius: var(--border-radius);
  box-shadow: none;
}

._filterList_g2qhs5 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 5px;
  position: relative;
}

._filterList-item_g2qhs5 {
  min-width: 150px;
  font-size: 12px;
}

._label_g2qhs5 {
  display: flex;
  align-items: center;
}

._label-text_g2qhs5 {
  margin-left: 4px;
  color: var(--color-black);
}

/* styles for accent-webapp/components/project-activities-list/index.scss */
._list_15twm1 {
  position: relative;
}
._list_15twm1:before {
  display: block;
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: 9px;
  z-index: 8;
  background: var(--background-light-highlight);
}

._empty-content_15twm1 {
  margin: 50px 0;
}

/* styles for accent-webapp/components/project-activity/index.scss */
._activity-title_1xl1i3 {
  font-size: 19px;
  color: var(--color-black);
}

._activity-title-author_1xl1i3 {
  font-weight: bold;
  color: var(--color-black);
}

._activity-explanation_1xl1i3 {
  padding: 10px 12px;
  margin: 0 0 20px;
  font-weight: 300;
  font-size: 13px;
  border-radius: var(--border-radius);
  background: hsl(var(--color-blue-hue), var(--color-blue-saturation), var(--color-highlight-lighteness));
  color: var(--color-blue);
}

._activity-explanation-label_1xl1i3 {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 500;
}

._activity-date_1xl1i3 {
  display: block;
  font-size: 12px;
  font-style: italic;
  color: #aaa;
}

._activity-meta_1xl1i3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._rollbackButton_1xl1i3 {
  font-size: 13px !important;
  margin-left: 10px !important;
}

._details_1xl1i3 {
  display: flex;
}

._details-states_1xl1i3 {
  flex: 1 1 auto;
  width: 45%;
}

._details-associations_1xl1i3 {
  flex: 1 1 auto;
  width: 55%;
}

._details-label_1xl1i3 {
  display: block;
  margin-bottom: 15px;
  font-size: 15px;
  color: var(--color-primary);
}

._details-associations-pagination_1xl1i3 {
  border-top: 1px solid var(--content-background-border);
}

._stats_1xl1i3,
._details-associations_1xl1i3,
._translation-state_1xl1i3 {
  margin-top: 20px;
}

._translation-state-items_1xl1i3 {
  margin-right: 20px;
  border: 1px solid var(--content-background-border);
  padding: 10px;
  border-radius: var(--border-radius);
  background: var(--content-background);
}

._stats-items_1xl1i3 {
  margin-right: 20px;
  padding: 13px;
  background: var(--content-background);
  box-shadow: 0 1px 2px var(--shadow-color), 0 5px 10px var(--shadow-color);
  border-radius: var(--border-radius);
}

._translation-state-item_1xl1i3,
._stats-item_1xl1i3 {
  padding-bottom: 7px;
  margin-bottom: 7px;
  border-bottom: 1px solid var(--background-light-highlight);
  font-size: 14px;
}
._translation-state-item_1xl1i3:last-of-type,
._stats-item_1xl1i3:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

._translation-state-item_1xl1i3 {
  margin-bottom: 5px;
}

._translation-state-label_1xl1i3 {
  color: var(--color-black);
}

._translation-state-key_1xl1i3,
._translation-state-document_1xl1i3,
._translation-state-reviewed_1xl1i3,
._translation-state-value_1xl1i3 {
  padding: 5px 0;
}

._translation-state-key_1xl1i3 {
  display: block;
  font-family: var(--font-monospace);
  word-break: break-all;
  text-decoration: none;
  font-weight: 600;
  font-size: 12px;
  transition: 0.2s ease-in-out;
  transition-property: color;
  color: var(--color-primary);
}
._translation-state-key_1xl1i3:focus, ._translation-state-key_1xl1i3:hover {
  color: var(--color-primary-darken-10);
}

._translation-state-key-prefix_1xl1i3 {
  display: block;
  font-size: 11px;
  color: var(--color-black);
  font-weight: 300;
}

._translation-state-document_1xl1i3 {
  display: block;
  font-size: 12px;
  color: var(--color-black);
}

._translation-state-reviewed_1xl1i3 {
  display: block;
  font-size: 12px;
}

._translation-state-value_1xl1i3 {
  display: block;
  white-space: pre-wrap;
  font-size: 13px;
  color: var(--color-black);
}

._translation-state-value--empty_1xl1i3 {
  font-style: italic;
  font-size: 12px;
}

._rollbackedBadge_1xl1i3 {
  display: inline-block;
  margin-left: 7px;
  font-size: 12px;
  font-style: italic;
  color: var(--color-error);
}

._translation-state-label_1xl1i3 {
  font-size: 12px;
}

._translation-state-value_1xl1i3 {
  display: block;
  font-weight: 400;
}

._textDiff_1xl1i3 {
  white-space: pre-wrap;
}

@media (max-width: 640px) {
  ._details_1xl1i3 {
    flex-direction: column;
  }
  ._translation-state-items_1xl1i3,
  ._stats-items_1xl1i3 {
    margin-right: 0;
  }
  ._details-states_1xl1i3,
  ._details-associations_1xl1i3 {
    width: 100%;
  }
}
/* styles for accent-webapp/components/project-comments-list/index.scss */
._project-comments-list_b4eiz0 {
  display: block;
  margin-top: 20px;
}

/* styles for accent-webapp/components/project-comments-list/item/index.scss */
._project-comments-list-item_cffkty {
  margin-bottom: 45px;
}

._translationCommentsList_cffkty {
  border-radius: var(--border-radius);
}

._item-link_cffkty {
  transition: 0.2s ease-in-out;
  transition-property: color;
  display: inline-block;
  color: var(--color-primary);
  word-break: break-all;
  font-family: var(--font-monospace);
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
._item-link_cffkty:focus, ._item-link_cffkty:hover {
  color: var(--color-primary-darken-10);
}

._item-header_cffkty {
  margin-bottom: 10px;
}

._item-key-prefix_cffkty {
  display: block;
  margin: 6px 0 0;
  font-size: 11px;
  color: #959595;
  font-weight: 300;
}

._item-language_cffkty {
  transition: 0.2s ease-in-out;
  transition-property: color;
  display: block;
  font-size: 12px;
  text-decoration: none;
  color: var(--color-black);
}

._item-badge_cffkty {
  font-size: 12px;
  color: var(--color-primary);
  text-decoration: none;
}

._removedBadge_cffkty {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  color: var(--color-error);
}

/* styles for accent-webapp/components/project-create-form/index.scss */
._project-create-form_qh4qsc {
  padding: 20px;
  background: var(--content-background);
}
._project-create-form_qh4qsc .ember-power-select-trigger {
  min-height: 35px;
  border: 1px solid var(--background-light-highlight);
  background: var(--background-light);
  box-shadow: 0 1px 5px var(--shadow-color);
}
._project-create-form_qh4qsc ._textInput_qh4qsc:focus {
  border: 2px solid var(--background-light-highlight);
}

._title_qh4qsc {
  margin-bottom: 20px;
  text-align: center;
  font-size: 27px;
  font-weight: 300;
  color: var(--color-green);
}

._formItem-fields_qh4qsc {
  display: flex;
  align-items: center;
}

._textInput_qh4qsc {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 10px;
  margin-right: 5px;
  font-size: 12px;
  font-family: var(--font-primary);
}

._colorInput_qh4qsc {
  margin-right: 5px;
  width: 48px;
  height: 40px;
  padding: 5px 11px;
  cursor: pointer;
}

._logoInput_qh4qsc {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 40px;
  padding: 8px 5px 3px;
  cursor: pointer;
  font-size: 25px;
}
._logoInput_qh4qsc svg {
  position: relative;
  top: 1px;
  width: 25px;
  height: 21px;
}
._logoInput_qh4qsc svg circle {
  fill: var(--logo-background);
}
._logoInput_qh4qsc svg path {
  fill: var(--logo-foreground);
}

._errors_qh4qsc {
  margin-bottom: 15px;
}

._error_qh4qsc {
  margin-bottom: 5px;
  color: var(--color-error);
  font-size: 13px;
  font-weight: bold;
}

._formItem_qh4qsc {
  margin-bottom: 20px;
}

._formItem-loading_qh4qsc {
  margin: 0 10px 0 5px;
  padding: 0;
  align-items: flex-start;
}
._formItem-loading_qh4qsc svg {
  width: 26px;
  margin-bottom: 0;
}

._formItem-label_qh4qsc {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
}

._formActions_qh4qsc {
  padding-top: 10px;
}

/* styles for accent-webapp/components/project-file-operation/index.scss */
._project-file-operation_gvhbx {
  position: relative;
  background: var(--content-background);
}
._project-file-operation_gvhbx .closeButton {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0;
  background: transparent;
}
._project-file-operation_gvhbx .closeButton:focus ._closeButton-icon_gvhbx, ._project-file-operation_gvhbx .closeButton:hover ._closeButton-icon_gvhbx {
  stroke: var(--color-error);
}
._project-file-operation_gvhbx .closeButton-content {
  display: flex;
}
._project-file-operation_gvhbx .closeButton-icon {
  width: 25px;
  height: 25px;
  stroke: #777;
}
._project-file-operation_gvhbx .sectionType {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: var(--color-primary);
}
._project-file-operation_gvhbx .sectionType-icon {
  width: 18px;
  height: 18px;
  margin-right: 4px;
  stroke: var(--color-primary);
}
._project-file-operation_gvhbx .versionTitle {
  display: flex;
  align-items: center;
}
._project-file-operation_gvhbx .versionTitle-name {
  color: var(--color-primary);
}
._project-file-operation_gvhbx .versionTitle-tag {
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
  font-family: var(--font-monospace);
  font-size: 14px;
  font-weight: normal;
  color: #888;
}
._project-file-operation_gvhbx .versionTitle-tag-icon {
  width: 12px;
  height: 12px;
  stroke: #bbb;
}
._project-file-operation_gvhbx .title {
  display: flex;
  padding: 12px 20px 12px 12px;
  background: var(--content-background);
  border-bottom: 1px solid var(--background-light-highlight);
  font-size: 15px;
}
._project-file-operation_gvhbx .title-document {
  display: flex;
  align-items: baseline;
  margin-left: 10px;
  font-size: 16px;
}
._project-file-operation_gvhbx .title-documentExtension {
  font-size: 14px;
  color: var(--color-grey);
}
._project-file-operation_gvhbx .subtitle {
  font-size: 13px;
  font-weight: bold;
}
._project-file-operation_gvhbx .subtitle-label {
  font-size: 11px;
  font-weight: normal;
  color: #333;
}
._project-file-operation_gvhbx .renderExport {
  position: absolute;
  top: 10px;
  right: 50px;
}
._project-file-operation_gvhbx .toggleJiptExport {
  position: absolute;
  top: 13px;
  right: 130px;
}
._project-file-operation_gvhbx .sections {
  display: flex;
}
._project-file-operation_gvhbx .sections-file {
  flex: 1 1 40%;
  padding: 20px;
}
._project-file-operation_gvhbx .sections-preview {
  flex: 1 1 60%;
  padding: 20px;
}
._project-file-operation_gvhbx .sections-preview-title {
  font-size: 13px;
  color: var(--color-grey);
}
._project-file-operation_gvhbx .sections-preview-empty {
  padding: 30px 10px;
  margin: 10px 0 0;
  background: #fafafa;
  border: 1px solid #eee;
  text-align: center;
  font-size: 13px;
  font-style: italic;
  color: var(--color-grey);
}

@media (max-width: 800px) {
  ._project-file-operation_gvhbx .sections {
    flex-direction: column;
  }
}
/* styles for accent-webapp/components/project-navigation/index.scss */
._project-navigation_155dqa {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: sticky;
  position: -webkit-sticky;
  margin-top: -64px;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  justify-content: space-between;
}

._footer_155dqa {
  margin: 0px 10px;
}

._back-to-projects_155dqa {
  display: flex;
  gap: 4px;
  opacity: 0.6;
  align-items: center;
  margin: 10px 0;
  border-radius: var(--border-radius);
  text-decoration: none;
  padding: 5px 0;
  font-size: 11px;
  color: var(--text-color-normal);
  transition: 0.2s ease-in-out;
  transition-property: opacity;
}
._back-to-projects_155dqa:focus, ._back-to-projects_155dqa:hover {
  opacity: 1;
}

._back-to-projects-icon_155dqa {
  width: 12px;
}

._project_155dqa {
  padding: 13px 10px 12px 14px;
  margin-left: 0;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  color: var(--color-black);
  text-decoration: none;
  line-height: 1.2;
}

._project-logo_155dqa {
  position: relative;
  display: flex;
  align-items: center;
  top: 2px;
  font-size: 22px;
  margin-right: 10px;
  line-height: 1.2;
}
._project-logo_155dqa svg {
  width: 22px;
  height: 22px;
}
._project-logo_155dqa svg circle {
  fill: var(--logo-background);
}
._project-logo_155dqa svg path {
  fill: var(--logo-foreground);
}

._project-name_155dqa {
  margin-top: 5px;
}

._search_155dqa {
  margin: 10px 0 12px 8px;
  width: calc(100% - 15px);
  position: relative;
}

._search-icon_155dqa {
  position: absolute;
  top: 7px;
  left: 7px;
  width: 15px;
  height: 15px;
  stroke: var(--input-border-color);
}

._search-input_155dqa {
  width: 100%;
  padding: 6px 5px 6px 26px;
  transition: 0.2s ease-in-out;
  transition-property: padding, background, border, border-radius, box-shadow;
  border-radius: var(--border-radius);
  border: 1px solid var(--input-border-color);
  background: var(--input-background);
  color: var(--text-color-normal);
  font-size: 12px;
}
._search-input_155dqa::-moz-placeholder {
  color: #aaa;
}
._search-input_155dqa::placeholder {
  color: #aaa;
}
._search-input_155dqa:focus {
  outline: none;
  border-radius: var(--border-radius);
  box-shadow: 0 1px 2px var(--shadow-color), 0 2px 8px var(--shadow-color);
}

._session_155dqa {
  display: flex;
  gap: 4px;
  margin: 0 0 5px;
}

._session-picture_155dqa {
  width: 18px;
  height: 18px;
  border-radius: var(--border-radius);
}

._session-username_155dqa {
  opacity: 0.5;
  margin-right: 15px;
  font-size: 11px;
}

@media (max-width: 800px) {
  ._project-navigation_155dqa {
    height: auto;
  }
  ._search_155dqa {
    display: none;
  }
  ._session_155dqa {
    display: none;
  }
  ._back-to-projects-text_155dqa {
    display: none;
  }
  ._project_155dqa {
    padding: 15px 0 25px 14px;
  }
  ._project-name_155dqa {
    display: none;
  }
}
/* styles for accent-webapp/components/project-navigation/list/index.scss */
._project-navigation-list_p7jwys {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}

._section_p7jwys {
  display: flex;
  flex-direction: column;
  margin: 6px 0;
  padding-bottom: 4px;
}

._section-title_p7jwys {
  display: block;
  margin-left: 0;
  margin-bottom: 2px;
  padding-bottom: 3px;
  padding-left: 14px;
  font-weight: 500;
  font-size: 12px;
  color: var(--color-grey);
  opacity: 0.9;
  width: 100%;
}

._list-item_p7jwys:last-of-type ._list-item-link_p7jwys {
  margin-bottom: 0;
}

[data-theme=dark] ._list-item-link_p7jwys.active {
  color: var(--color-primary);
}

._list-item-link_p7jwys {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 12px 6px;
  text-decoration: none;
  font-size: 13px;
  color: var(--text-color-normal);
}
._list-item-link_p7jwys:hover, ._list-item-link_p7jwys:focus {
  opacity: 1;
}
._list-item-link_p7jwys:hover ._list-item-link-icon_p7jwys, ._list-item-link_p7jwys:focus ._list-item-link-icon_p7jwys {
  transform: scale(1);
  opacity: 1;
}
._list-item-link_p7jwys.active {
  opacity: 1;
  background: var(--color-primary-opacity-25);
  color: var(--color-primary-darken-50);
}
._list-item-link_p7jwys.active ._list-item-link-icon_p7jwys {
  transform: scale(1);
  opacity: 1;
}
._list-item-link_p7jwys.active ._list-item-link-text_p7jwys {
  opacity: 1;
}

._list-item-link-text_p7jwys {
  opacity: 0.9;
}

._list-item-link-icon_p7jwys {
  transition: 0.2s ease-in-out;
  transition-property: fill, opacity;
  display: inline-block;
  height: 15px;
  width: 15px;
  opacity: 0.9;
}

@media (max-width: 800px) {
  ._project-navigation-list_p7jwys {
    margin-left: 4px;
    margin-right: 6px;
  }
  ._section-title_p7jwys,
  ._list-item-link-text_p7jwys {
    display: none;
  }
  ._list-item-link-icon_p7jwys {
    width: 20px;
    height: 20px;
  }
  ._list-item-link_p7jwys {
    padding: 9px 12px 8px;
  }
  ._section_p7jwys {
    margin: 10px 0;
    padding: 0 0 14px;
    border-bottom: 1px solid var(--color-primary-opacity-10);
  }
}
/* styles for accent-webapp/components/project-settings/api-token/index.scss */
._project-settings-api-token_d08slj {
  display: flex;
  gap: 35px;
  align-items: flex-start;
  margin-top: 30px;
}

._text_d08slj {
  margin: 10px 0 15px;
  font-size: 13px;
}

._text_d08slj code {
  font-family: var(--font-monospace);
  padding: 1px 0;
  color: var(--color-primary);
}

._tokens_d08slj {
  width: 100%;
}

._user-token_d08slj {
  width: 100%;
  padding: 20px;
  border-radius: var(--border-radius);
  background-color: var(--background-light);
}

._user-token_d08slj ._token_d08slj {
  margin-top: 0;
  border: 2px solid var(--background-light-highlight);
}

._user-token_d08slj h2 {
  font-size: 14px;
}

._api-tokens_d08slj {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

._api-tokens_d08slj._overlay_d08slj {
  position: relative;
  pointer-events: none;
}
._api-tokens_d08slj._overlay_d08slj::after {
  content: "";
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

._api-token_d08slj {
  display: flex;
  flex-direction: column;
  gap: 0;
}

._api-token_d08slj:hover ._revoke-button_d08slj {
  opacity: 1;
}

._api-token-header_d08slj {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._api-token-meta_d08slj {
  display: flex;
  align-items: center;
  gap: 7px;
}

._api-token-user_d08slj {
  display: flex;
  align-items: center;
  gap: 4px;
}

._api-token-name_d08slj {
  font-weight: bold;
  font-size: 12px;
}

._api-token-inserted_d08slj {
  opacity: 0.3;
  font-size: 10px;
}

._api-token-permissions_d08slj {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

._api-token-permissions-label_d08slj {
  font-size: 12px;
  font-weight: bold;
  opacity: 0.7;
}

._api-token-permission_d08slj {
  padding: 1px 3px;
  border-radius: var(--border-radius);
  background-color: var(--background-light);
  border: 1px solid var(--background-light-highlight);
  font-size: 11px;
  font-family: var(--font-monospace);
}

._revoke-button_d08slj {
  opacity: 0;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
  padding: 2px 4px !important;
}

._create-button_d08slj {
  margin-top: 8px;
}

._permissions-inputs_d08slj {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

._permissions-input_d08slj {
  font-size: 12px;
  font-family: var(--font-monospace);
}

._toggle-permissions-header_d08slj {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

._toggle-permissions-header-button_d08slj {
  background: transparent;
  border: none;
  color: var(--color-primary);
}

._toggle-permissions-input_d08slj {
  display: flex;
  align-items: center;
  gap: 5px;
  background: transparent;
  border-bottom: 1px solid var(--text-color-normal);
  padding: 3px 0;
  font-size: 12px;
  font-weight: bold;
  opacity: 0.7;
  color: var(--text-color-normal);
}

._toggle-permissions-input-icon_d08slj {
  display: block;
  font-size: 10px;
  transition: 0.2s ease-in-out;
  transition-property: transform;
}

._toggle-permissions-input--open_d08slj {
  opacity: 1;
}

._toggle-permissions-input--open_d08slj ._toggle-permissions-input-icon_d08slj {
  transform: rotate(180deg);
}

._picture_d08slj {
  width: 14px;
  height: 14px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--border-radius);
}

._form_d08slj {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-top: 36px;
  padding: 16px;
  border-radius: var(--border-radius);
  background: var(--background-light);
  border: 1px solid var(--content-background-border);
}

._form_d08slj h2 {
  font-size: 14px;
}

._textInput_d08slj {
  padding: 4px 10px;
  margin-right: 5px;
  width: 100%;
  font-family: var(--font-primary);
  font-size: 12px;
}

._token_d08slj {
  display: inline-block;
  width: 100%;
  margin: 10px 0 0;
  padding: 14px 8px 14px 30px;
  overflow-x: scroll;
  word-break: keep-all;
  background: var(--background-light);
  font-family: var(--font-monospace);
  font-size: 11px;
  border-radius: var(--border-radius);
  transition-property: border-color, box-shadow;
  transition: 0.3s ease-in-out;
  color: var(--text-color-normal);
  cursor: pointer;
}
._token_d08slj:focus {
  outline: none;
  border-color: var(--color-primary-opacity-70);
  box-shadow: 0 0 3px 2px var(--color-primary-opacity-10);
}
._token_d08slj:focus::-moz-selection {
  background: var(--color-primary-opacity-10);
}
._token_d08slj:focus::selection {
  background: var(--color-primary-opacity-10);
}

._token-wrapper_d08slj {
  position: relative;
}

._token-icon_d08slj {
  position: absolute;
  left: 12px;
  top: 16px;
  width: 14px;
  height: 14px;
  opacity: 0.6;
  pointer-events: none;
}

@media (max-width: 840px) {
  ._project-settings-api-token_d08slj {
    flex-direction: column;
  }
}
/* styles for accent-webapp/components/project-settings/api-token/item/index.scss */
._api-token_xqdawt {
  display: flex;
  flex-direction: column;
  gap: 0;
}

._api-token_xqdawt:hover ._revoke-button_xqdawt {
  opacity: 1;
}

._api-token-header_xqdawt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._api-token-meta_xqdawt {
  display: flex;
  align-items: center;
  gap: 7px;
}

._api-token-user_xqdawt {
  display: flex;
  align-items: center;
  gap: 4px;
}

._api-token-name_xqdawt {
  font-weight: bold;
  font-size: 12px;
}

._api-token-inserted_xqdawt {
  opacity: 0.3;
  font-size: 10px;
}

._api-token-permissions_xqdawt {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

._api-token-permission_xqdawt {
  font-size: 11px;
  font-family: var(--font-monospace);
}

._revoke-button_xqdawt {
  opacity: 0;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
  padding: 2px 4px !important;
}

._token_xqdawt {
  display: inline-block;
  width: 100%;
  margin: 10px 0 0;
  padding: 14px 8px 14px 30px;
  overflow-x: scroll;
  word-break: keep-all;
  border: 1px solid var(--input-border-color);
  background: var(--background-light);
  font-family: var(--font-monospace);
  font-size: 11px;
  border-radius: var(--border-radius);
  transition-property: border-color, box-shadow;
  transition: 0.3s ease-in-out;
  color: var(--text-color-normal);
  cursor: pointer;
}
._token_xqdawt:focus {
  outline: none;
  border-color: var(--color-primary-opacity-70);
  box-shadow: 0 0 3px 2px var(--color-primary-opacity-10);
}
._token_xqdawt:focus::-moz-selection {
  background: var(--color-primary-opacity-10);
}
._token_xqdawt:focus::selection {
  background: var(--color-primary-opacity-10);
}

._token-wrapper_xqdawt {
  position: relative;
}

._token-icon_xqdawt {
  position: absolute;
  left: 12px;
  top: 25px;
  width: 14px;
  height: 14px;
  opacity: 0.4;
  pointer-events: none;
}

._toggle-permissions_xqdawt {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: transparent;
  padding: 3px 0;
  font-size: 12px;
  font-weight: bold;
  opacity: 0.7;
}

._toggle-permissions-icon_xqdawt {
  display: block;
  font-size: 10px;
  transition: 0.2s ease-in-out;
  transition-property: transform;
}

._toggle-permissions--open_xqdawt {
  opacity: 1;
}

._toggle-permissions--open_xqdawt ._toggle-permissions-icon_xqdawt {
  transform: rotate(180deg);
}

/* styles for accent-webapp/components/project-settings/back-link/index.scss */
a._button_1v5v3u {
  margin-left: -5px;
  padding-left: 5px;
  padding-right: 5px;
}

@media (max-width: 640px) {
  a._button_1v5v3u {
    margin-top: 20px;
  }
}
/* styles for accent-webapp/components/project-settings/badges/index.scss */
._project-settings-badges_g2j6bj {
  margin-top: 30px;
}

._text_g2j6bj {
  max-width: 490px;
  margin: 10px 0 15px;
  font-size: 13px;
  font-style: italic;
}

._badge-item_g2j6bj {
  margin-bottom: 20px;
}

._badge_g2j6bj {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

._badge-title_g2j6bj {
  margin: 0 10px 0 0;
  font-size: 14px;
  font-weight: bold;
  color: var(--color-black);
}

._badge-code_g2j6bj {
  display: inline-block;
  width: 100%;
  margin: 10px 0 0;
  padding: 8px;
  overflow-x: scroll;
  word-break: keep-all;
  font-family: var(--font-monospace);
  font-size: 11px;
  background: var(--background-light);
  border: 2px solid var(--background-light-highlight);
  border-radius: var(--border-radius);
  transition-property: border-color, box-shadow;
  transition: 0.3s ease-in-out;
  color: var(--color-black);
}
._badge-code_g2j6bj:focus {
  outline: none;
  border-color: var(--color-primary-opacity-70);
  box-shadow: 0 0 3px 2px var(--color-primary-opacity-10);
}
._badge-code_g2j6bj:focus::-moz-selection {
  background: var(--color-primary-opacity-10);
}
._badge-code_g2j6bj:focus::selection {
  background: var(--color-primary-opacity-10);
}

/* styles for accent-webapp/components/project-settings/collaborators/create-form/index.scss */
._project-settings-collaborators-create-form_1ku07p {
  display: flex;
  align-items: center;
}
._project-settings-collaborators-create-form_1ku07p select {
  margin-right: 10px;
  padding: 9px 25px 8px 5px;
}
._project-settings-collaborators-create-form_1ku07p .button {
  margin-right: 5px;
}
._project-settings-collaborators-create-form_1ku07p .button .label {
  padding-top: 9px;
  padding-bottom: 9px;
}

._select_1ku07p {
  margin-right: 10px;
  flex-shrink: 0;
}

._textInput_1ku07p {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 8px 10px;
  margin-right: 10px;
  max-width: 350px;
  width: 100%;
  font-family: var(--font-primary);
  font-size: 12px;
}

/* styles for accent-webapp/components/project-settings/collaborators/index.scss */
._project-settings-collaborators_a3nns0 {
  position: relative;
  margin-top: 30px;
}

._createForm_a3nns0 {
  margin: 0 0 10px 0;
}

._columns_a3nns0 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 20px;
}

._columns-item_a3nns0:first-of-type {
  flex: 1 0 65%;
  margin-right: 25px;
}

._columns-item_a3nns0:last-of-type {
  flex: 1 1 100%;
}

._rolesList_a3nns0 {
  padding: 5px 0 20px 20px;
  border-left: 1px solid var(--background-light-highlight);
}

._rolesList-icon_a3nns0 {
  width: 13px;
  height: 13px;
}

._rolesList-title_a3nns0 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-bottom: 5px;
  margin: 15px 0 0;
  color: var(--color-primary);
  font-weight: bold;
  font-size: 12px;
}
._rolesList-title_a3nns0:first-of-type {
  margin-top: 0;
}

._rolesList-text_a3nns0 {
  color: var(--color-black);
  font-size: 12px;
}

@media (max-width: 800px) {
  ._rolesList_a3nns0 {
    display: none;
  }
}
/* styles for accent-webapp/components/project-settings/collaborators/list/item/index.scss */
._item_1hapj4 {
  transition: 0.2s ease-in-out;
  transition-property: background;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 10px 15px 10px 10px;
  border-bottom: 1px solid var(--background-light-highlight);
  overflow-x: hidden;
}
._item_1hapj4._invited_1hapj4 ._user_1hapj4 {
  opacity: 0.6;
  color: var(--color-black);
}
._item_1hapj4._withPicture_1hapj4 ._invite_1hapj4 {
  margin-left: 21px;
}
._item_1hapj4._editing_1hapj4, ._item_1hapj4:focus, ._item_1hapj4:hover {
  background: var(--background-light);
}
._item_1hapj4._editing_1hapj4 ._button_1hapj4, ._item_1hapj4:focus ._button_1hapj4, ._item_1hapj4:hover ._button_1hapj4 {
  opacity: 1;
}
._item_1hapj4 ._button_1hapj4 {
  flex: 0 0 auto;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
  opacity: 0;
  padding: 6px 7px;
  margin-left: 10px;
  font-size: 11px;
}
._item_1hapj4 ._button_1hapj4 .button-icon {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}
._item_1hapj4 .ember-power-select-trigger {
  min-width: 150px;
  padding: 5px 7px 4px;
  margin-bottom: 10px;
  border: 1px solid var(--content-background-border);
  border-radius: var(--border-radius);
  background: var(--content-background);
  font-size: 12px;
  box-shadow: 0 1px 5px var(--shadow-color);
}

._role_1hapj4 {
  display: block;
  margin-bottom: 4px;
  color: var(--color-green);
  color: var(--color-primary);
  font-size: 12px;
}

._user_1hapj4 {
  display: flex;
  color: var(--color-black);
  font-size: 15px;
}

._user-email_1hapj4 {
  display: block;
  font-size: 12px;
}

._user-picture_1hapj4 {
  width: 17px;
  height: 17px;
  margin-right: 6px;
  margin-top: 3px;
  border-radius: var(--border-radius);
}

._invite_1hapj4 {
  opacity: 0.4;
  color: var(--color-black);
  font-size: 13px;
  font-style: italic;
}

._actions_1hapj4 {
  display: flex;
}

/* styles for accent-webapp/components/project-settings/delete-form/index.scss */
._project-settings-delete-form_xx7lu3 {
  margin-top: 90px;
}

._title_xx7lu3 {
  display: block;
  width: 100%;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--content-background-border);
  font-size: 19px;
  color: var(--color-error);
}

._zone_xx7lu3 {
  margin-top: 12px;
  padding: 10px;
  border-radius: var(--border-radius);
  background: var(--background-light);
  color: var(--color-error);
}

._zone-content_xx7lu3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._zone-title_xx7lu3 {
  font-size: 13px;
}

._zone-text_xx7lu3 {
  font-size: 12px;
  font-style: italic;
  opacity: 0.5;
}

/* styles for accent-webapp/components/project-settings/form/index.scss */
._project-settings-form_1mjw06 {
  margin-top: 25px;
}

._textInput_1mjw06 {
  max-width: 350px;
  width: 100%;
  flex-grow: 0;
  flex-shrink: 1;
  padding: 10px;
  font-family: var(--font-primary);
  font-size: 12px;
}

._colorInput_1mjw06 {
  width: 48px;
  height: 40px;
  padding: 5px 11px;
}

._field_1mjw06 {
  display: flex;
  margin-bottom: 15px;
  gap: 8px;
}

._lock_1mjw06 {
  display: flex;
  align-items: center;
  margin: 20px 0;
  padding: 10px;
  background: var(--background-light);
}

._lock-text-helper_1mjw06 {
  font-size: 11px;
  font-style: italic;
  color: #555;
}

div._lock-text_1mjw06 {
  display: inline-flex;
  align-items: center;
  margin-right: 12px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  padding: 3px 5px;
}
div._lock-text_1mjw06._lock-text--inactive_1mjw06 {
  color: var(--color-gray);
}
div._lock-text_1mjw06._lock-text--inactive_1mjw06:hover {
  color: var(--color-green);
  border-color: var(--color-green);
}
div._lock-text_1mjw06._lock-text--inactive_1mjw06:hover ._lock-icon_1mjw06 {
  stroke: var(--color-green);
}
div._lock-text_1mjw06._lock-text--inactive_1mjw06 ._lock-icon_1mjw06 {
  stroke: #aaa;
}
div._lock-text_1mjw06._lock-text--active_1mjw06 {
  color: var(--color-error);
  border-color: var(--color-error);
}
div._lock-text_1mjw06._lock-text--active_1mjw06 ._lock-icon_1mjw06 {
  stroke: var(--color-error);
}

._lock-icon_1mjw06 {
  width: 15px;
  height: 15px;
  margin-right: 6px;
}

._logo_1mjw06 {
  display: flex;
  width: 25px;
  height: 22px;
  padding: 0;
  font-size: 25px;
  line-height: 1;
  background: transparent;
  cursor: pointer;
}
._logo_1mjw06 svg {
  width: 25px;
  height: 21px;
}
._logo_1mjw06 svg circle {
  fill: var(--logo-background);
}
._logo_1mjw06 svg path {
  fill: var(--logo-foreground);
}
._logo_1mjw06:hover {
  opacity: 0.6;
}

._logo-field_1mjw06 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  height: 40px;
  border-radius: var(--border-radius);
  border: 2px solid var(--input-border-color);
  background: var(--input-background);
}

._logoReset_1mjw06 {
  position: absolute;
  top: -3px;
  right: -14px;
  padding: 0;
  background: none;
  color: #999;
}
._logoReset_1mjw06 svg {
  width: 10px;
  height: 10px;
}
._logoReset_1mjw06:focus, ._logoReset_1mjw06:hover {
  opacity: 0.6;
}

/* styles for accent-webapp/components/project-settings/integrations/form/aws-s3/index.scss */
._container_13wrvo {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

._form_13wrvo {
  width: 100%;
  max-width: 400px;
}

._policy_13wrvo {
  width: 100%;
}

._policy-title_13wrvo {
  display: block;
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 6px;
}

._policy-render_13wrvo {
  background: var(--content-background);
  border: 1px solid var(--background-light-highlight);
  border-radius: var(--border-radius);
}

@media (max-width: 600px) {
  ._container_13wrvo {
    flex-wrap: wrap;
  }
}
/* styles for accent-webapp/components/project-settings/integrations/form/data-control-checkboxes/index.scss */
._data-control_19xbpm {
  margin-bottom: 15px;
}
._data-control_19xbpm ._checkbox_19xbpm {
  display: inline-flex;
  align-items: center;
  margin-right: 6px;
  border: 1px solid var(--background-light-highlight);
  padding: 4px 6px;
  border-radius: var(--border-radius);
  background: var(--input-background);
  cursor: pointer;
  transition: 0.2s ease-in-out;
  transition-property: background;
}
._data-control_19xbpm ._checkbox_19xbpm:hover, ._data-control_19xbpm ._checkbox_19xbpm:focus {
  background: var(--background-light);
}
._data-control_19xbpm ._checkbox_19xbpm input {
  margin-right: 5px;
  cursor: pointer;
}

._data-title_19xbpm {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
}

/* styles for accent-webapp/components/project-settings/integrations/form/data-control-text/index.scss */
._data-control_19rg83 {
  margin-bottom: 10px;
}

._data-title_19rg83 {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
}

._data-title-help_19rg83 {
  margin-left: 4px;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: var(--color-primary);
}
._data-title-help_19rg83:focus, ._data-title-help_19rg83:hover {
  text-decoration: underline;
}

._error-control_19rg83 label {
  color: var(--color-error);
}
._error-control_19rg83 input {
  border-color: var(--color-error);
}

._textInput_19rg83 {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 8px 10px;
  margin-right: 10px;
  max-width: 350px;
  width: 100%;
  font-family: var(--font-primary);
  font-size: 11px;
}
._textInput_19rg83[readonly] {
  max-width: 500px;
  font-family: var(--font-monospace);
  background: #fafafa;
}

/* styles for accent-webapp/components/project-settings/integrations/form/index.scss */
._project-settings-integrations-form_qeu57h {
  padding: 10px 15px;
  border: 1px solid var(--background-light-highlight);
  background: var(--background-light);
  border-radius: var(--border-radius);
}

._form_qeu57h {
  display: flex;
  padding-bottom: 10px;
  font-size: 12px;
  align-items: center;
}
._form_qeu57h select {
  font-weight: bold;
}

._data_qeu57h {
  margin-top: 10px;
  font-size: 12px;
}

._button_qeu57h {
  margin-right: 5px;
}

._readonly-service_qeu57h {
  display: flex;
  align-items: center;
  margin-top: 3px;
}
._readonly-service_qeu57h ._logo_qeu57h {
  margin-right: 8px;
}

._logo_qeu57h {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

._logo-label_qeu57h {
  font-weight: bold;
  font-size: 13px;
}

/* styles for accent-webapp/components/project-settings/integrations/index.scss */
._project-settings-integrations_i12s5g {
  position: relative;
  margin-top: 30px;
}

._title_i12s5g {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--background-light);
  padding-bottom: 6px;
  margin-bottom: 6px;
  color: var(--color-grey);
  font-weight: bold;
  font-size: 17px;
}

._toggleCreateFormButton_i12s5g {
  position: absolute;
  top: 0;
  right: 0;
}

._empty-description_i12s5g {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
  margin-top: 20px;
}

._empty-description-item_i12s5g {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border: 1px solid var(--background-light-highlight);
  background: var(--background-light);
  color: var(--text-color-normal);
  border-radius: var(--border-radius);
  padding: 20px 30px;
  gap: 2px;
  transition: 0.2s ease-in-out;
  transition-property: box-shadow;
  line-height: 1.4;
}
._empty-description-item_i12s5g strong {
  display: block;
}
._empty-description-item_i12s5g p {
  font-size: 12px;
  margin-top: 2px;
}
._empty-description-item_i12s5g:focus, ._empty-description-item_i12s5g:hover {
  box-shadow: 0 1px 6px var(--shadow-color), 0 2px 19px var(--shadow-color);
}

._empty-description-icon_i12s5g {
  width: 50px;
  height: 50px;
  margin: 10px;
}

._help_i12s5g {
  margin: 10px 0;
  font-size: 13px;
  font-style: italic;
  color: var(--color-black);
}

@media (max-width: 1140px) {
  ._empty-description_i12s5g {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }
}
@media (max-width: 540px) {
  ._empty-description_i12s5g {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
/* styles for accent-webapp/components/project-settings/integrations/list/index.scss */
._project-settings-integrations-list_1s4zyn {
  margin-top: 10px;
}

/* styles for accent-webapp/components/project-settings/integrations/list/item/execute/aws-s3/index.scss */
._aws-push-form_q98rs4 {
  padding: 20px;
  background: var(--content-background);
}

._title_q98rs4 {
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.2;
  font-size: 27px;
  font-weight: 300;
  color: var(--color-primary);
}

._info_q98rs4 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--background-light-highlight);
  font-size: 13px;
}
._info_q98rs4 div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._info_q98rs4 span {
  font-size: 12px;
  font-family: var(--font-monospace);
  opacity: 0.6;
}

._text_q98rs4 {
  font-size: 13px;
  margin-bottom: 20px;
  color: #555;
}

._textInput_q98rs4 {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 10px;
  min-width: 250px;
  width: 100%;
  font-size: 12px;
  font-family: var(--font-primary);
}

._errors_q98rs4 {
  margin-bottom: 15px;
  padding-bottom: 5px;
}

._error_q98rs4 {
  margin-bottom: 5px;
  color: var(--color-error);
  font-size: 13px;
  font-weight: bold;
}

._formActions_q98rs4 {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
}

._data-control_q98rs4 ._radio_q98rs4 {
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
  border: 1px solid var(--background-light-highlight);
  padding: 4px 6px;
  border-radius: var(--border-radius);
  background: var(--input-background);
  cursor: pointer;
  font-size: 12px;
  transition: 0.2s ease-in-out;
  transition-property: background;
}
._data-control_q98rs4 ._radio_q98rs4:hover, ._data-control_q98rs4 ._radio_q98rs4:focus {
  background: var(--background-light);
}
._data-control_q98rs4 ._radio_q98rs4 input {
  margin-right: 5px;
  cursor: pointer;
}

._data-title_q98rs4 {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
}

/* styles for accent-webapp/components/project-settings/integrations/list/item/execute/azure-storage-container/index.scss */
._azure-push-form_8em163 {
  padding: 20px;
  background: var(--content-background);
}

._title_8em163 {
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.2;
  font-size: 27px;
  font-weight: 300;
  color: var(--color-primary);
}

._info_8em163 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--background-light-highlight);
  font-size: 13px;
}
._info_8em163 div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._info_8em163 span {
  font-size: 12px;
  font-family: var(--font-monospace);
  opacity: 0.6;
}

._text_8em163 {
  font-size: 13px;
  margin-bottom: 20px;
  color: #555;
}

._textInput_8em163 {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 10px;
  min-width: 250px;
  width: 100%;
  font-size: 12px;
  font-family: var(--font-primary);
}

._errors_8em163 {
  margin-bottom: 15px;
  padding-bottom: 5px;
}

._error_8em163 {
  margin-bottom: 5px;
  color: var(--color-error);
  font-size: 13px;
  font-weight: bold;
}

._formActions_8em163 {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
}

._data-control_8em163 ._radio_8em163 {
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
  border: 1px solid var(--background-light-highlight);
  padding: 4px 6px;
  border-radius: var(--border-radius);
  background: var(--input-background);
  cursor: pointer;
  font-size: 12px;
  transition: 0.2s ease-in-out;
  transition-property: background;
}
._data-control_8em163 ._radio_8em163:hover, ._data-control_8em163 ._radio_8em163:focus {
  background: var(--background-light);
}
._data-control_8em163 ._radio_8em163 input {
  margin-right: 5px;
  cursor: pointer;
}

._data-title_8em163 {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
}

/* styles for accent-webapp/components/project-settings/integrations/list/item/index.scss */
._project-settings-integrations-list-item_371wwj {
  margin-bottom: 10px;
}

._details_371wwj {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  border: 1px solid var(--background-light-highlight);
  border-radius: var(--border-radius);
}

._details-info_371wwj {
  display: flex;
  align-items: center;
  overflow-x: hidden;
  flex: 1 1 auto;
}

._details-service_371wwj {
  font-size: 13px;
  font-weight: bold;
  color: var(--color-black);
}

._details-preview_371wwj {
  padding-right: 15px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  margin-left: 10px;
  font-size: 13px;
  color: var(--color-black);
}

._details-last-executed-at_371wwj {
  margin-left: 5px;
  font-size: 11px;
  opacity: 0.4;
}

._details-logo_371wwj {
  flex: 0 0 20px;
  margin-right: 8px;
  width: 20px;
}

._details-actions_371wwj {
  display: flex;
  gap: 10px;
  flex: 0 0 auto;
}

/* styles for accent-webapp/components/project-settings/jipt/index.scss */
._project-settings-jipt_e105n2 {
  margin-top: 30px;
}
._project-settings-jipt_e105n2 hr {
  margin: 20px 0;
  border: 0;
  height: 1px;
  background: var(--background-light-highlight);
}

._text_e105n2 {
  max-width: 490px;
  margin: 10px 0;
  font-size: 13px;
  font-style: italic;
}

._title_e105n2 {
  margin-top: 20px;
  border-bottom: 1px solid var(--background-light-highlight);
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 300;
  color: var(--text-color-normal);
}

._link_e105n2 {
  font-size: 12px;
}

._code_e105n2 {
  display: inline-block;
  width: 100%;
  margin: 10px 0 0;
  padding: 8px 10px;
  height: 120px;
  word-break: keep-all;
  background: var(--background-light);
  font-family: var(--font-monospace);
  font-size: 15px;
  border: 2px solid var(--background-light-highlight);
  border-radius: var(--border-radius);
  color: var(--text-color-normal);
  transition-property: border-color, box-shadow;
  transition: 0.3s ease-in-out;
  resize: none;
}
._code_e105n2:focus {
  outline: none;
  border-color: var(--color-primary-opacity-70);
  box-shadow: 0 0 3px 2px var(--color-primary-opacity-10);
}
._code_e105n2:focus::-moz-selection {
  background: var(--color-primary-opacity-10);
}
._code_e105n2:focus::selection {
  background: var(--color-primary-opacity-10);
}

/* styles for accent-webapp/components/project-settings/links-list/index.scss */
._project-settings-links-list_1ob1vf {
  margin-top: 20px;
}

._list_1ob1vf {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

._link_1ob1vf {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  margin: 0 30px 30px 0;
  max-width: 275px;
  background: var(--content-background);
  border-radius: var(--border-radius);
  color: var(--color-black);
  box-shadow: 0 1px 4px var(--shadow-color), 0 9px 19px var(--shadow-color);
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
  transition: 0.2s ease-in-out;
  transition-property: background, box-shadow, color, transform;
  overflow: hidden;
}
._link_1ob1vf strong {
  padding: 10px 20px 5px;
}
._link_1ob1vf p {
  display: block;
  width: 100%;
  padding: 10px 20px 10px 19px;
  margin-top: 10px;
  font-size: 11px;
  font-weight: 400;
  border-top: 1px solid var(--content-background-border);
  color: var(--color-grey);
  background: var(--background-light);
  transition: 0.2s ease-in-out;
  transition-property: color;
}
._link_1ob1vf:focus, ._link_1ob1vf:hover {
  color: var(--color-primary);
  box-shadow: 0 3px 8px var(--shadow-color), 0 9px 12px var(--shadow-color);
  transform: scale(1.02);
}
._link_1ob1vf:focus ._link-check_1ob1vf, ._link_1ob1vf:hover ._link-check_1ob1vf {
  color: var(--color-primary);
}

._link-check-icon_1ob1vf {
  width: 14px;
  height: 14px;
}

._link-check-text_1ob1vf {
  font-size: 11px;
}

._link-check_1ob1vf {
  position: absolute;
  top: 7px;
  right: 7px;
  height: 26px;
  width: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  color: var(--color-primary);
  background: var(--color-primary-opacity-10);
}

._link-icon_1ob1vf {
  width: 30px;
  height: 30px;
  margin: 20px 20px 0;
  transition: 0.2s ease-in-out;
  transition-property: stroke;
  opacity: 0.8;
  stroke: var(--color-black);
  transition: 0.2s ease-in-out;
  transition-property: stroke;
}
._link-icon_1ob1vf._link-icon--prompts_1ob1vf path:nth-child(3), ._link-icon_1ob1vf._link-icon--machine-translations_1ob1vf path:nth-child(2), ._link-icon_1ob1vf._link-icon--jipt_1ob1vf path:nth-child(2), ._link-icon_1ob1vf._link-icon--integrations_1ob1vf circle:nth-child(3), ._link-icon_1ob1vf._link-icon--badges_1ob1vf path:nth-child(2) {
  stroke: var(--color-primary);
}

@media (max-width: 640px) {
  ._project-settings-links-list_1ob1vf,
  ._list_1ob1vf {
    margin: 0;
  }
  ._link_1ob1vf {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0 0 20px;
  }
}
/* styles for accent-webapp/components/project-settings/machine-translations/index.scss */
._project-settings-form_1uy7zq {
  margin-top: 25px;
  max-width: 550px;
}

._form_1uy7zq {
  margin-top: 25px;
  padding: 16px;
  border-radius: var(--border-radius);
  background: var(--background-light);
  border: 1px solid var(--background-light-highlight);
}
._form_1uy7zq._form--configured_1uy7zq {
  background: var(--color-primary-opacity-10);
  border-color: var(--color-primary-opacity-50);
}
._form_1uy7zq._form--configured_1uy7zq ._config-key-help_1uy7zq {
  color: var(--color-primary-darken-10);
  opacity: 1;
}
._form_1uy7zq._form--configured_1uy7zq ._select_1uy7zq select {
  border-color: var(--color-primary-opacity-50);
  background: var(--color-primary-opacity-10);
}

._check_1uy7zq {
  width: 18px;
  stroke: var(--color-primary-darken-10);
}

._select_1uy7zq {
  flex-grow: 1;
  max-width: 200px;
}

._select_1uy7zq select {
  background: transparent;
  border: 1px solid var(--background-light-highlight);
  padding: 7px 10px;
  font-weight: bold;
  font-size: 13px;
}

._text_1uy7zq {
  max-width: 490px;
  margin: 10px 0 15px;
  font-size: 13px;
  font-style: italic;
}

._logo_1uy7zq {
  width: 25px;
}

._config-key-help_1uy7zq {
  margin-top: 10px;
  font-size: 12px;
  padding: 6px 0;
  font-weight: bold;
  opacity: 0.4;
}

._provider_1uy7zq {
  display: flex;
  align-items: center;
  gap: 16px;
}

._textInput_1uy7zq {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 8px 10px;
  margin-right: 10px;
  width: 100%;
  font-family: var(--font-monospace);
  font-size: 12px;
}

._options_1uy7zq {
  margin: 10px 0 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

._option-checkbox_1uy7zq {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
  font-size: 12px;
  font-weight: bold;
}

._actions_1uy7zq {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 20px;
}

/* styles for accent-webapp/components/project-settings/manage-languages/create-form/index.scss */
._form_8qlsus {
  margin-bottom: 25px;
  padding: 12px;
  border-radius: var(--border-radius);
  background: var(--background-light);
  border: 1px solid var(--background-light-highlight);
}
._form_8qlsus .ember-power-select-trigger {
  min-height: 31px;
  max-width: 400px;
  margin-bottom: 10px;
  background: var(--content-background);
  border: 1px solid var(--background-light-highlight);
}

._options_8qlsus {
  margin-top: 10px;
  margin-bottom: 20px;
}

._option_8qlsus {
  margin-bottom: 7px;
}

._optionLabel_8qlsus {
  display: flex;
  align-items: center;
  font-size: 13px;
}

._optionLabelText_8qlsus {
  margin-left: 5px;
}

._optionLabel-icon_8qlsus {
  width: 22px;
  margin-left: 3px;
  transform: rotate(45deg);
  background: var(--color-primary-opacity-25);
  border-radius: 50%;
  padding: 3px;
  color: var(--color-primary);
}

/* styles for accent-webapp/components/project-settings/manage-languages/index.scss */
._project-settings-manage-languages_1synq1 {
  display: flex;
}

._overview_1synq1 {
  width: 80%;
}

._help_1synq1 {
  margin: 60px 0 0 50px;
}

._titleText_1synq1 {
  display: flex;
  align-items: center;
  margin: 15px 0 5px;
  font-weight: 600;
  font-size: 13px;
  color: var(--color-black);
}
._titleText_1synq1:first-of-type {
  margin-top: 0;
}

._explainText_1synq1 {
  display: block;
  opacity: 0.6;
  max-width: 700px;
  font-size: 12px;
  color: var(--color-black);
}

._emptyLanguages_1synq1 {
  font-size: 14px;
  padding: 10px;
  background: var(--background-light);
  border: 1px solid var(--background-light-highlight);
  border-radius: var(--border-radius);
  color: var(--color-black);
}

._createSlaveForm_1synq1 {
  margin-top: 20px;
}

._error_1synq1 {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  color: var(--color-error);
}

@media (max-width: 640px) {
  ._project-settings-manage-languages_1synq1 {
    flex-direction: column;
  }
  ._help_1synq1 {
    margin: 40px 0 0;
  }
}
/* styles for accent-webapp/components/project-settings/manage-languages/overview/index.scss */
._list_131rvs {
  margin: 15px 0 0;
}

/* styles for accent-webapp/components/project-settings/manage-languages/overview/item/index.scss */
._list-item_19mq17 {
  margin-bottom: 5px;
  padding: 8px 2px;
  font-size: 14px;
}
._list-item_19mq17._list-item--deleted_19mq17 {
  background: var(--background-light);
  border: 1px dashed var(--background-light-highlight);
  padding: 6px 10px;
  pointer-events: none;
}
._list-item_19mq17._list-item--deleted_19mq17 ._list-item-infos-date_19mq17 {
  font-size: 11px;
}
._list-item_19mq17._list-item--deleting_19mq17 ._list-item-actions_19mq17 {
  pointer-events: all;
  opacity: 1;
}
._list-item_19mq17._list-item--master_19mq17 {
  padding: 10px 2px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}
._list-item_19mq17:focus ._list-item-actions_19mq17, ._list-item_19mq17:hover ._list-item-actions_19mq17 {
  pointer-events: all;
  opacity: 1;
}
._list-item_19mq17:focus ._list-item-header-edit_19mq17, ._list-item_19mq17:hover ._list-item-header-edit_19mq17 {
  opacity: 1;
  transform: translateX(-26px);
}

._list-item-header_19mq17 {
  position: relative;
}

._list-item-header-edit_19mq17 {
  position: absolute;
  left: 0;
  top: 3px;
  padding-right: 12px;
  color: var(--color-grey);
  opacity: 0.8;
  transform: translateX(-24px);
  transition: 0.2s ease-in-out;
  transition-property: opacity, transform, color;
}
._list-item-header-edit_19mq17:focus, ._list-item-header-edit_19mq17:hover {
  color: var(--color-primary);
}
._list-item-header-edit_19mq17 svg {
  width: 14px;
}

._list-item-infos_19mq17 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._list-item-infos-date_19mq17 {
  font-size: 12px;
  color: var(--color-grey);
}

._list-link_19mq17 {
  display: inline-flex;
  align-items: baseline;
  text-decoration: none;
  color: var(--color-primary);
}
._list-link_19mq17:focus, ._list-link_19mq17:hover {
  text-decoration: underline;
}

._list-link-small_19mq17 {
  margin-left: 5px;
  font-size: 11px;
  opacity: 0.8;
}

._list-item-actions_19mq17 {
  display: flex;
  opacity: 0.8;
  pointer-events: none;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
}

._masterBadge_19mq17 {
  margin-left: 10px;
}

._promoteSlaveButton_19mq17 {
  padding: 2px 6px !important;
  margin-right: 10px !important;
}

/* styles for accent-webapp/components/project-settings/prompts/config/index.scss */
._form_1hgj95 {
  padding: 16px;
  border-radius: var(--border-radius);
  background: var(--background-light);
  border: 1px solid var(--background-light-highlight);
}
._form_1hgj95._form--configured_1hgj95 {
  background: var(--color-primary-opacity-10);
  border-color: var(--color-primary-opacity-50);
}
._form_1hgj95._form--configured_1hgj95 ._config-key-help_1hgj95 {
  color: var(--color-primary-darken-10);
  opacity: 1;
}
._form_1hgj95._form--configured_1hgj95 ._select_1hgj95 select {
  border-color: var(--color-primary-opacity-50);
  background: var(--color-primary-opacity-10);
}

._check_1hgj95 {
  width: 18px;
  stroke: var(--color-primary-darken-10);
}

._select_1hgj95 {
  flex-grow: 1;
  max-width: 200px;
}

._select_1hgj95 select {
  border: 1px solid var(--background-light-highlight);
  padding: 7px 10px;
  font-weight: bold;
  font-size: 13px;
}

._logo_1hgj95 {
  width: 25px;
}

._config-key-help_1hgj95 {
  margin-top: 10px;
  font-size: 11px;
  padding: 6px 0;
  font-weight: bold;
  opacity: 0.4;
}

._provider_1hgj95 {
  display: flex;
  align-items: center;
  gap: 16px;
}

._textInput_1hgj95 {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 8px 10px;
  margin-right: 10px;
  width: 100%;
  font-family: var(--font-monospace);
  font-size: 12px;
}

._options_1hgj95 {
  margin: 10px 0 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

._option-checkbox_1hgj95 {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
  font-size: 12px;
  font-weight: bold;
}

._actions_1hgj95 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 6px;
}

/* styles for accent-webapp/components/project-settings/prompts/index.scss */
._wrapper_1okky7 {
  display: flex;
  flex-direction: column;
  margin-top: 25px;
}

._content_1okky7 {
  margin-top: 20px;
}

._list_1okky7 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
  max-width: 450px;
}

._config_1okky7 {
  max-width: 450px;
  width: 100%;
}

._title_1okky7 {
  font-weight: bold;
  font-size: 17px;
  padding-bottom: 4px;
}

._text_1okky7 {
  display: block;
  font-size: 13px;
  margin-bottom: 12px;
}

/* styles for accent-webapp/components/project-settings/prompts/item/index.scss */
._wrapper_8loqpw {
  padding: 10px 90px 10px 10px;
  border-radius: var(--border-radius);
  border: 1px solid var(--content-background-border);
  font-size: 14px;
  position: relative;
}

._name_8loqpw {
  display: flex;
  align-items: center;
  gap: 10px;
}

._actions_8loqpw {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px 10px;
  display: flex;
  gap: 10px;
  align-items: center;
}

._quick-access_8loqpw {
  padding: 0 4px;
  border-radius: var(--border-radius);
  display: block;
}

/* styles for accent-webapp/components/project-settings/title/index.scss */
._project-settings-title_wriudl {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  color: var(--text-color-normal);
}

._icon_wriudl {
  width: 14px;
  opacity: 0.8;
}

/* styles for accent-webapp/components/projects-filters/index.scss */
._filters_vfkhnn.filters {
  margin: 20px auto 0;
  padding: 0 20px !important;
  max-width: var(--screen-lg);
}

._filters-wrapper_vfkhnn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._queryFilter_vfkhnn {
  flex: 1;
}

._totalEntries_vfkhnn {
  margin-left: 20px;
  color: var(--color-grey);
  font-size: 13px;
  font-style: italic;
}

._search-icon_vfkhnn {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 7px;
  width: 20px;
  height: 20px;
  stroke: var(--input-border-color);
}

._createProjectButton_vfkhnn {
  margin-left: 15px !important;
}

._input_vfkhnn {
  width: 100%;
  padding: 7px 7px 7px 30px;
  font-size: 14px;
  font-family: var(--font-primary);
  color: var(--color-black);
}
._input_vfkhnn::-moz-placeholder {
  color: var(--color-grey);
}
._input_vfkhnn::placeholder {
  color: var(--color-grey);
}
._input_vfkhnn:focus {
  border-color: var(--color-green);
}

._filters-meta_vfkhnn {
  margin-top: 7px;
  font-size: 14px;
  color: var(--color-grey);
}

._filters-meta-keyword_vfkhnn {
  font-style: italic;
  color: var(--color-green);
}

@media (max-width: 640px) {
  div._filters_vfkhnn {
    padding: 0 10px;
  }
}
/* styles for accent-webapp/components/projects-header/index.scss */
._projects-header_1ewbd8 {
  padding: 20px 0 0;
}

._content_1ewbd8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  max-width: var(--screen-lg);
  padding: 0 15px 0 20px;
  width: 100%;
}

._content-right_1ewbd8,
._content-left_1ewbd8 {
  display: flex;
  align-items: center;
}

._applicationLogo_1ewbd8 {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

._link_1ewbd8._active_1ewbd8 ._link-image_1ewbd8:focus, ._link_1ewbd8._active_1ewbd8 ._link-image_1ewbd8:hover {
  transform: rotate(0);
}

._applicationLogo-back_1ewbd8,
._applicationLogo-image_1ewbd8 {
  display: block;
  transition: 0.7s ease-in-out;
  transition-property: transform;
  width: 25px;
  height: 25px;
  text-decoration: none;
}

._applicationLogo-back_1ewbd8 {
  color: #bbb;
}
._applicationLogo-back_1ewbd8:focus, ._applicationLogo-back_1ewbd8:hover {
  opacity: 0.8;
}

._applicationLogo-accent_1ewbd8,
._applicationLogo-name_1ewbd8 {
  margin-left: 15px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
  color: var(--color-black);
}

._picture_1ewbd8 {
  width: 18px;
  height: 18px;
  margin-right: 4px;
  border-radius: var(--border-radius);
}

._username_1ewbd8 {
  opacity: 0.5;
  margin-right: 15px;
  font-size: 12px;
}

@media (max-width: 640px) {
  ._projects-header_1ewbd8 {
    padding: 10px 0;
    margin-bottom: 10px;
  }
  ._projects-header_1ewbd8 ._content_1ewbd8 {
    padding: 0 10px;
  }
}
@media (max-width: 440px) {
  ._applicationLogo-image_1ewbd8 {
    width: 18px;
    height: 18px;
  }
  ._username_1ewbd8 {
    font-size: 11px;
  }
  .button {
    padding: 3px 7px 4px;
    font-size: 11px;
  }
  ._applicationLogo-name_1ewbd8 {
    display: none;
  }
  ._project-logo_1ewbd8 {
    display: none;
  }
  ._projects-header_1ewbd8._withProject_1ewbd8,
  ._projects-header_1ewbd8 {
    padding-top: 20px;
  }
  ._projects-header_1ewbd8._withProject_1ewbd8 ._content_1ewbd8,
  ._projects-header_1ewbd8 ._content_1ewbd8 {
    padding: 0 12px;
  }
}
/* styles for accent-webapp/components/projects-list/index.scss */
._projects-list_knyxo2 {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
  margin: 10px auto 0;
  max-width: var(--screen-lg);
  position: relative;
}

._item_knyxo2 {
  flex: 1 1 calc(33.3% - 10px);
  max-width: 33.3%;
}

._item-link_knyxo2 {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  margin: 0 10px 20px;
  transition: 0.2s ease-in-out;
  transition-property: background;
}
._item-link_knyxo2:focus {
  background: var(--background-light);
}

@media (max-width: 640px) {
  ._item_knyxo2 {
    max-width: none;
    width: 100%;
    flex: 1 1 auto;
  }
  ._item-link_knyxo2 {
    margin-bottom: 10px;
  }
  ._projects-list_knyxo2 {
    padding: 0;
  }
}
/* styles for accent-webapp/components/projects-list/item/index.scss */
._projects-list-item_e1w7t4 {
  padding: 12px 15px;
  transition: 0.2s ease-in-out;
  transition-property: box-shadow, border-color;
  border-radius: var(--border-radius);
  border: 1px solid var(--content-background-border);
  background: var(--content-background);
  color: var(--color-black);
}
._projects-list-item_e1w7t4:focus, ._projects-list-item_e1w7t4:hover {
  box-shadow: 0 1px 4px var(--shadow-color), 0 3px 14px var(--shadow-color);
  border-color: color-mix(in srgb, var(--color-primary) 20%, transparent);
  border-bottom-color: color-mix(in srgb, var(--color-primary) 25%, transparent);
}
._projects-list-item_e1w7t4:focus ._projectName_e1w7t4, ._projects-list-item_e1w7t4:hover ._projectName_e1w7t4 {
  color: var(--color-primary);
}

._projectHeader_e1w7t4 {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

._projectName_e1w7t4 {
  transition: 0.2s ease-in-out;
  transition-property: color;
  font-weight: 600;
  font-size: 18px;
}

._projectLogo_e1w7t4 {
  display: flex;
  align-items: center;
  margin-right: 8px;
  font-size: 21px;
  line-height: 1;
}
._projectLogo_e1w7t4 svg {
  width: 25px;
  height: 20px;
}

._projectUpdates_e1w7t4 {
  display: block;
  opacity: 0.6;
  color: var(--color-black);
  font-style: italic;
  font-size: 11px;
}

._projectUpdate_e1w7t4 {
  margin-right: 6px;
}

._numberStat_e1w7t4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* styles for accent-webapp/components/prompt-create-form/index.scss */
._prompt-create-form_1cjyjz {
  padding: 20px;
  background: var(--content-background);
}

._title_1cjyjz {
  margin-bottom: 20px;
  text-align: center;
  font-size: 27px;
  font-weight: 300;
  color: var(--color-primary);
}

._text_1cjyjz {
  font-size: 13px;
  margin-bottom: 20px;
  color: #555;
}

._quickAccess-picker_1cjyjz {
  display: flex;
  position: relative;
  align-items: center;
}

._quickAccess-picker-empty_1cjyjz {
  width: 23px;
  opacity: 0.7;
  color: var(--text-color-normal);
}

._quickAccess-picker-remove_1cjyjz {
  width: 13px;
  height: 13px;
  background: transparent;
  position: absolute;
  right: -6px;
  top: 0;
  opacity: 0.5;
  padding: 0;
  color: var(--text-color-normal);
}

._quickAccess-picker-remove-icon_1cjyjz {
  width: 13px;
  height: 13px;
}

._quickAccess-emoji_1cjyjz {
  background: transparent;
  padding-left: 20px;
  font-size: 28px;
}

._textInput_1cjyjz {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 10px;
  min-width: 250px;
  width: 100%;
  font-size: 12px;
  font-family: var(--font-primary);
}

._errors_1cjyjz {
  margin-bottom: 15px;
  padding-bottom: 5px;
}

._error_1cjyjz {
  margin-bottom: 5px;
  color: var(--color-error);
  font-size: 13px;
  font-weight: bold;
}

._formItem_1cjyjz {
  margin-bottom: 20px;
}

._formItem-label_1cjyjz {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
}

._formActions_1cjyjz {
  padding-top: 10px;
}

/* styles for accent-webapp/components/prompt-update-form/index.scss */
._prompt-update-form_1rldf4 {
  padding: 20px;
  background: var(--content-background);
}

._title_1rldf4 {
  margin-bottom: 20px;
  text-align: center;
  font-size: 27px;
  font-weight: 300;
  color: var(--color-primary);
}

._text_1rldf4 {
  font-size: 13px;
  margin-bottom: 20px;
  color: #555;
}

._quickAccess-picker_1rldf4 {
  display: flex;
  position: relative;
  align-items: center;
}

._quickAccess-picker-empty_1rldf4 {
  width: 23px;
  opacity: 0.7;
  color: var(--text-color-normal);
}

._quickAccess-picker-remove_1rldf4 {
  width: 13px;
  height: 13px;
  background: transparent;
  position: absolute;
  right: -6px;
  top: 0;
  opacity: 0.5;
  padding: 0;
  color: var(--text-color-normal);
}

._quickAccess-picker-remove-icon_1rldf4 {
  width: 13px;
  height: 13px;
}

._quickAccess-emoji_1rldf4 {
  background: transparent;
  padding-left: 20px;
  font-size: 28px;
}

._textInput_1rldf4 {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 10px;
  min-width: 250px;
  width: 100%;
  font-size: 12px;
  font-family: var(--font-primary);
}

._errors_1rldf4 {
  margin-bottom: 15px;
  padding-bottom: 5px;
}

._error_1rldf4 {
  margin-bottom: 5px;
  color: var(--color-error);
  font-size: 13px;
  font-weight: bold;
}

._formItem_1rldf4 {
  margin-bottom: 20px;
}

._formItem-label_1rldf4 {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
}

._formActions_1rldf4 {
  padding-top: 10px;
}

/* styles for accent-webapp/components/recent-projects-list/index.scss */
._projects_1lpqm2 {
  display: flex;
  align-items: center;
  padding: 10px;
  margin: 0 auto;
  max-width: calc(var(--screen-lg) - 25px);
}

._projects-title_1lpqm2 {
  display: block;
  margin-right: 10px;
  font-weight: 600;
  font-size: 12px;
  opacity: 0.7;
}

._projects-list_1lpqm2 {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  gap: 4px 10px;
}

._item-link_1lpqm2 {
  display: block;
  padding: 3px 8px 4px;
  border: 1px solid var(--background-light-highlight);
  border-radius: var(--border-radius);
  text-decoration: none;
  font-weight: 600;
  transition: 0.2s ease-in-out;
  transition-property: background, box-shadow;
}
._item-link_1lpqm2:focus {
  box-shadow: 0 1px 1px var(--shadow-color);
}
._item-link_1lpqm2:hover {
  box-shadow: 0 2px 5px var(--shadow-color);
  background: var(--content-background);
}

@media (max-width: 640px) {
  ._projects_1lpqm2 {
    align-items: flex-start;
    flex-direction: column;
    padding: 0;
    margin-bottom: 14px;
  }
  ._projects-title_1lpqm2 {
    margin-bottom: 4px;
  }
}
/* styles for accent-webapp/components/recent-projects-list/item/index.scss */
._project_trzvwu {
  display: flex;
}

._projectName_trzvwu {
  transition: 0.2s ease-in-out;
  transition-property: color;
  font-weight: 600;
  font-size: 13px;
  color: var(--color-primary);
}

._projectLogo_trzvwu {
  display: flex;
  align-items: center;
  margin-right: 8px;
  font-size: 15px;
  line-height: 1;
}
._projectLogo_trzvwu svg {
  width: 25px;
  height: 20px;
}

/* styles for accent-webapp/components/related-translations-list/index.scss */
._list_mj8ze6 {
  width: 100%;
}

/* styles for accent-webapp/components/related-translations-list/item/index.scss */
._related-translations-list-item_oa821g {
  position: relative;
  margin-bottom: 6px;
}
._related-translations-list-item_oa821g._empty_oa821g {
  padding: 35px 10px;
  color: var(--color-grey);
  font-size: 13px;
  font-style: italic;
  text-align: center;
}
._related-translations-list-item_oa821g:hover ._form-helpers_oa821g {
  pointer-events: all;
  opacity: 1;
}

._badges_oa821g {
  flex-shrink: 0;
}

._textEmpty_oa821g {
  margin-bottom: 15px;
}

._revision_oa821g {
  display: flex;
  align-items: center;
  margin-right: 4px;
  color: var(--color-black);
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}
._revision_oa821g:focus, ._revision_oa821g:hover {
  color: var(--color-primary);
}

._updatedAt_oa821g {
  margin: 0 6px;
  opacity: 0.6;
  color: var(--color-black);
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
}

._form-helpers_oa821g {
  pointer-events: none;
  opacity: 0;
  position: relative;
  z-index: 1;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
}

._header_oa821g {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 25px;
  margin-bottom: 3px;
}

._textEdit-input_oa821g {
  width: 100%;
  padding: 10px;
  margin-bottom: 6px;
  font-size: 12px;
}

._textEdit-actions_oa821g {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  gap: 8px;
  top: 14px;
  right: 14px;
}
._textEdit-actions_oa821g[data-dir=rtl] {
  flex-direction: row-reverse;
  right: auto;
  left: 14px;
}

._textEdit-actions-translate_oa821g {
  margin-right: 5px;
  background: none;
}

._textEdit-actions-translate-icon_oa821g {
  width: 12px;
  height: 12px;
}

/* styles for accent-webapp/components/removed-translation-edit/index.scss */
._text_9p8ooe {
  width: 100%;
  min-height: 140px;
  margin-top: 30px;
  padding: 15px;
  resize: vertical;
  outline: 0;
  border: 1px solid var(--background-light-highlight);
  background: var(--background-light);
  font-family: var(--font-monospace);
  font-size: 12px;
}

._label_9p8ooe {
  display: block;
  margin-top: 10px;
  color: var(--color-grey);
  font-size: 13px;
  font-style: italic;
  text-align: right;
}

/* styles for accent-webapp/components/resource-pagination/index.scss */
._resource-pagination_1p89bn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

._label_1p89bn {
  margin: 0 10px;
  color: var(--color-grey);
  font-size: 14px;
}

._label-number_1p89bn {
  margin: 0 4px;
}

/* styles for accent-webapp/components/review-progress-bar/index.scss */
._progress-bar_qtpt2l {
  width: 100%;
  height: 4px;
  background: var(--background-light);
  border-radius: 1px;
}

._progress_qtpt2l {
  height: 4px;
  width: 0;
  background: currentColor;
  border-radius: 1px;
  transition: width 500ms ease-in-out;
}
._progress_qtpt2l:after {
  width: 100%;
  content: "";
  height: 1px;
  background: transparent;
  box-shadow: 3px 2px 4px currentColor;
  display: block;
  opacity: 0.7;
}

/* styles for accent-webapp/components/revision-export-options/advanced-filters/index.scss */
._revision-export-options-advanced-filters_u2irkj {
  margin: 15px 0 0 0;
  display: flex;
  flex-direction: column;
}

._title_u2irkj {
  text-transform: uppercase;
  color: var(--text-color-normal);
  font-size: 11px;
  font-weight: bold;
}

._label_u2irkj {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 250px;
  margin-top: 10px;
  font-size: 12px;
}
._label_u2irkj input {
  margin-right: 6px;
}

._labels_u2irkj {
  display: flex;
  flex-wrap: wrap;
}

/* styles for accent-webapp/components/revision-export-options/index.scss */
._filters_6039y4 {
  margin-top: 0;
  border-radius: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  font-size: 12px;
}

._exportOptions_6039y4 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

._exportOptions-advancedFilters_6039y4 {
  margin-top: 10px;
}

._exportOptions-item_6039y4 {
  flex: 1 1 auto;
  margin: 0 5px;
}
._exportOptions-item_6039y4 .ember-power-select-trigger {
  font-size: 13px;
}
._exportOptions-item_6039y4:first-of-type {
  margin-left: 0;
}
._exportOptions-item_6039y4:last-of-type {
  margin-right: 0;
}

@media (max-width: 800px) {
  ._exportOptions_6039y4 {
    flex-direction: column;
  }
  ._exportOptions-item_6039y4 {
    margin-bottom: 10px;
  }
  ._exportOptions-item_6039y4:last-of-type {
    margin-bottom: 0;
  }
}
/* styles for accent-webapp/components/revision-selector/index.scss */
._revision-selector_ba6c40 {
  position: relative;
  margin-bottom: 15px;
}
._revision-selector_ba6c40._revision-selector--jipt_ba6c40 {
  margin-bottom: 0;
}
._revision-selector_ba6c40._revision-selector--jipt_ba6c40 ._overlay_ba6c40 {
  border-radius: 0;
}
._revision-selector_ba6c40 select {
  padding: 10px 10px 10px 7px;
  padding-bottom: 25px;
  border-radius: var(--border-radius);
  font-size: 20px;
  flex-direction: row-reverse;
  cursor: pointer;
  pointer-events: all;
  border-color: transparent;
}
._revision-selector_ba6c40 select:hover {
  background: var(--background-light);
}

._overlay_ba6c40 {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  width: 100%;
  pointer-events: none;
  z-index: 10;
  border-radius: var(--border-radius);
  background: var(--content-background);
  border: 1px solid var(--content-background-border);
}
._overlay_ba6c40:hover {
  background: var(--background-light);
}

._otherLanguages_ba6c40 {
  font-size: 12px;
  color: #ccc;
}

/* styles for accent-webapp/components/revision-update-form/index.scss */
._revision-update-form_uw73f3 {
  padding: 20px;
  background: var(--content-background);
}

._title_uw73f3 {
  margin-bottom: 20px;
  text-align: center;
  font-size: 27px;
  font-weight: 300;
  color: var(--color-primary);
}

._textInput_uw73f3 {
  padding: 10px;
  width: 100%;
  font-size: 12px;
  font-family: var(--font-primary);
}

._errors_uw73f3 {
  margin-bottom: 15px;
  padding-bottom: 5px;
}

._error_uw73f3 {
  margin-bottom: 5px;
  color: var(--color-error);
  font-size: 13px;
  font-weight: bold;
}

._formItem_uw73f3 {
  margin-bottom: 20px;
}

._formItem-label_uw73f3 {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
}

._formActions_uw73f3 {
  padding-top: 10px;
}

/* styles for accent-webapp/components/skeleton-ui/activities-list/index.scss */
._skeleton_ad9c80 {
  margin-top: 20px;
  padding: 15px 0;
}

/* styles for accent-webapp/components/skeleton-ui/conflicts-items/index.scss */
._skeleton_16rfyl {
  margin-top: 20px;
  padding: 15px;
}

/* styles for accent-webapp/components/skeleton-ui/documents-list/index.scss */
._skeleton_2omn1z {
  padding: 15px 0;
}

/* styles for accent-webapp/components/skeleton-ui/index.scss */
._base_iu9rgr {
  position: relative;
}
._base_iu9rgr:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--content-background);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--content-background) 100%);
}

/* styles for accent-webapp/components/skeleton-ui/progress-line/index.scss */
._progress-line_7cpy56,
._progress-line_7cpy56:before {
  height: 2px;
  width: 100%;
  margin: 0;
  border-radius: var(--border-radius);
}

._progress-line_7cpy56 {
  display: flex;
  position: relative;
  bottom: 1px;
  margin-bottom: -2px;
  animation: _progress-line-appear_7cpy56 1.8s ease-in forwards;
}

._progress-line_7cpy56:before {
  background-color: var(--color-primary-opacity-70);
  content: "";
  animation: _progress-line-running-progress_7cpy56 1.8s cubic-bezier(0.5, 0, 0.1, 1) infinite;
}

@keyframes _progress-line-appear_7cpy56 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes _progress-line-running-progress_7cpy56 {
  0% {
    margin-left: 0;
    margin-right: 100%;
  }
  50% {
    margin-left: 25%;
    margin-right: 0%;
  }
  100% {
    margin-left: 100%;
    margin-right: 0;
  }
}
/* styles for accent-webapp/components/skeleton-ui/project-activities-filter/index.scss */
._box_qjis3e {
  height: 63px;
}

/* styles for accent-webapp/components/skeleton-ui/project-comments-list/index.scss */
._skeleton_vj2777 {
  padding: 15px 0;
}

/* styles for accent-webapp/components/skeleton-ui/project-navigation/index.scss */
div._skeleton_y0uwt2 {
  padding: 0 10px;
  margin-left: 18px;
  background: var(--body-background);
}
div._skeleton_y0uwt2:after {
  background: var(--body-background);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, var(--body-background) 90%);
}

/* styles for accent-webapp/components/skeleton-ui/translation-comments-list/index.scss */
._skeleton_1cix2e {
  margin-top: 30px;
}

/* styles for accent-webapp/components/skeleton-ui/translation-splash-title/index.scss */
._skeleton_y5k47u {
  padding: 15px 0;
}

/* styles for accent-webapp/components/skeleton-ui/translations-list/index.scss */
._skeleton_6v0k7n {
  margin-top: 20px;
  padding: 15px;
}

/* styles for accent-webapp/components/skeleton-ui/versions-list/index.scss */
._skeleton_mmyfr6 {
  padding: 15px 0;
}

/* styles for accent-webapp/components/translation-activities-list/index.scss */
._translations-activities-list_3mgcgp {
  position: relative;
  margin-top: 30px;
}
._translations-activities-list_3mgcgp:before {
  display: block;
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: 9px;
  z-index: 8;
  background: var(--background-light-highlight);
}

/* styles for accent-webapp/components/translation-comment-delete/index.scss */
.button.button--small._button_j4w33u .label {
  padding-left: 4px;
  padding-right: 4px;
}

/* styles for accent-webapp/components/translation-comment-form/index.scss */
._form-content_1qv0nh {
  display: flex;
  align-items: flex-start;
}
._form-content_1qv0nh ._label_1qv0nh {
  padding: 9px 12px 10px;
}

._error_1qv0nh {
  display: block;
  margin-bottom: 10px;
  color: var(--color-error);
  font-size: 13px;
  font-weight: bold;
}

._inputText_1qv0nh {
  flex-grow: 1;
  padding: 10px;
  margin-right: 10px;
  width: 100%;
  font-family: var(--font-primary);
  font-size: 13px;
}

@media (max-width: 440px) {
  ._form-content_1qv0nh {
    flex-direction: column;
  }
  ._inputText_1qv0nh {
    margin-bottom: 10px;
  }
}
/* styles for accent-webapp/components/translation-comments-list/index.scss */
._translation-comments-list_b1l442 {
  position: relative;
  box-shadow: 0 1px 4px var(--shadow-color), 0 9px 19px var(--shadow-color);
  background: var(--background-light);
  border-radius: var(--border-radius);
}

._translation-comments-list_b1l442._translationRemoved_b1l442 {
  opacity: 0.5;
}
._translation-comments-list_b1l442._translationRemoved_b1l442 ._itemComment_b1l442 {
  padding: 4px 8px 8px;
}

._translation-comments-list_b1l442._at-translation_b1l442 {
  margin-top: 20px;
}
._translation-comments-list_b1l442._at-translation_b1l442:before, ._translation-comments-list_b1l442._at-translation_b1l442:after {
  display: none;
}

._itemComment_b1l442 {
  padding: 8px 10px 10px;
  border-bottom: 1px solid var(--background-light-highlight);
}
._itemComment_b1l442:focus, ._itemComment_b1l442:hover {
  background: var(--background-light);
}
._itemComment_b1l442:last-of-type {
  border-bottom: 0;
}

@media (max-width: 1300px) {
  ._translation-comments-list_b1l442 {
    border-color: transparent;
    box-shadow: none;
  }
}
/* styles for accent-webapp/components/translation-comments-list/item/index.scss */
._header_pcndt4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._wrapper_pcndt4:focus ._button-edit_pcndt4,
._wrapper_pcndt4:focus ._button-delete_pcndt4, ._wrapper_pcndt4:hover ._button-edit_pcndt4,
._wrapper_pcndt4:hover ._button-delete_pcndt4 {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.button.button--small._button-edit_pcndt4 {
  padding: 0;
  color: var(--color-grey);
}

.button._button-edit_pcndt4,
.button._button-delete_pcndt4 {
  opacity: 0;
  transform: translate3d(10px, 0, 0);
}
.button._button-edit_pcndt4:hover,
.button._button-delete_pcndt4:hover {
  background: transparent;
}

._comment-form_pcndt4 {
  margin-top: 10px;
}

._user_pcndt4 {
  display: inline-flex;
  align-items: center;
  margin-right: 6px;
  font-size: 12px;
  font-weight: bold;
}

._user-picture_pcndt4 {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  border-radius: var(--border-radius);
}

._date_pcndt4 {
  color: var(--color-grey);
  font-size: 11px;
  margin-right: 6px;
}

._content_pcndt4 {
  font-size: 13px;
}
._content_pcndt4 h1,
._content_pcndt4 h2,
._content_pcndt4 h3,
._content_pcndt4 h4,
._content_pcndt4 h5,
._content_pcndt4 p {
  margin-top: 5px;
}

/* styles for accent-webapp/components/translation-comments-subscriptions/index.scss */
._translation-comments-subscriptions_154c7k {
  padding: 5px 0 20px 20px;
  border-left: 1px solid var(--background-light-highlight);
}

._title_154c7k {
  display: block;
  padding: 0 0 5px;
  margin: 0 0 2px;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  color: var(--color-black);
}

@media (max-width: 640px) {
  ._translation-comments-subscriptions_154c7k {
    padding-left: 0;
    padding-top: 10px;
    border-top: 1px solid var(--background-light-highlight);
    border-left: 0;
  }
  ._title_154c7k {
    font-size: 14px;
  }
}
/* styles for accent-webapp/components/translation-comments-subscriptions/item/index.scss */
._translation-comments-subscriptions-item_y8clcq {
  display: flex;
  align-items: flex-start;
  margin: 0 0 10px;
  font-size: 13px;
  color: #888;
  transition: 0.2s ease-in-out;
  transition-property: color;
}
._translation-comments-subscriptions-item_y8clcq:last-child {
  margin: 0;
}

._translation-comments-subscriptions-item_y8clcq._currentUser_y8clcq {
  font-weight: bold;
  color: #444;
}

._user_y8clcq {
  margin-left: 7px;
}

._user-email_y8clcq {
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  color: #777;
}

._checkbox_y8clcq {
  display: block;
  flex-shrink: 0;
  margin-top: 3px;
  cursor: pointer;
}

/* styles for accent-webapp/components/translation-conversation/index.scss */
._translation-conversation_kwnxe8 {
  display: flex;
  width: 100%;
}

._comments_kwnxe8 {
  flex: 1 1 100%;
}

._comment-form_kwnxe8 {
  margin: 32px 0;
}

._list_kwnxe8 {
  margin-top: 30px;
}

._subscriptions_kwnxe8 {
  flex: 1 1 100%;
  max-width: 250px;
  margin: 30px 0 0 25px;
}

@media (max-width: 640px) {
  ._translation-conversation_kwnxe8 {
    flex-direction: column;
  }
  ._subscriptions_kwnxe8 {
    max-width: none;
    margin-top: 10px;
    margin-left: 0;
  }
}
/* styles for accent-webapp/components/translation-edit/form/index.scss */
._translation-edit-form_x7bjko {
  height: 100%;
}
._translation-edit-form_x7bjko .ember-radio-button {
  display: flex;
  align-items: center;
  padding: 10px;
  margin-bottom: 3px;
  border-radius: var(--border-radius);
  font-weight: bold;
  font-size: 13px;
  color: #444;
}
._translation-edit-form_x7bjko .ember-radio-button._checked_x7bjko {
  background: var(--background-light-highlight);
  color: var(--text-color-normal);
}
._translation-edit-form_x7bjko .ember-radio-button input {
  margin-right: 8px;
}

._input-wrapper_x7bjko {
  position: relative;
}

._radio-wrapper_x7bjko {
  margin-top: 6px;
  font-size: 16px;
  font-weight: bold;
}

._radio-label_x7bjko {
  display: inline-flex;
  align-items: center;
  margin-right: 14px;
  font-family: var(--font-monospace);
}
._radio-label_x7bjko > input {
  margin-right: 5px;
}

._label_x7bjko {
  display: inline-block;
  padding: 5px 8px 4px;
  border-radius: var(--border-radius);
  margin-bottom: 5px;
  background: hsl(var(--color-blue-hue), var(--color-blue-saturation), var(--color-highlight-lighteness));
  font-size: 11px;
  color: var(--color-blue);
}

._lint-loading_x7bjko {
  position: absolute;
  left: 0px;
  top: -22px;
  opacity: 0.5;
  font-size: 13px;
}

._lint-loading-icon_x7bjko {
  width: 10px;
}

._inputText_x7bjko {
  width: 100%;
  height: 100%;
  padding: 10px 130px 10px 10px;
}
._inputText_x7bjko[dir=rtl] {
  padding: 10px 10px 10px 130px;
}
._inputText_x7bjko._inputText--borderless_x7bjko {
  border-color: transparent;
  background: transparent;
}
._inputText_x7bjko._inputText--borderless_x7bjko:focus {
  border-color: transparent;
  background: transparent;
}
._inputText_x7bjko::-moz-placeholder {
  opacity: 0.2;
  font-style: italic;
  font-family: var(--font-primary);
}
._inputText_x7bjko::placeholder {
  opacity: 0.2;
  font-style: italic;
  font-family: var(--font-primary);
}

._placeholders_x7bjko {
  margin: 0 0 15px;
  padding: 15px;
  border-radius: var(--border-radius);
  font-size: 12px;
  background: hsl(var(--color-blue-hue), var(--color-blue-saturation), var(--color-highlight-lighteness));
  color: var(--color-blue);
}

._placeholders-title_x7bjko {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
  font-size: 13px;
  font-weight: bold;
}

._placeholders-text_x7bjko {
  margin-bottom: 6px;
}

._placeholders-text-content_x7bjko {
  max-width: 500px;
}

._placeholders-item_x7bjko {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--text-color-normal);
  opacity: 0.8;
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
._placeholders-item_x7bjko._placeholders-item--warning_x7bjko {
  opacity: 1;
  color: var(--color-error);
}

._placeholders-item-icon_x7bjko {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  stroke: var(--color-error);
}

._placeholders-title-icon_x7bjko {
  width: 14px;
  height: 14px;
  margin-right: 6px;
  stroke: var(--color-blue);
}

._file-comment_x7bjko {
  margin: 0 0 15px;
  padding: 15px 15px 5px;
  border-radius: var(--border-radius);
  font-size: 12px;
  background: var(--background-light);
  color: var(--color-black);
}

._file-comment-title_x7bjko {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
  font-size: 13px;
  font-weight: bold;
}

._file-comment-text_x7bjko {
  margin-bottom: 6px;
}

._file-comment-text-content_x7bjko {
  max-width: 500px;
  font-family: var(--font-monospace);
}

._file-comment-title-icon_x7bjko {
  width: 14px;
  height: 14px;
  margin-right: 6px;
  stroke: var(--color-black);
}

._lint-messages_x7bjko {
  transition: 0.2s ease-in-out;
  transition-property: opacity;
}

._lint-messages--loading_x7bjko {
  opacity: 0.5;
}

/* styles for accent-webapp/components/translation-edit/helpers/index.scss */
._root_w6qgcb {
  display: flex;
  align-items: center;
  gap: 2px;
}

/* styles for accent-webapp/components/translation-edit/index.scss */
._translation-edit_o8g6jl {
  width: 100%;
}

._jipt_o8g6jl {
  padding-right: 15px;
  padding-left: 15px;
}

._previousText_o8g6jl {
  margin-bottom: 15px;
  color: var(--color-grey);
  font-size: 12px;
}

._previousText-label_o8g6jl {
  color: var(--color-gray);
  font-weight: bold;
}

._previousText-empty_o8g6jl {
  font-style: italic;
}

._previousText-text_o8g6jl {
  white-space: pre-wrap;
  font-size: 11px;
}

._actions_o8g6jl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 15px;
}

._form_o8g6jl {
  position: relative;
}

._form-improve_o8g6jl[data-rtl] {
  left: 6px;
  right: auto;
}

._form-improve_o8g6jl {
  position: absolute;
  right: 6px;
  top: 6px;
}

._actions-link_o8g6jl {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: var(--color-primary);
  transition: 0.2s ease-in-out;
  transition-property: color, opacity;
}
._actions-link_o8g6jl:focus, ._actions-link_o8g6jl:hover {
  opacity: 0.7;
}

._actions-link-icon_o8g6jl {
  width: 18px;
  height: 18px;
  margin-right: 3px;
  stroke: var(--color-primary);
  transition: 0.2s ease-in-out;
  transition-property: stroke;
}

._actions-buttons_o8g6jl {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
._actions-buttons_o8g6jl > .button {
  margin-left: 10px;
}

._actions-button-revert_o8g6jl {
  opacity: 0.6;
}
._actions-button-revert_o8g6jl .label {
  padding: 3px 2px;
}

/* styles for accent-webapp/components/translation-editions-list/index.scss */
._translations-list_qmhyt1 {
  margin-top: 20px;
}

._empty-content_qmhyt1 {
  margin-top: 20px;
}

/* styles for accent-webapp/components/translation-editions-list/item/index.scss */
._translations-list-item_xsmlcf {
  transition: 0.2s ease-in-out;
  transition-property: background, transform;
  display: block;
  margin: 0 0 5px;
  padding: 4px 10px;
  border: 1px solid transparent;
  border-radius: var(--border-radius);
}
._translations-list-item_xsmlcf[data-dir=rtl] ._item-header_xsmlcf {
  flex-direction: row-reverse;
}
._translations-list-item_xsmlcf[data-dir=rtl] ._item-header_xsmlcf ._item-meta_xsmlcf {
  flex-direction: row-reverse;
  margin-right: 10px;
}
._translations-list-item_xsmlcf:focus, ._translations-list-item_xsmlcf:hover {
  background: var(--background-light);
}
._translations-list-item_xsmlcf:focus ._form-helpers_xsmlcf, ._translations-list-item_xsmlcf:hover ._form-helpers_xsmlcf {
  pointer-events: all;
  opacity: 1;
}
._translations-list-item_xsmlcf:focus[data-dir=rtl] ._item-edit_xsmlcf, ._translations-list-item_xsmlcf:hover[data-dir=rtl] ._item-edit_xsmlcf {
  transform: translateX(40px);
}
._translations-list-item_xsmlcf:focus ._item-edit_xsmlcf, ._translations-list-item_xsmlcf:hover ._item-edit_xsmlcf {
  transform: translateX(-40px);
  opacity: 1;
}

._item-meta_xsmlcf {
  display: flex;
  align-items: center;
}

._item-link_xsmlcf {
  display: flex;
  align-items: center;
}

._item-header_xsmlcf {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1px;
  gap: 5px;
}

._item-edit_xsmlcf {
  position: absolute;
  opacity: 0;
  top: 0;
  padding: 2px 8px;
  transform: translateX(-20px);
  transition: 0.2s ease-in-out;
  transition-property: opacity, transform;
}

._item-edit-icon_xsmlcf {
  width: 16px;
  height: 16px;
  cursor: pointer;
  stroke: var(--color-grey);
  transition: 0.2s ease-in-out;
  transition-property: stroke;
}
._item-edit-icon_xsmlcf:focus, ._item-edit-icon_xsmlcf:hover {
  stroke: var(--color-green);
  stroke: var(--color-primary);
}

._item-key_xsmlcf {
  font-family: var(--font-monospace);
  text-transform: none;
}

._item-text_xsmlcf {
  display: block;
  width: 100%;
  font-size: 13px;
  color: var(--color-black);
  padding: 2px 0;
  cursor: text;
  white-space: pre-wrap;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
  opacity: 0.8;
}
._item-text_xsmlcf._item-text--empty_xsmlcf {
  white-space: normal;
  font-style: italic;
  font-size: 11px;
  opacity: 0.4;
}
._item-text_xsmlcf[data-dir=rtl] {
  text-align: right;
}
._item-text_xsmlcf:hover, ._item-text_xsmlcf:focus {
  opacity: 1;
}

._item-updatedAt_xsmlcf {
  margin-left: 5px;
  color: var(--color-grey);
  font-size: 11px;
  transition: 0.2s ease-in-out;
  transition-property: opacity, transform;
}

._item-textEdit_xsmlcf {
  margin-top: 10px;
  position: relative;
}

._item-textEdit-cancel_xsmlcf {
  margin-right: 20px;
  color: var(--color-grey);
  font-size: 12px;
  cursor: pointer;
}

._item-textEdit-button_xsmlcf {
  padding: 1px 9px !important;
}

._form-helpers_xsmlcf {
  pointer-events: none;
  opacity: 0;
  position: relative;
  z-index: 1;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
}

._textEdit-actions_xsmlcf {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  gap: 8px;
  top: 14px;
  right: 14px;
}
._textEdit-actions_xsmlcf[data-dir=rtl] {
  right: auto;
  left: 14px;
  flex-direction: row-reverse;
}

@media (max-width: 800px) {
  ._item-edit_xsmlcf {
    display: none;
  }
}
/* styles for accent-webapp/components/translation-index/index.scss */
._wrapper_ishwkj {
  display: flex;
  margin-top: 10px;
}
._wrapper_ishwkj > div:first-of-type {
  margin-right: 40px;
  width: 55%;
}
._wrapper_ishwkj > div:last-of-type {
  margin-right: 0;
  width: 45%;
}
._wrapper_ishwkj > div:first-of-type:last-of-type {
  width: 100%;
}

@media (max-width: 800px) {
  ._wrapper_ishwkj {
    flex-direction: column;
  }
  ._wrapper_ishwkj > div:first-of-type:last-of-type {
    margin-top: 0;
  }
  ._wrapper_ishwkj > div:last-of-type {
    margin-top: 30px;
  }
  ._wrapper_ishwkj > div, ._wrapper_ishwkj > div:last-of-type, ._wrapper_ishwkj > div:first-of-type {
    width: 100%;
  }
}
/* styles for accent-webapp/components/translation-navigation/index.scss */
._navigation--alt_1qj02k ._navigation-list-item_1qj02k {
  margin-right: 6px;
}
._navigation--alt_1qj02k ._navigation-list-item-link_1qj02k {
  padding: 2px 11px 2px 10px;
  border-radius: var(--border-radius);
  opacity: 0.9;
}
._navigation--alt_1qj02k ._navigation-list-item-link_1qj02k.active {
  background: var(--body-background);
  opacity: 1;
}

._navigation-list_1qj02k {
  display: flex;
  align-items: stretch;
  position: relative;
  left: -6px;
  z-index: 10;
}

._navigation-list-item_1qj02k {
  padding: 0 5px 0;
  margin-right: 16px;
}
._navigation-list-item_1qj02k:last-of-type {
  margin-right: 0;
}

._navigation-list-item-link_1qj02k {
  transition: 0.2s ease-in-out;
  transition-property: color, border-color, background;
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  padding: 5px 5px 6px 3px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  color: var(--color-black);
}
._navigation-list-item-link_1qj02k:focus ._navigation-list-item-link-text_1qj02k, ._navigation-list-item-link_1qj02k:hover ._navigation-list-item-link-text_1qj02k, ._navigation-list-item-link_1qj02k.active ._navigation-list-item-link-text_1qj02k {
  opacity: 1;
}
._navigation-list-item-link_1qj02k:focus ._navigation-list-item-link-icon_1qj02k, ._navigation-list-item-link_1qj02k:hover ._navigation-list-item-link-icon_1qj02k, ._navigation-list-item-link_1qj02k.active ._navigation-list-item-link-icon_1qj02k {
  stroke: currentColor;
}

._navigation-list-item-link-text_1qj02k {
  opacity: 0.7;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
}

._navigation-list-item-link-icon_1qj02k {
  transition: 0.2s ease-in-out;
  transition-property: stroke;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  opacity: 0.6;
  stroke: var(--color-black);
}

@media (max-width: 640px) {
  ._navigation-list_1qj02k {
    justify-content: space-between;
  }
  ._navigation-list-item-link_1qj02k {
    flex-direction: column;
    font-size: 12px;
    text-align: center;
  }
  ._navigation-list-item-link-icon_1qj02k {
    margin-right: 0;
    margin-bottom: 5px;
  }
}
@media (max-width: 440px) {
  ._navigation-list-item_1qj02k {
    width: 100%;
    margin-right: 0;
  }
  ._navigation-list-item-link-text_1qj02k {
    display: none;
  }
  ._navigation--alt_1qj02k ._navigation-list-item-link_1qj02k {
    padding: 8px 15px 5px 15px;
  }
}
/* styles for accent-webapp/components/translation-splash-title/index.scss */
._translation-splash-file_1kz820 {
  margin-bottom: 20px;
}

._language_1kz820 {
  display: inline-block;
  margin-bottom: 4px;
  color: var(--color-black);
  font-size: 14px;
  text-decoration: none;
  transition: 0.2s ease-in-out;
  transition-property: color;
}
._language_1kz820:focus, ._language_1kz820:hover {
  opacity: 0.8;
}
._language_1kz820:focus ._back-icon_1kz820, ._language_1kz820:hover ._back-icon_1kz820 {
  transform: translateX(-2px);
}

._updatedAt_1kz820 {
  color: var(--color-grey);
  font-size: 11px;
  font-style: italic;
}

._back-icon_1kz820 {
  width: 11px;
  height: 11px;
  stroke: var(--color-black);
  transition: 0.2s ease-in-out;
  transition-property: stroke transform;
}

._key_1kz820 {
  margin-bottom: 3px;
  font-family: var(--font-monospace);
  font-weight: bold;
  font-size: 22px;
  color: var(--color-primary);
  line-height: 1.3;
}

._key-prefix_1kz820 {
  display: block;
  font-weight: 300;
  font-size: 14px;
  color: var(--color-grey);
}

._version-tag_1kz820 {
  font-family: var(--font-monospace);
  text-transform: none;
}

._removedBadge_1kz820 {
  font-size: 12px;
  color: var(--color-error);
}

._badges_1kz820 {
  display: flex;
  align-items: center;
}
._badges_1kz820 > * {
  margin-right: 6px;
}

@media (max-width: 640px) {
  ._language_1kz820 {
    margin-top: 20px;
  }
}
/* styles for accent-webapp/components/translations-filter/advanced-filters/index.scss */
._translations-filter-advanced-filters_1vceh7 {
  margin: 15px 0 0 0;
  display: flex;
  flex-direction: column;
}

._title_1vceh7 {
  text-transform: uppercase;
  color: var(--text-color-normal);
  font-size: 11px;
  font-weight: bold;
}

._label_1vceh7 {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 250px;
  margin-top: 10px;
  font-size: 12px;
}
._label_1vceh7 input {
  margin-right: 6px;
}

._labels_1vceh7 {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
}

/* styles for accent-webapp/components/translations-filter/index.scss */
._filters-wrapper_17xzyp {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

._queryForm_17xzyp {
  position: relative;
}

._search-icon_17xzyp {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 7px;
  width: 20px;
  height: 20px;
  stroke: var(--input-border-color);
}

._input_17xzyp {
  width: 100%;
  padding: 7px 7px 7px 30px;
  font-family: var(--font-primary);
  font-size: 14px;
  color: var(--color-black);
}
._input_17xzyp:focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 2px var(--shadow-color);
}
._input_17xzyp::-moz-placeholder {
  color: var(--color-grey);
}
._input_17xzyp::placeholder {
  color: var(--color-grey);
}

button._advancedFilters_17xzyp {
  position: relative;
  box-shadow: none;
  flex-shrink: 0;
}
button._advancedFilters_17xzyp:focus, button._advancedFilters_17xzyp:hover {
  transform: translate3d(0, 0, 0);
}

._advancedFilters-badge_17xzyp {
  position: absolute;
  top: -4px;
  right: -7px;
  background: var(--color-primary);
  border-radius: var(--border-radius);
  padding: 0 4px 1px;
  color: #fff;
  font-size: 10px;
}

@media (max-width: 440px) {
  ._filters-wrapper_17xzyp {
    flex-direction: column;
  }
  ._queryForm_17xzyp,
  ._filters-content_17xzyp {
    width: 100%;
  }
}
/* styles for accent-webapp/components/translations-list/index.scss */
._translations-list_1by3uj {
  margin-top: 20px;
}

._translations-list-version_1by3uj {
  margin: 0 0 15px;
  padding: 15px;
  border-radius: var(--border-radius);
  font-size: 12px;
  background: hsl(var(--color-blue-hue), var(--color-blue-saturation), var(--color-highlight-lighteness));
  color: var(--color-blue);
}

._translations-list-version-tag_1by3uj {
  display: inline-flex;
  align-items: center;
  margin-left: 2px;
  font-size: 11px;
  font-family: var(--font-monospace);
  font-weight: 600;
  text-transform: none;
}

._icon_1by3uj {
  display: block;
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
}

._empty-content_1by3uj {
  margin-top: 40px;
}

/* styles for accent-webapp/components/translations-list/item/index.scss */
._translations-list-item_1pnqw4 {
  transition: 0.2s ease-in-out;
  transition-property: background, transform;
  display: block;
  margin: 0 0 5px;
  padding: 4px 10px;
  border: 1px solid transparent;
  border-radius: var(--border-radius);
}
._translations-list-item_1pnqw4[data-dir=rtl] ._item-header_1pnqw4 {
  flex-direction: row-reverse;
}
._translations-list-item_1pnqw4[data-dir=rtl] ._item-header_1pnqw4 ._item-edit-wrapper_1pnqw4 {
  flex-direction: row-reverse;
}
._translations-list-item_1pnqw4[data-dir=rtl] ._item-header_1pnqw4 ._item-meta_1pnqw4 {
  flex-direction: row-reverse;
  margin-right: 10px;
}
._translations-list-item_1pnqw4[data-dir=rtl] ._item-header_1pnqw4 ._item-updatedAt_1pnqw4 {
  margin-left: 0;
  margin-right: 10px;
}
._translations-list-item_1pnqw4[data-dir=rtl] ._item-header_1pnqw4 ._item-key_1pnqw4 {
  flex-direction: row-reverse;
}
._translations-list-item_1pnqw4[data-dir=rtl] ._item-header_1pnqw4 ._item-key-prefix_1pnqw4::before {
  content: "";
}
._translations-list-item_1pnqw4[data-dir=rtl] ._item-header_1pnqw4 ._item-key-prefix_1pnqw4::after {
  content: "/";
}
._translations-list-item_1pnqw4:focus, ._translations-list-item_1pnqw4:hover {
  background: var(--background-light);
}
._translations-list-item_1pnqw4:focus ._form-helpers_1pnqw4, ._translations-list-item_1pnqw4:hover ._form-helpers_1pnqw4 {
  pointer-events: all;
  opacity: 1;
}
._translations-list-item_1pnqw4:focus[data-dir=rtl] ._item-edit_1pnqw4, ._translations-list-item_1pnqw4:hover[data-dir=rtl] ._item-edit_1pnqw4 {
  transform: translateX(40px);
}
._translations-list-item_1pnqw4:focus ._item-edit_1pnqw4, ._translations-list-item_1pnqw4:hover ._item-edit_1pnqw4 {
  transform: translateX(-40px);
  opacity: 1;
}
._translations-list-item_1pnqw4:focus ._item-updatedAt_1pnqw4, ._translations-list-item_1pnqw4:hover ._item-updatedAt_1pnqw4 {
  opacity: 1;
  transform: translateX(0);
}
._translations-list-item_1pnqw4._item--editMode_1pnqw4 {
  background: var(--background-light);
}
._translations-list-item_1pnqw4._item--editMode_1pnqw4 ._item-edit_1pnqw4 {
  transform: translateX(-40px);
  opacity: 1;
}
._translations-list-item_1pnqw4._item--editMode_1pnqw4 ._item-edit-icon_1pnqw4:focus, ._translations-list-item_1pnqw4._item--editMode_1pnqw4 ._item-edit-icon_1pnqw4:hover {
  stroke: var(--color-error);
}

._item-link_1pnqw4 {
  text-decoration: none;
}
._item-link_1pnqw4:focus ._item-key_1pnqw4, ._item-link_1pnqw4:hover ._item-key_1pnqw4 {
  color: var(--color-primary-opacity-50);
}

._item-edit-wrapper_1pnqw4 {
  display: flex;
}

._item-header_1pnqw4 {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 1px;
  gap: 5px;
}

._item-edit_1pnqw4 {
  position: absolute;
  opacity: 0;
  top: 0;
  padding: 2px 8px;
  transform: translateX(-20px);
  transition: 0.2s ease-in-out;
  transition-property: opacity, transform;
}

._item-edit-icon_1pnqw4 {
  width: 16px;
  height: 16px;
  cursor: pointer;
  stroke: var(--color-grey);
  transition: 0.2s ease-in-out;
  transition-property: stroke;
}
._item-edit-icon_1pnqw4:focus, ._item-edit-icon_1pnqw4:hover {
  stroke: var(--color-green);
  stroke: var(--color-primary);
}

._item-key-prefix_1pnqw4 {
  display: inline-flex;
  gap: 5px;
  font-size: 11px;
  color: #959595;
  flex-shrink: 0;
  font-weight: 300;
}
._item-key-prefix_1pnqw4::before {
  content: "/";
}

._item-key_1pnqw4 {
  display: flex;
  align-items: center;
  gap: 5px;
  transition: 0.2s ease-in-out;
  transition-property: color;
  color: var(--color-primary);
  line-height: 1.5;
  word-break: break-all;
  font-family: var(--font-monospace);
  font-size: 11px;
  font-weight: bold;
}

._item-meta_1pnqw4 {
  display: flex;
  align-items: center;
  gap: 3px;
}

._item-text_1pnqw4 {
  display: block;
  width: 100%;
  font-size: 13px;
  color: var(--color-black);
  padding: 2px 0;
  cursor: text;
  white-space: pre-wrap;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
  opacity: 0.8;
}
._item-text_1pnqw4._item-text--empty_1pnqw4 {
  white-space: normal;
  font-style: italic;
  font-size: 11px;
  opacity: 0.4;
}
._item-text_1pnqw4[data-dir=rtl] {
  text-align: right;
}
._item-text_1pnqw4:hover, ._item-text_1pnqw4:focus {
  opacity: 1;
}

._item-updatedAt_1pnqw4 {
  opacity: 0;
  transform: translateX(-5px);
  margin-left: 5px;
  color: var(--color-grey);
  font-size: 11px;
  transition: 0.2s ease-in-out;
  transition-property: opacity, transform;
}

._item-textEdit_1pnqw4 {
  margin-top: 10px;
  position: relative;
}

._item-textEdit-cancel_1pnqw4 {
  margin-right: 20px;
  color: var(--color-grey);
  font-size: 12px;
  cursor: pointer;
}

._item-textEdit-button_1pnqw4 {
  padding: 1px 9px !important;
}

._form-helpers_1pnqw4 {
  pointer-events: none;
  opacity: 0;
  position: relative;
  z-index: 1;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
}

._textEdit-actions_1pnqw4 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  gap: 8px;
  top: 14px;
  right: 14px;
}
._textEdit-actions_1pnqw4[data-dir=rtl] {
  right: auto;
  left: 14px;
  flex-direction: row-reverse;
}

@media (max-width: 800px) {
  ._item-edit_1pnqw4 {
    display: none;
  }
}
/* styles for accent-webapp/components/version-create-form/index.scss */
._version-create-form_j5w1ub {
  padding: 20px;
  background: var(--content-background);
}

._title_j5w1ub {
  margin-bottom: 20px;
  text-align: center;
  font-size: 27px;
  font-weight: 300;
  color: var(--color-primary);
}

._text_j5w1ub {
  font-size: 13px;
  margin-bottom: 20px;
  color: #555;
}

._textInput_j5w1ub {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 10px;
  margin-right: 25px;
  min-width: 250px;
  width: 100%;
  font-size: 12px;
  font-family: var(--font-primary);
}

._errors_j5w1ub {
  margin-bottom: 15px;
  padding-bottom: 5px;
}

._error_j5w1ub {
  margin-bottom: 5px;
  color: var(--color-error);
  font-size: 13px;
  font-weight: bold;
}

._formItem_j5w1ub {
  margin-bottom: 20px;
}

._formItem-label_j5w1ub {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
}

._formItem-checkbox_j5w1ub {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}

._formItem-help_j5w1ub {
  font-size: 11px;
  opacity: 0.6;
}

._formActions_j5w1ub {
  padding-top: 10px;
}

/* styles for accent-webapp/components/version-update-form/index.scss */
._version-update-form_rvw70m {
  padding: 20px;
  background: var(--content-background);
}

._title_rvw70m {
  margin-bottom: 20px;
  text-align: center;
  font-size: 27px;
  font-weight: 300;
  color: var(--color-primary);
}

._text_rvw70m {
  font-size: 13px;
  margin-bottom: 20px;
  color: #555;
}

._textInput_rvw70m {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 10px;
  margin-right: 25px;
  min-width: 250px;
  width: 100%;
  font-size: 12px;
  font-family: var(--font-primary);
}

._errors_rvw70m {
  margin-bottom: 15px;
  padding-bottom: 5px;
}

._error_rvw70m {
  margin-bottom: 5px;
  color: var(--color-error);
  font-size: 13px;
  font-weight: bold;
}

._formItem_rvw70m {
  margin-bottom: 20px;
}

._formItem-label_rvw70m {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
}

._formItem-checkbox_rvw70m {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}

._formItem-help_rvw70m {
  font-size: 11px;
  opacity: 0.6;
}

._formActions_rvw70m {
  padding-top: 10px;
}

/* styles for accent-webapp/components/versions-list/index.scss */
._versions-list_o1x6wt {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--background-light-highlight);
}

._empty-content_o1x6wt {
  margin: 20px 0;
}

/* styles for accent-webapp/components/versions-list/item/index.scss */
._item_dadc93 {
  position: relative;
  padding: 10px 0;
  width: 100%;
}
._item_dadc93:focus ._deleteButton_dadc93, ._item_dadc93:hover ._deleteButton_dadc93 {
  display: inline-block;
}

._item-title_dadc93 {
  display: flex;
  align-items: center;
  font-size: 23px;
  color: var(--color-primary);
}

._item-title-link_dadc93 {
  text-decoration: none;
  color: var(--color-primary);
}
._item-title-link_dadc93:hover {
  text-decoration: underline;
}

._item-tag_dadc93 {
  position: relative;
  top: 2px;
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
  font-size: 12px;
  font-family: var(--font-monospace);
  color: var(--text-color-normal);
  text-decoration: none;
  background: var(--background-tooltip);
  padding: 1px 3px;
  border-radius: var(--border-radius);
}

._item-meta_dadc93 {
  margin-bottom: 10px;
  font-size: 12px;
  color: var(--color-grey);
}

._item-meta-date_dadc93 {
  opacity: 0.7;
  color: var(--color-grey);
}

._links_dadc93 {
  margin-top: 10px;
}
._links_dadc93 ._button_dadc93 {
  margin-right: 6px;
}
._links_dadc93 ._button_dadc93._button--borderLess_dadc93:first-of-type:last-of-type {
  margin-left: -14px;
}

/* styles for accent-webapp/components/welcome-project/index.scss */
._welcome-project_domt4p {
  margin: 0 30px;
}

._heroTitle_domt4p {
  display: block;
  margin: 0 0 40px;
  max-width: 350px;
}

._heroTitle-title_domt4p {
  margin-bottom: 15px;
  line-height: 1;
  font-size: 48px;
  font-weight: 900;
  color: var(--color-primary);
}

._heroTitle-text_domt4p {
  font-size: 18px;
  font-weight: 300;
  color: var(--color-grey);
}

._subtitle_domt4p {
  padding-bottom: 5px;
  margin: 20px 0 10px;
  font-weight: bold;
  font-size: 16px;
  color: var(--color-black);
}

._links_domt4p {
  display: flex;
  flex-wrap: wrap;
  max-width: 700px;
}

._section_domt4p,
._link_domt4p {
  display: flex;
  align-items: flex-start;
  padding: 5px 0;
}

._link_domt4p {
  max-width: 300px;
  min-width: 200px;
  width: 100%;
  padding: 20px;
  margin-bottom: 10px;
  margin-right: 10px;
  box-shadow: 0 4px 8px var(--shadow-color), 0 5px 15px var(--shadow-color);
  border-radius: var(--border-radius);
  color: var(--color-primary);
  text-decoration: none;
  transition: 0.2s ease-in-out;
  transition-property: background, box-shadow;
  background: var(--content-background);
}
._link_domt4p:focus, ._link_domt4p:hover {
  background: var(--color-primary-opacity-10);
  box-shadow: 0 1px 6px var(--shadow-color), 0 5px 18px var(--shadow-color);
}

._link-subtitle_domt4p {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  color: var(--color-black);
}

._link-icon_domt4p {
  width: 22px;
  height: 22px;
  margin-right: 9px;
  margin-top: 2px;
  opacity: 0.7;
}

._link-icon_domt4p {
  stroke: var(--color-primary);
}

/* styles for accent-webapp/styles/app.scss */
/*
  The code below has been extracted from the following projects:

  - https://github.com/murtaugh/HTML5-Reset
  - http://meyerweb.com
  - http://html5doctor.com
  - http://html5boilerplate.com

  … and then cleaned up a lot.
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
code,
em,
img,
small,
strong,
sub,
sup,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
footer,
header,
nav,
section,
time,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: inherit;
  vertical-align: baseline;
  background: transparent;
}

article,
aside,
figure,
footer,
header,
nav,
section {
  display: block;
}

html {
  box-sizing: border-box;
  overflow-y: scroll;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

img,
object {
  max-width: 100%;
}

ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: bold;
  vertical-align: bottom;
}

td {
  font-weight: normal;
  vertical-align: top;
}

input,
select {
  vertical-align: middle;
}

input[type=radio] {
  vertical-align: text-bottom;
}

input[type=checkbox] {
  flex-shrink: 0;
  vertical-align: bottom;
}

strong {
  font-weight: bold;
}

label,
input[type=file],
button {
  cursor: pointer;
}

button,
input,
select,
textarea {
  margin: 0;
  border: 0;
}

._textInput_8orsp6, ._commit-file_ii0ef5 .textInput, ._fileSourceName_ii0ef5, ._input_1osfim, ._textInput_mppy0i, ._textInput_6i03qe, ._input_1scd88, ._input_kpancg, ._input_1x8m24, ._textInput_qh4qsc, ._colorInput_qh4qsc, ._logoInput_qh4qsc, ._textInput_d08slj, ._textInput_1ku07p, ._textInput_1mjw06, ._colorInput_1mjw06, ._textInput_19rg83, ._textInput_q98rs4, ._textInput_8em163, ._textInput_1uy7zq, ._textInput_1hgj95, ._input_vfkhnn, ._textInput_1cjyjz, ._textInput_1rldf4, ._textEdit-input_oa821g, ._textInput_uw73f3, ._inputText_1qv0nh, ._inputText_x7bjko, ._input_17xzyp, ._textInput_j5w1ub, ._textInput_rvw70m {
  transition: 0.2s ease-in-out;
  transition-property: background, border, box-shadow;
  resize: vertical;
  outline: 0;
  border-radius: var(--border-radius);
  border: 2px solid var(--input-border-color);
  background: var(--input-background);
  color: var(--input-color);
  font-family: var(--font-monospace);
  line-height: 1.4;
  max-height: 200px;
}
._textInput_8orsp6::-moz-selection, ._commit-file_ii0ef5 .textInput::-moz-selection, ._fileSourceName_ii0ef5::-moz-selection, ._input_1osfim::-moz-selection, ._textInput_mppy0i::-moz-selection, ._textInput_6i03qe::-moz-selection, ._input_1scd88::-moz-selection, ._input_kpancg::-moz-selection, ._input_1x8m24::-moz-selection, ._textInput_qh4qsc::-moz-selection, ._colorInput_qh4qsc::-moz-selection, ._logoInput_qh4qsc::-moz-selection, ._textInput_d08slj::-moz-selection, ._textInput_1ku07p::-moz-selection, ._textInput_1mjw06::-moz-selection, ._colorInput_1mjw06::-moz-selection, ._textInput_19rg83::-moz-selection, ._textInput_q98rs4::-moz-selection, ._textInput_8em163::-moz-selection, ._textInput_1uy7zq::-moz-selection, ._textInput_1hgj95::-moz-selection, ._input_vfkhnn::-moz-selection, ._textInput_1cjyjz::-moz-selection, ._textInput_1rldf4::-moz-selection, ._textEdit-input_oa821g::-moz-selection, ._textInput_uw73f3::-moz-selection, ._inputText_1qv0nh::-moz-selection, ._inputText_x7bjko::-moz-selection, ._input_17xzyp::-moz-selection, ._textInput_j5w1ub::-moz-selection, ._textInput_rvw70m::-moz-selection {
  background: var(--color-primary-opacity-70);
}
._textInput_8orsp6::selection, ._commit-file_ii0ef5 .textInput::selection, ._fileSourceName_ii0ef5::selection, ._input_1osfim::selection, ._textInput_mppy0i::selection, ._textInput_6i03qe::selection, ._input_1scd88::selection, ._input_kpancg::selection, ._input_1x8m24::selection, ._textInput_qh4qsc::selection, ._colorInput_qh4qsc::selection, ._logoInput_qh4qsc::selection, ._textInput_d08slj::selection, ._textInput_1ku07p::selection, ._textInput_1mjw06::selection, ._colorInput_1mjw06::selection, ._textInput_19rg83::selection, ._textInput_q98rs4::selection, ._textInput_8em163::selection, ._textInput_1uy7zq::selection, ._textInput_1hgj95::selection, ._input_vfkhnn::selection, ._textInput_1cjyjz::selection, ._textInput_1rldf4::selection, ._textEdit-input_oa821g::selection, ._textInput_uw73f3::selection, ._inputText_1qv0nh::selection, ._inputText_x7bjko::selection, ._input_17xzyp::selection, ._textInput_j5w1ub::selection, ._textInput_rvw70m::selection {
  background: var(--color-primary-opacity-70);
}
._textInput_8orsp6:focus, ._commit-file_ii0ef5 .textInput:focus, ._fileSourceName_ii0ef5:focus, ._input_1osfim:focus, ._textInput_mppy0i:focus, ._textInput_6i03qe:focus, ._input_1scd88:focus, ._input_kpancg:focus, ._input_1x8m24:focus, ._textInput_qh4qsc:focus, ._colorInput_qh4qsc:focus, ._logoInput_qh4qsc:focus, ._textInput_d08slj:focus, ._textInput_1ku07p:focus, ._textInput_1mjw06:focus, ._colorInput_1mjw06:focus, ._textInput_19rg83:focus, ._textInput_q98rs4:focus, ._textInput_8em163:focus, ._textInput_1uy7zq:focus, ._textInput_1hgj95:focus, ._input_vfkhnn:focus, ._textInput_1cjyjz:focus, ._textInput_1rldf4:focus, ._textEdit-input_oa821g:focus, ._textInput_uw73f3:focus, ._inputText_1qv0nh:focus, ._inputText_x7bjko:focus, ._input_17xzyp:focus, ._textInput_j5w1ub:focus, ._textInput_rvw70m:focus {
  border: 2px solid var(--color-primary);
}
._textInput_8orsp6:disabled, ._commit-file_ii0ef5 .textInput:disabled, ._fileSourceName_ii0ef5:disabled, ._input_1osfim:disabled, ._textInput_mppy0i:disabled, ._textInput_6i03qe:disabled, ._input_1scd88:disabled, ._input_kpancg:disabled, ._input_1x8m24:disabled, ._textInput_qh4qsc:disabled, ._colorInput_qh4qsc:disabled, ._logoInput_qh4qsc:disabled, ._textInput_d08slj:disabled, ._textInput_1ku07p:disabled, ._textInput_1mjw06:disabled, ._colorInput_1mjw06:disabled, ._textInput_19rg83:disabled, ._textInput_q98rs4:disabled, ._textInput_8em163:disabled, ._textInput_1uy7zq:disabled, ._textInput_1hgj95:disabled, ._input_vfkhnn:disabled, ._textInput_1cjyjz:disabled, ._textInput_1rldf4:disabled, ._textEdit-input_oa821g:disabled, ._textInput_uw73f3:disabled, ._inputText_1qv0nh:disabled, ._inputText_x7bjko:disabled, ._input_17xzyp:disabled, ._textInput_j5w1ub:disabled, ._textInput_rvw70m:disabled {
  color: var(--color-grey);
  background: var(--background-light);
}

/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/
.hljs {
  color: #24292e;
  background: #ffffff;
}

.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
  /* prettylights-syntax-keyword */
  color: #d73a49;
}

.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
  /* prettylights-syntax-entity */
  color: #6f42c1;
}

.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
  /* prettylights-syntax-constant */
  color: #71abee;
}

.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
  /* prettylights-syntax-string */
  color: #032f62;
}

.hljs-built_in,
.hljs-symbol {
  /* prettylights-syntax-variable */
  color: #e36209;
}

.hljs-comment,
.hljs-code,
.hljs-formula {
  /* prettylights-syntax-comment */
  color: #6a737d;
}

.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
  /* prettylights-syntax-entity-tag */
  color: #22863a;
}

.hljs-subst {
  /* prettylights-syntax-storage-modifier-import */
  color: #24292e;
}

.hljs-section {
  /* prettylights-syntax-markup-heading */
  color: #005cc5;
  font-weight: bold;
}

.hljs-bullet {
  /* prettylights-syntax-markup-list */
  color: #735c0f;
}

.hljs-emphasis {
  /* prettylights-syntax-markup-italic */
  color: #24292e;
  font-style: italic;
}

.hljs-strong {
  /* prettylights-syntax-markup-bold */
  color: #24292e;
  font-weight: bold;
}

.hljs-addition {
  /* prettylights-syntax-markup-inserted */
  color: #22863a;
  background-color: #f0fff4;
}

.hljs-deletion {
  /* prettylights-syntax-markup-deleted */
  color: #b31d28;
  background-color: #ffeef0;
}

html[data-theme=dark] .hljs {
  color: #cdd3d8;
}
html[data-theme=dark] .hljs > *::-moz-selection {
  background-color: #3e4451;
}
html[data-theme=dark] .hljs > *::selection {
  background-color: #3e4451;
}
html[data-theme=dark] .hljs-comment {
  color: #656565;
  font-style: italic;
}
html[data-theme=dark] .hljs-selector-tag {
  color: #c792ea;
}
html[data-theme=dark] .hljs-string,
html[data-theme=dark] .hljs-subst {
  color: #c3e88d;
}
html[data-theme=dark] .hljs-number,
html[data-theme=dark] .hljs-regexp,
html[data-theme=dark] .hljs-variable,
html[data-theme=dark] .hljs-template-variable {
  color: #f77669;
}
html[data-theme=dark] .hljs-keyword {
  color: #c792ea;
}
html[data-theme=dark] .hljs-function > .hljs-title {
  color: #75a5ff;
}
html[data-theme=dark] .hljs-tag {
  color: #abb2bf;
}
html[data-theme=dark] .hljs-name {
  color: #e06c75;
}
html[data-theme=dark] .hljs-type {
  color: #da4939;
}
html[data-theme=dark] .hljs-attribute {
  color: #80cbbf;
}
html[data-theme=dark] .hljs-symbol,
html[data-theme=dark] .hljs-bullet,
html[data-theme=dark] .hljs-built_in,
html[data-theme=dark] .hljs-builtin-name,
html[data-theme=dark] .hljs-link {
  color: #c792ea;
}
html[data-theme=dark] .hljs-params {
  color: #eefff7;
}
html[data-theme=dark] .hljs-meta {
  color: #75a5ff;
}
html[data-theme=dark] .hljs-title {
  color: #75a5ff;
}
html[data-theme=dark] .hljs-section {
  color: #ffc66d;
}
html[data-theme=dark] .hljs-addition {
  background-color: #144212;
  color: #e6e1dc;
  display: inline-block;
  width: 100%;
}
html[data-theme=dark] .hljs-deletion {
  background-color: #600;
  color: #e6e1dc;
  display: inline-block;
  width: 100%;
}
html[data-theme=dark] .hljs-selector-class {
  color: #ffcb68;
}
html[data-theme=dark] .hljs-selector-id {
  color: #f77669;
}
html[data-theme=dark] .hljs-emphasis {
  font-style: italic;
}
html[data-theme=dark] .hljs-strong {
  font-weight: bold;
}
html[data-theme=dark] .hljs-link {
  text-decoration: underline;
}

.button {
  --button-background-color: transparent;
  --button-background-hover-color: transparent;
  --button-border-color: transparent;
  --button-text-hover-color: #000;
  --button-text-color: #000;
  --button-loading-color: #000;
  --button-shadow-focus-color: var(--shadow-color);
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  transition: 0.2s ease-in-out;
  transition-property: all;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  text-decoration: none;
  border-radius: var(--border-radius);
  outline: none;
  cursor: pointer;
  background: none;
  font-weight: bold;
  font-size: 12px;
  background: var(--button-background-color);
  border: 1px solid var(--button-border-color);
  color: var(--button-text-color);
  transform: translate3d(0, 0, 0);
}
.button[disabled] {
  opacity: 0.5;
  cursor: default;
}
.button[disabled]:focus, .button[disabled]:hover {
  background: var(--button-background-color);
  border: 1px solid var(--button-border-color);
  color: var(--button-text-color);
  transform: none;
}
.button.button--loading svg.loading {
  fill: var(--button-loading-color);
}
.button:focus {
  box-shadow: 0 0 10px var(--button-shadow-focus-color);
}
.button:focus, .button:hover {
  transform: translate3d(0, -2px, 0);
  background: var(--button-background-hover-color);
  color: var(--button-text-hover-color);
}
.button.button--small {
  padding: 2px 6px;
  font-weight: bold;
  font-size: 11px;
}
.button.button--small .label {
  padding: 0;
}
.button.button--disabled {
  opacity: 0.5;
  cursor: default;
}
.button.button--iconOnly .button-icon {
  top: 1px;
  margin: 0;
}
.button.button--link, .button.button--link:hover {
  --shadow-color: none;
  --button-border-color: transparent;
  border: 0;
}

.button--blue {
  --button-text-color: var(--color-blue);
}

.button--green {
  --button-text-color: var(--color-green);
}

.button--grey {
  --button-text-color: var(--color-grey);
}

.button--grey,
.button--success,
.button--black,
.button--blue,
.button--red,
.button--green {
  border: 1px solid;
}

.button--filled {
  --button-background-color: var(--color-primary);
  --button-background-hover-color: hsl(
    var(--color-primary-hue),
    var(--color-primary-saturation),
    42%
  );
  --button-border-color: var(--color-primary-darken-10);
  --button-text-hover-color: #fff;
  --button-text-color: #fff;
  --button-shadow-focus-color: hsl(
    var(--color-primary-hue),
    var(--color-primary-saturation),
    70%
  );
  padding: 5px 12px;
  background: var(--button-background-color);
  border: 1px solid var(--button-border-color);
  box-shadow: 0 1px 2px var(--shadow-color), 0 2px 6px var(--shadow-color);
  text-shadow: 0 1px 1px var(--shadow-color);
  color: var(--button-text-color);
}
.button--filled.button--iconOnly {
  padding: 2px 4px;
}
.button--filled.button--red {
  --button-text-hover-color: #fff;
  --button-text-color: #fff;
  --button-background-color: var(--color-error);
  --button-background-hover-color: hsl(
    var(--color-error-hue),
    var(--color-error-saturation),
    46%
  );
  --button-border-color: hsl(
    var(--color-error-hue),
    var(--color-error-saturation),
    46%
  );
  --button-shadow-focus-color: hsl(
    var(--color-error-hue),
    var(--color-error-saturation),
    70%
  );
}
.button--filled.button--green {
  --button-text-hover-color: #fff;
  --button-text-color: #fff;
  --button-background-color: var(--color-green);
  --button-background-hover-color: hsl(
    var(--color-green-hue),
    var(--color-green-saturation),
    42%
  );
  --button-border-color: hsl(
    var(--color-green-hue),
    var(--color-green-saturation),
    46%
  );
  --button-shadow-focus-color: hsl(
    var(--color-green-hue),
    var(--color-green-saturation),
    70%
  );
}
.button--filled.button--success {
  --button-text-hover-color: #fff;
  --button-text-color: #fff;
  --button-background-color: var(--color-success);
  --button-background-hover-color: hsl(
    var(--color-success-hue),
    var(--color-success-saturation),
    46%
  );
  --button-border-color: hsl(
    var(--color-success-hue),
    var(--color-success-saturation),
    46%
  );
  --button-shadow-focus-color: hsl(
    var(--color-success-hue),
    var(--color-success-saturation),
    70%
  );
}
.button--filled.button--grey {
  --button-text-hover-color: var(--color-black);
  --button-text-color: var(--color-black);
  --button-background-color: var(--background-light);
  --button-background-hover-color: darken(#ccc, 4%);
  --button-border-color: darken(#ccc, 4%);
  --button-shadow-focus-color: darken(#ccc, 7%);
}
.button--filled.button--black {
  --button-text-hover-color: #fff;
  --button-text-color: #fff;
  --button-background-color: lighten(#232323, 6%);
  --button-background-hover-color: lighten(#232323, 2%);
  --button-border-color: darken(#232323, 4%);
  --button-shadow-focus-color: darken(#232323, 10%);
}
.button--filled.button--blue {
  --button-text-hover-color: #fff;
  --button-text-color: #fff;
  --button-background-color: var(--color-blue);
  --button-background-hover-color: hsl(
    var(--color-blue-hue),
    var(--color-blue-saturation),
    46%
  );
  --button-border-color: hsl(
    var(--color-blue-hue),
    var(--color-blue-saturation),
    46%
  );
  --button-shadow-focus-color: hsl(
    var(--color-blue-hue),
    var(--color-blue-saturation),
    70%
  );
}
.button--filled.button--white {
  --button-text-hover-color: var(--color-black);
  --button-text-color: var(--color-black);
  --button-background-color: var(--content-background);
  --button-background-hover-color: var(--color-primary-opacity-10);
  --button-border-color: var(--content-background-border);
  --button-shadow-focus-color: var(--shadow-color);
  --button-loading-color: var(--color-black);
  text-shadow: none;
}
.button--filled.button--white[disabled]:hover, .button--filled.button--white[disabled]:focus {
  background: var(--content-background);
  color: var(--color-black);
}
.button--filled.button--borderLess {
  border-color: transparent;
  box-shadow: none;
}

.button--borderLess {
  border-color: transparent;
}

.button--grey {
  --button-text-color: var(--color-grey);
  --button-text-hover-color: var(--color-grey);
}

.button--green {
  --button-text-color: var(--color-green);
  --button-text-hover-color: var(--color-green);
  --button-border-color: hsl(
    var(--color-green-hue),
    var(--color-green-saturation),
    var(--color-highlight-lighteness)
  );
  --button-background-hover-color: hsl(
    var(--color-green-hue),
    var(--color-green-saturation),
    var(--color-highlight-lighteness)
  );
  --button-loading-color: var(--color-green);
}

.button--white {
  --button-text-color: var(--color-black);
  --button-text-hover-color: var(--color-black);
}

.button--red {
  --button-text-color: var(--color-error);
  --button-text-hover-color: var(--color-error);
  --button-border-color: hsl(
    var(--color-error-hue),
    var(--color-error-saturation),
    var(--color-highlight-lighteness)
  );
  --button-background-hover-color: hsl(
    var(--color-error-hue),
    var(--color-error-saturation),
    var(--color-highlight-lighteness)
  );
  --button-loading-color: var(--color-error);
}

.button--primary {
  --button-text-color: var(--color-primary);
  --button-text-hover-color: var(--color-primary);
  --button-border-color: hsl(
    var(--color-primary-hue),
    var(--color-primary-saturation),
    var(--color-highlight-lighteness)
  );
  --button-background-hover-color: hsl(
    var(--color-primary-hue),
    var(--color-primary-saturation),
    var(--color-highlight-lighteness)
  );
  --button-loading-color: var(--color-primary);
}

.button--borderless {
  border-color: transparent;
}

.button-icon {
  position: relative;
  top: 3px;
  transition: 0.2s ease-in-out;
  transition-property: fill;
  width: 14px;
  height: 14px;
  margin: -3px 4px 3px -2px;
}

.button--xl {
  padding: 15px 20px;
}

.button--highlight {
  background: var(--button-background-hover-color);
}

.filters {
  padding: 15px;
  background: var(--background-light);
  border-radius: var(--border-radius);
  border: 1px solid var(--background-light-highlight);
  margin-top: -2px;
}
.filters.filters--jipt {
  border-radius: 0;
}
.filters.filters--transparent {
  background: none;
  border-color: transparent;
  box-shadow: none;
  padding: 0;
}
.filters .ember-power-select-trigger {
  padding: 5px 27px 5px 5px;
  background: var(--content-background);
  box-shadow: none;
  border: 1px solid transparent;
  border-color: var(--background-light-highlight);
  color: var(--color-black-opacity-70);
}
.filters .ember-power-select-trigger:focus, .filters .ember-power-select-trigger.ember-power-select-trigger--active {
  background: var(--background-light);
  border: 1px solid var(--background-light-highlight);
}

.filters-wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.filters-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}

.queryForm {
  position: relative;
  display: flex;
  gap: 10px;
}

.queryForm-filters {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.queryForm-filters-column {
  display: flex;
  flex-grow: 1;
  gap: 6px;
}

.queryForm-filters-column--end {
  justify-content: flex-end;
}

.queryForm-filter {
  display: flex;
  align-items: center;
}

.queryForm-filter-label {
  margin-right: 6px;
  color: var(--color-grey);
  font-size: 12px;
  font-style: italic;
}

.queryForm-filter-select {
  font-size: 13px;
  min-width: 130px;
}

.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown-content {
  position: absolute;
  min-width: 160px;
  z-index: 4000;
  background: var(--content-background);
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select {
  position: relative;
}

.ember-power-select-trigger {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: transparent;
  overflow-x: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 13px;
  color: inherit;
  border-radius: var(--border-radius);
  cursor: pointer;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-options {
  max-height: 200px;
  overflow-y: auto;
}

.ember-power-select-selected-item {
  flex: 1 1 auto;
  margin-right: 20px;
}
.ember-power-select-selected-item em {
  margin-left: 4px;
  font-weight: bold;
  font-size: 11px;
  font-style: normal;
  color: var(--color-primary);
}

.ember-power-select-multiple-options .ember-power-select-multiple-option:first-of-type span[role=button] {
  display: none;
}

.ember-power-select-multiple-options {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  list-style: none;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container {
  flex-grow: 1;
  display: flex;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container input {
  flex-grow: 1;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
}

html[data-theme=dark] .ember-power-select-multiple-option {
  color: var(--color-primary);
}

.ember-power-select-multiple-option {
  display: inline-block;
  background: var(--color-primary-opacity-25);
  color: var(--color-primary-darken-50);
  border-radius: var(--border-radius);
  padding: 3px 9px;
  font-size: 14px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-status-icon {
  position: absolute;
  right: 0;
  display: block;
  font-size: 18px;
}
.ember-power-select-status-icon:after {
  content: "›";
  position: absolute;
  bottom: -14px;
  left: -16px;
  transform: rotate(90deg);
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon:after {
  left: -18px;
  bottom: -13px;
  transform: rotate(-90deg);
}

.ember-power-select-dropdown {
  border-left: 0;
  border-right: 0;
  border-radius: 3px;
  box-shadow: 0 2px 5px var(--shadow-color);
  border-color: #ddd;
  color: inherit;
  font-size: 14px;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 0;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 6px 10px;
  color: var(--color-black);
}
.ember-power-select-option em {
  font-size: 11px;
  font-style: normal;
  color: var(--color-black-opacity-70);
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: var(--content-background);
  color: var(--color-primary);
}

.ember-power-select-option[aria-current=true] {
  background-color: var(--background-light);
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
  pointer-events: none;
}

.ember-power-select-search-input {
  width: 100%;
  padding: 7px;
  font-size: 14px;
  background: var(--input-background);
  color: var(--input-color);
}
.ember-power-select-search-input:focus {
  outline: 1px solid var(--color-primary);
}

.pell {
  border: 1px solid rgba(10, 10, 10, 0.1);
  box-sizing: border-box;
}

.pell-content {
  box-sizing: border-box;
  overflow-y: auto;
  padding: 10px;
  height: calc(100% - 30px);
  margin-top: -3px;
  position: relative;
  z-index: 2;
  outline: 0;
  border-radius: var(--border-radius);
  border: 2px solid var(--input-border-color);
  background: var(--input-background);
  color: var(--input-color);
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.4;
}
.pell-content ul {
  padding-left: 15px;
  list-style-type: disc;
}
.pell-content ol {
  padding-left: 13px;
  list-style-type: decimal;
}
.pell-content blockquote {
  padding: 5px 0 5px 15px;
  border-left: 1px solid var(--input-border-color);
}

.pell-actionbar {
  position: relative;
  z-index: 1;
  margin-left: 1px;
  background-color: #fff;
}

.pell-button {
  background-color: transparent;
  border: 1px solid var(--input-border-color);
  cursor: pointer;
  padding: 7px;
  min-width: 26px;
  line-height: 1;
  outline: 0;
  margin-left: -1px;
  vertical-align: bottom;
}

.pell-button-selected {
  background-color: #f0f0f0;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  src: url("fonts/Inter-Thin.woff2") format("woff2"), url("fonts/Inter-Thin.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100;
  src: url("fonts/Inter-ThinItalic.woff2") format("woff2"), url("fonts/Inter-ThinItalic.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  src: url("fonts/Inter-ExtraLight.woff2") format("woff2"), url("fonts/Inter-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  src: url("fonts/Inter-ExtraLightItalic.woff2") format("woff2"), url("fonts/Inter-ExtraLightItalic.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/Inter-Light.woff2") format("woff2"), url("fonts/Inter-Light.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  src: url("fonts/Inter-LightItalic.woff2") format("woff2"), url("fonts/Inter-LightItalic.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/Inter-Regular.woff2") format("woff2"), url("fonts/Inter-Regular.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  src: url("fonts/Inter-Italic.woff2") format("woff2"), url("fonts/Inter-Italic.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/Inter-Medium.woff2") format("woff2"), url("fonts/Inter-Medium.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  src: url("fonts/Inter-MediumItalic.woff2") format("woff2"), url("fonts/Inter-MediumItalic.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("fonts/Inter-SemiBold.woff2") format("woff2"), url("fonts/Inter-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  src: url("fonts/Inter-SemiBoldItalic.woff2") format("woff2"), url("fonts/Inter-SemiBoldItalic.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/Inter-Bold.woff2") format("woff2"), url("fonts/Inter-Bold.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  src: url("fonts/Inter-BoldItalic.woff2") format("woff2"), url("fonts/Inter-BoldItalic.woff") format("woff");
}
@font-face {
  font-family: "Fira Code";
  font-weight: 300;
  font-style: normal;
  src: url("fonts/FiraCode-Light.woff2") format("woff2"), url("fonts/FiraCode-Light.woff") format("woff");
}
@font-face {
  font-family: "Fira Code";
  font-weight: 400;
  font-style: normal;
  src: url("fonts/FiraCode-Regular.woff2") format("woff2"), url("fonts/FiraCode-Regular.woff") format("woff");
}
@font-face {
  font-family: "Fira Code";
  font-weight: 500;
  font-style: normal;
  src: url("fonts/FiraCode-Medium.woff2") format("woff2"), url("fonts/FiraCode-Medium.woff") format("woff");
}
@font-face {
  font-family: "Fira Code";
  font-weight: 700;
  font-style: normal;
  src: url("fonts/FiraCode-Bold.woff2") format("woff2"), url("fonts/FiraCode-Bold.woff") format("woff");
}
::-moz-selection {
  background: var(--color-primary-opacity-10);
}

::selection {
  background: var(--color-primary-opacity-10);
}

html {
  --font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  --font-monospace: "Fira Code", "SF Mono", SFMono-Regular, ui-monospace,
    "DejaVu Sans Mono", Menlo, Consolas, monospace;
  --screen-lg: 100%;
  --screen-md: 640px;
  --screen-sm: 440px;
  --border-radius: 6px;
  --accent-hue: 155;
  --accent-saturation: 67%;
  --accent-light: 48%;
  --text-color-normal: hsl(var(--accent-hue), 30%, 5%);
  --content-background: #fff;
  --content-background-border: #eaeaea;
  --html-background: #f7f7f7;
  --body-background: #f7f7f7;
  --logo-background: #eee;
  --logo-foreground: #bbb;
  --gradient-header-color: #eee;
  --input-border-color: #e0e0e0;
  --input-background: #fff;
  --input-color: #000;
  --background-light: #fafafa;
  --background-light-highlight: #eaeaea;
  --color-primary: #28cb87;
  --color-primary-hue: 155;
  --color-primary-saturation: 67%;
  --color-primary-darken-10: #1c9060;
  --color-primary-opacity-10: rgba(40, 203, 135, 0.1);
  --color-primary-opacity-20: rgba(40, 203, 135, 0.2);
  --color-primary-opacity-25: rgba(40, 203, 135, 0.25);
  --color-primary-opacity-50: rgba(40, 203, 135, 0.5);
  --color-primary-opacity-70: rgba(40, 203, 135, 0.7);
  --color-highlight-lighteness: 95%;
  --color-grey: #adadad;
  --color-black: #484848;
  --background-tooltip: #eee;
  --text-color-tooltip: #333;
  --color-green: #28cb87;
  --color-green-hue: 155;
  --color-green-saturation: 67%;
  --color-blue: #3f7cc5;
  --color-blue-hue: 213;
  --color-blue-saturation: 54%;
  --color-success: #45c86f;
  --color-success-hue: 139;
  --color-success-saturation: 54%;
  --color-success-opacity-10: rgba(142, 191, 164, 0.1);
  --color-warning: #e4b600;
  --color-warning-hue: 48;
  --color-warning-saturation: 100%;
  --color-socket: #2c4fb4;
  --color-error: #d84444;
  --color-error-hue: 0;
  --color-error-saturation: 65%;
  --shadow-color: rgba(0, 0, 0, 0.07);
  background: #eee;
}

html[data-theme=dark] {
  --content-background: #191919;
  --content-background-border: #232323;
  --html-background: #191919;
  --body-background: #161616;
  --logo-background: #333;
  --logo-foreground: #777;
  --text-color-normal: hsl(var(--accent-hue), 3%, 80%);
  --gradient-header-color: #171717;
  --input-border-color: #333;
  --input-background: #111;
  --input-color: #fafafa;
  --background-light: #1f1f1f;
  --background-light-highlight: #3c3c3c;
  --shadow-color: rgba(0, 0, 0, 0.14);
  --color-highlight-lighteness: 12%;
  --color-black: #adadad;
  --color-grey: #616161;
  --background-tooltip: #111;
  --text-color-tooltip: #fff;
  background: #191919;
}

body {
  background: var(--html-background);
  color: var(--text-color-normal);
  font-family: var(--font-primary);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

textarea,
select,
button,
input[type=submit],
input[type=text] {
  font-family: var(--font-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

dl,
dt,
dd {
  margin: 0;
}

textarea[disabled] {
  cursor: no-drop;
}

a {
  color: var(--color-primary);
}

input[type=checkbox],
input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  width: 1rem;
  height: 1rem;
  background: var(--content-background);
  accent-color: var(--content-background);
  border: 2px solid var(--color-grey);
}
input[type=checkbox]:checked,
input[type=radio]:checked {
  background: var(--color-primary);
  border-color: var(--color-primary);
}
input[type=checkbox]:checked::after,
input[type=radio]:checked::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 0.6rem;
  height: 0.6rem;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20405.272%20405.272%22%3E%3Cg%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M393.401%2C124.425L179.603%2C338.208c-15.832%2C15.835-41.514%2C15.835-57.361%2C0L11.878%2C227.836%20%20%20c-15.838-15.835-15.838-41.52%2C0-57.358c15.841-15.841%2C41.521-15.841%2C57.355-0.006l81.698%2C81.699L336.037%2C67.064%20%20%20c15.841-15.841%2C41.523-15.829%2C57.358%2C0C409.23%2C82.902%2C409.23%2C108.578%2C393.401%2C124.425z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 100%;
  color: var(--content-background);
}

input[type=checkbox] {
  border-radius: var(--border-radius);
}

input[type=radio] {
  border-radius: 18px;
}

emoji-picker {
  --num-columns: 9;
  --emoji-size: 1.3rem;
  --background: var(--background-light);
  --border-color: var(--background-light-highlight);
  --input-border-color: transparent;
  --input-padding: 4px 0;
  --outline-size: 0;
  --input-font-color: var(--text-color-normal);
  --input-placeholder-color: var(--color-grey);
  --indicator-color: hsl(var(--accent-hue), 55%, 55%);
  --button-hover-background: var(--background-light-highlight);
  --button-active-background: var(--background-light-highlight);
}

.app {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between;
  background: var(--body-background);
}

.tooltip {
  position: relative;
}
.tooltip.tooltip--right::before {
  margin-left: -5px;
  border-color: transparent var(--background-tooltip) transparent transparent;
}
.tooltip.tooltip--right::after {
  margin-left: 7px;
}
.tooltip.tooltip--right::before, .tooltip.tooltip--right::after {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.tooltip--top::before {
  margin-top: 0;
  border-color: var(--background-tooltip) transparent transparent transparent;
}
.tooltip.tooltip--top::after {
  left: 50%;
  top: -32px;
  transform: translateX(-50%);
}
.tooltip.tooltip--top::before {
  left: 50%;
  top: -6px;
  transform: translateX(-50%);
}
.tooltip::before {
  content: "";
  border: 6px solid;
}
.tooltip::after {
  position: relative;
  content: attr(title);
  text-transform: none;
  padding: 5px 10px;
  white-space: nowrap;
  border-radius: var(--border-radius);
  background: var(--background-tooltip);
  color: var(--text-color-tooltip);
  text-align: left;
  font-size: 11px;
  line-height: 1.5;
  font-weight: 600;
}
.tooltip::before, .tooltip::after {
  position: absolute;
  pointer-events: none;
  transition: 0.3s opacity;
  opacity: 0;
}
.tooltip:hover::before, .tooltip:hover::after {
  opacity: 1;
}

.added {
  padding: 0 1px;
  background: hsl(var(--color-green-hue), var(--color-green-saturation), var(--color-highlight-lighteness));
  color: var(--color-green);
}

.undiffable {
  padding: 0 1px;
  background: var(--background-light-highlight);
  color: var(--color-gray);
}

.removed {
  padding: 0 1px;
  background: hsl(var(--color-error-hue), var(--color-error-saturation), var(--color-highlight-lighteness));
  color: var(--color-error);
  text-decoration: line-through;
}

/* styles for accent-webapp/styles/classes.scss */
._textInput_8orsp6, ._commit-file_ii0ef5 .textInput, ._fileSourceName_ii0ef5, ._input_1osfim, ._textInput_mppy0i, ._textInput_6i03qe, ._input_1scd88, ._input_kpancg, ._input_1x8m24, ._textInput_qh4qsc, ._colorInput_qh4qsc, ._logoInput_qh4qsc, ._textInput_d08slj, ._textInput_1ku07p, ._textInput_1mjw06, ._colorInput_1mjw06, ._textInput_19rg83, ._textInput_q98rs4, ._textInput_8em163, ._textInput_1uy7zq, ._textInput_1hgj95, ._input_vfkhnn, ._textInput_1cjyjz, ._textInput_1rldf4, ._textEdit-input_oa821g, ._textInput_uw73f3, ._inputText_1qv0nh, ._inputText_x7bjko, ._input_17xzyp, ._textInput_j5w1ub, ._textInput_rvw70m {
  transition: 0.2s ease-in-out;
  transition-property: background, border, box-shadow;
  resize: vertical;
  outline: 0;
  border-radius: var(--border-radius);
  border: 2px solid var(--input-border-color);
  background: var(--input-background);
  color: var(--input-color);
  font-family: var(--font-monospace);
  line-height: 1.4;
  max-height: 200px;
}
._textInput_8orsp6::-moz-selection, ._commit-file_ii0ef5 .textInput::-moz-selection, ._fileSourceName_ii0ef5::-moz-selection, ._input_1osfim::-moz-selection, ._textInput_mppy0i::-moz-selection, ._textInput_6i03qe::-moz-selection, ._input_1scd88::-moz-selection, ._input_kpancg::-moz-selection, ._input_1x8m24::-moz-selection, ._textInput_qh4qsc::-moz-selection, ._colorInput_qh4qsc::-moz-selection, ._logoInput_qh4qsc::-moz-selection, ._textInput_d08slj::-moz-selection, ._textInput_1ku07p::-moz-selection, ._textInput_1mjw06::-moz-selection, ._colorInput_1mjw06::-moz-selection, ._textInput_19rg83::-moz-selection, ._textInput_q98rs4::-moz-selection, ._textInput_8em163::-moz-selection, ._textInput_1uy7zq::-moz-selection, ._textInput_1hgj95::-moz-selection, ._input_vfkhnn::-moz-selection, ._textInput_1cjyjz::-moz-selection, ._textInput_1rldf4::-moz-selection, ._textEdit-input_oa821g::-moz-selection, ._textInput_uw73f3::-moz-selection, ._inputText_1qv0nh::-moz-selection, ._inputText_x7bjko::-moz-selection, ._input_17xzyp::-moz-selection, ._textInput_j5w1ub::-moz-selection, ._textInput_rvw70m::-moz-selection {
  background: var(--color-primary-opacity-70);
}
._textInput_8orsp6::selection, ._commit-file_ii0ef5 .textInput::selection, ._fileSourceName_ii0ef5::selection, ._input_1osfim::selection, ._textInput_mppy0i::selection, ._textInput_6i03qe::selection, ._input_1scd88::selection, ._input_kpancg::selection, ._input_1x8m24::selection, ._textInput_qh4qsc::selection, ._colorInput_qh4qsc::selection, ._logoInput_qh4qsc::selection, ._textInput_d08slj::selection, ._textInput_1ku07p::selection, ._textInput_1mjw06::selection, ._colorInput_1mjw06::selection, ._textInput_19rg83::selection, ._textInput_q98rs4::selection, ._textInput_8em163::selection, ._textInput_1uy7zq::selection, ._textInput_1hgj95::selection, ._input_vfkhnn::selection, ._textInput_1cjyjz::selection, ._textInput_1rldf4::selection, ._textEdit-input_oa821g::selection, ._textInput_uw73f3::selection, ._inputText_1qv0nh::selection, ._inputText_x7bjko::selection, ._input_17xzyp::selection, ._textInput_j5w1ub::selection, ._textInput_rvw70m::selection {
  background: var(--color-primary-opacity-70);
}
._textInput_8orsp6:focus, ._commit-file_ii0ef5 .textInput:focus, ._fileSourceName_ii0ef5:focus, ._input_1osfim:focus, ._textInput_mppy0i:focus, ._textInput_6i03qe:focus, ._input_1scd88:focus, ._input_kpancg:focus, ._input_1x8m24:focus, ._textInput_qh4qsc:focus, ._colorInput_qh4qsc:focus, ._logoInput_qh4qsc:focus, ._textInput_d08slj:focus, ._textInput_1ku07p:focus, ._textInput_1mjw06:focus, ._colorInput_1mjw06:focus, ._textInput_19rg83:focus, ._textInput_q98rs4:focus, ._textInput_8em163:focus, ._textInput_1uy7zq:focus, ._textInput_1hgj95:focus, ._input_vfkhnn:focus, ._textInput_1cjyjz:focus, ._textInput_1rldf4:focus, ._textEdit-input_oa821g:focus, ._textInput_uw73f3:focus, ._inputText_1qv0nh:focus, ._inputText_x7bjko:focus, ._input_17xzyp:focus, ._textInput_j5w1ub:focus, ._textInput_rvw70m:focus {
  border: 2px solid var(--color-primary);
}
._textInput_8orsp6:disabled, ._commit-file_ii0ef5 .textInput:disabled, ._fileSourceName_ii0ef5:disabled, ._input_1osfim:disabled, ._textInput_mppy0i:disabled, ._textInput_6i03qe:disabled, ._input_1scd88:disabled, ._input_kpancg:disabled, ._input_1x8m24:disabled, ._textInput_qh4qsc:disabled, ._colorInput_qh4qsc:disabled, ._logoInput_qh4qsc:disabled, ._textInput_d08slj:disabled, ._textInput_1ku07p:disabled, ._textInput_1mjw06:disabled, ._colorInput_1mjw06:disabled, ._textInput_19rg83:disabled, ._textInput_q98rs4:disabled, ._textInput_8em163:disabled, ._textInput_1uy7zq:disabled, ._textInput_1hgj95:disabled, ._input_vfkhnn:disabled, ._textInput_1cjyjz:disabled, ._textInput_1rldf4:disabled, ._textEdit-input_oa821g:disabled, ._textInput_uw73f3:disabled, ._inputText_1qv0nh:disabled, ._inputText_x7bjko:disabled, ._input_17xzyp:disabled, ._textInput_j5w1ub:disabled, ._textInput_rvw70m:disabled {
  color: var(--color-grey);
  background: var(--background-light);
}

/* styles for accent-webapp/styles/highlight-theme.scss */
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/
._hljs_1swkvw {
  color: #24292e;
  background: #ffffff;
}

._hljs-doctag_1swkvw,
._hljs-keyword_1swkvw,
._hljs-meta_1swkvw ._hljs-keyword_1swkvw,
._hljs-template-tag_1swkvw,
._hljs-template-variable_1swkvw,
._hljs-type_1swkvw,
._hljs-variable_1swkvw._language__1swkvw {
  /* prettylights-syntax-keyword */
  color: #d73a49;
}

._hljs-title_1swkvw,
._hljs-title_1swkvw._class__1swkvw,
._hljs-title_1swkvw._class__1swkvw._inherited___1swkvw,
._hljs-title_1swkvw._function__1swkvw {
  /* prettylights-syntax-entity */
  color: #6f42c1;
}

._hljs-attr_1swkvw,
._hljs-attribute_1swkvw,
._hljs-literal_1swkvw,
._hljs-meta_1swkvw,
._hljs-number_1swkvw,
._hljs-operator_1swkvw,
._hljs-variable_1swkvw,
._hljs-selector-attr_1swkvw,
._hljs-selector-class_1swkvw,
._hljs-selector-id_1swkvw {
  /* prettylights-syntax-constant */
  color: #71abee;
}

._hljs-regexp_1swkvw,
._hljs-string_1swkvw,
._hljs-meta_1swkvw ._hljs-string_1swkvw {
  /* prettylights-syntax-string */
  color: #032f62;
}

._hljs-built_in_1swkvw,
._hljs-symbol_1swkvw {
  /* prettylights-syntax-variable */
  color: #e36209;
}

._hljs-comment_1swkvw,
._hljs-code_1swkvw,
._hljs-formula_1swkvw {
  /* prettylights-syntax-comment */
  color: #6a737d;
}

._hljs-name_1swkvw,
._hljs-quote_1swkvw,
._hljs-selector-tag_1swkvw,
._hljs-selector-pseudo_1swkvw {
  /* prettylights-syntax-entity-tag */
  color: #22863a;
}

._hljs-subst_1swkvw {
  /* prettylights-syntax-storage-modifier-import */
  color: #24292e;
}

._hljs-section_1swkvw {
  /* prettylights-syntax-markup-heading */
  color: #005cc5;
  font-weight: bold;
}

._hljs-bullet_1swkvw {
  /* prettylights-syntax-markup-list */
  color: #735c0f;
}

._hljs-emphasis_1swkvw {
  /* prettylights-syntax-markup-italic */
  color: #24292e;
  font-style: italic;
}

._hljs-strong_1swkvw {
  /* prettylights-syntax-markup-bold */
  color: #24292e;
  font-weight: bold;
}

._hljs-addition_1swkvw {
  /* prettylights-syntax-markup-inserted */
  color: #22863a;
  background-color: #f0fff4;
}

._hljs-deletion_1swkvw {
  /* prettylights-syntax-markup-deleted */
  color: #b31d28;
  background-color: #ffeef0;
}

html[data-theme=dark] ._hljs_1swkvw {
  color: #cdd3d8;
}
html[data-theme=dark] ._hljs_1swkvw > *::-moz-selection {
  background-color: #3e4451;
}
html[data-theme=dark] ._hljs_1swkvw > *::selection {
  background-color: #3e4451;
}
html[data-theme=dark] ._hljs-comment_1swkvw {
  color: #656565;
  font-style: italic;
}
html[data-theme=dark] ._hljs-selector-tag_1swkvw {
  color: #c792ea;
}
html[data-theme=dark] ._hljs-string_1swkvw,
html[data-theme=dark] ._hljs-subst_1swkvw {
  color: #c3e88d;
}
html[data-theme=dark] ._hljs-number_1swkvw,
html[data-theme=dark] ._hljs-regexp_1swkvw,
html[data-theme=dark] ._hljs-variable_1swkvw,
html[data-theme=dark] ._hljs-template-variable_1swkvw {
  color: #f77669;
}
html[data-theme=dark] ._hljs-keyword_1swkvw {
  color: #c792ea;
}
html[data-theme=dark] ._hljs-function_1swkvw > ._hljs-title_1swkvw {
  color: #75a5ff;
}
html[data-theme=dark] ._hljs-tag_1swkvw {
  color: #abb2bf;
}
html[data-theme=dark] ._hljs-name_1swkvw {
  color: #e06c75;
}
html[data-theme=dark] ._hljs-type_1swkvw {
  color: #da4939;
}
html[data-theme=dark] ._hljs-attribute_1swkvw {
  color: #80cbbf;
}
html[data-theme=dark] ._hljs-symbol_1swkvw,
html[data-theme=dark] ._hljs-bullet_1swkvw,
html[data-theme=dark] ._hljs-built_in_1swkvw,
html[data-theme=dark] ._hljs-builtin-name_1swkvw,
html[data-theme=dark] ._hljs-link_1swkvw {
  color: #c792ea;
}
html[data-theme=dark] ._hljs-params_1swkvw {
  color: #eefff7;
}
html[data-theme=dark] ._hljs-meta_1swkvw {
  color: #75a5ff;
}
html[data-theme=dark] ._hljs-title_1swkvw {
  color: #75a5ff;
}
html[data-theme=dark] ._hljs-section_1swkvw {
  color: #ffc66d;
}
html[data-theme=dark] ._hljs-addition_1swkvw {
  background-color: #144212;
  color: #e6e1dc;
  display: inline-block;
  width: 100%;
}
html[data-theme=dark] ._hljs-deletion_1swkvw {
  background-color: #600;
  color: #e6e1dc;
  display: inline-block;
  width: 100%;
}
html[data-theme=dark] ._hljs-selector-class_1swkvw {
  color: #ffcb68;
}
html[data-theme=dark] ._hljs-selector-id_1swkvw {
  color: #f77669;
}
html[data-theme=dark] ._hljs-emphasis_1swkvw {
  font-style: italic;
}
html[data-theme=dark] ._hljs-strong_1swkvw {
  font-weight: bold;
}
html[data-theme=dark] ._hljs-link_1swkvw {
  text-decoration: underline;
}

/* styles for accent-webapp/styles/html-components/button.scss */
._button_1fzdz5 {
  --button-background-color: transparent;
  --button-background-hover-color: transparent;
  --button-border-color: transparent;
  --button-text-hover-color: #000;
  --button-text-color: #000;
  --button-loading-color: #000;
  --button-shadow-focus-color: var(--shadow-color);
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  transition: 0.2s ease-in-out;
  transition-property: all;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  text-decoration: none;
  border-radius: var(--border-radius);
  outline: none;
  cursor: pointer;
  background: none;
  font-weight: bold;
  font-size: 12px;
  background: var(--button-background-color);
  border: 1px solid var(--button-border-color);
  color: var(--button-text-color);
  transform: translate3d(0, 0, 0);
}
._button_1fzdz5[disabled] {
  opacity: 0.5;
  cursor: default;
}
._button_1fzdz5[disabled]:focus, ._button_1fzdz5[disabled]:hover {
  background: var(--button-background-color);
  border: 1px solid var(--button-border-color);
  color: var(--button-text-color);
  transform: none;
}
._button_1fzdz5._button--loading_1fzdz5 svg._loading_1fzdz5 {
  fill: var(--button-loading-color);
}
._button_1fzdz5:focus {
  box-shadow: 0 0 10px var(--button-shadow-focus-color);
}
._button_1fzdz5:focus, ._button_1fzdz5:hover {
  transform: translate3d(0, -2px, 0);
  background: var(--button-background-hover-color);
  color: var(--button-text-hover-color);
}
._button_1fzdz5._button--small_1fzdz5 {
  padding: 2px 6px;
  font-weight: bold;
  font-size: 11px;
}
._button_1fzdz5._button--small_1fzdz5 ._label_1fzdz5 {
  padding: 0;
}
._button_1fzdz5._button--disabled_1fzdz5 {
  opacity: 0.5;
  cursor: default;
}
._button_1fzdz5._button--iconOnly_1fzdz5 ._button-icon_1fzdz5 {
  top: 1px;
  margin: 0;
}
._button_1fzdz5._button--link_1fzdz5, ._button_1fzdz5._button--link_1fzdz5:hover {
  --shadow-color: none;
  --button-border-color: transparent;
  border: 0;
}

._button--blue_1fzdz5 {
  --button-text-color: var(--color-blue);
}

._button--green_1fzdz5 {
  --button-text-color: var(--color-green);
}

._button--grey_1fzdz5 {
  --button-text-color: var(--color-grey);
}

._button--grey_1fzdz5,
._button--success_1fzdz5,
._button--black_1fzdz5,
._button--blue_1fzdz5,
._button--red_1fzdz5,
._button--green_1fzdz5 {
  border: 1px solid;
}

._button--filled_1fzdz5 {
  --button-background-color: var(--color-primary);
  --button-background-hover-color: hsl(
    var(--color-primary-hue),
    var(--color-primary-saturation),
    42%
  );
  --button-border-color: var(--color-primary-darken-10);
  --button-text-hover-color: #fff;
  --button-text-color: #fff;
  --button-shadow-focus-color: hsl(
    var(--color-primary-hue),
    var(--color-primary-saturation),
    70%
  );
  padding: 5px 12px;
  background: var(--button-background-color);
  border: 1px solid var(--button-border-color);
  box-shadow: 0 1px 2px var(--shadow-color), 0 2px 6px var(--shadow-color);
  text-shadow: 0 1px 1px var(--shadow-color);
  color: var(--button-text-color);
}
._button--filled_1fzdz5._button--iconOnly_1fzdz5 {
  padding: 2px 4px;
}
._button--filled_1fzdz5._button--red_1fzdz5 {
  --button-text-hover-color: #fff;
  --button-text-color: #fff;
  --button-background-color: var(--color-error);
  --button-background-hover-color: hsl(
    var(--color-error-hue),
    var(--color-error-saturation),
    46%
  );
  --button-border-color: hsl(
    var(--color-error-hue),
    var(--color-error-saturation),
    46%
  );
  --button-shadow-focus-color: hsl(
    var(--color-error-hue),
    var(--color-error-saturation),
    70%
  );
}
._button--filled_1fzdz5._button--green_1fzdz5 {
  --button-text-hover-color: #fff;
  --button-text-color: #fff;
  --button-background-color: var(--color-green);
  --button-background-hover-color: hsl(
    var(--color-green-hue),
    var(--color-green-saturation),
    42%
  );
  --button-border-color: hsl(
    var(--color-green-hue),
    var(--color-green-saturation),
    46%
  );
  --button-shadow-focus-color: hsl(
    var(--color-green-hue),
    var(--color-green-saturation),
    70%
  );
}
._button--filled_1fzdz5._button--success_1fzdz5 {
  --button-text-hover-color: #fff;
  --button-text-color: #fff;
  --button-background-color: var(--color-success);
  --button-background-hover-color: hsl(
    var(--color-success-hue),
    var(--color-success-saturation),
    46%
  );
  --button-border-color: hsl(
    var(--color-success-hue),
    var(--color-success-saturation),
    46%
  );
  --button-shadow-focus-color: hsl(
    var(--color-success-hue),
    var(--color-success-saturation),
    70%
  );
}
._button--filled_1fzdz5._button--grey_1fzdz5 {
  --button-text-hover-color: var(--color-black);
  --button-text-color: var(--color-black);
  --button-background-color: var(--background-light);
  --button-background-hover-color: darken(#ccc, 4%);
  --button-border-color: darken(#ccc, 4%);
  --button-shadow-focus-color: darken(#ccc, 7%);
}
._button--filled_1fzdz5._button--black_1fzdz5 {
  --button-text-hover-color: #fff;
  --button-text-color: #fff;
  --button-background-color: lighten(#232323, 6%);
  --button-background-hover-color: lighten(#232323, 2%);
  --button-border-color: darken(#232323, 4%);
  --button-shadow-focus-color: darken(#232323, 10%);
}
._button--filled_1fzdz5._button--blue_1fzdz5 {
  --button-text-hover-color: #fff;
  --button-text-color: #fff;
  --button-background-color: var(--color-blue);
  --button-background-hover-color: hsl(
    var(--color-blue-hue),
    var(--color-blue-saturation),
    46%
  );
  --button-border-color: hsl(
    var(--color-blue-hue),
    var(--color-blue-saturation),
    46%
  );
  --button-shadow-focus-color: hsl(
    var(--color-blue-hue),
    var(--color-blue-saturation),
    70%
  );
}
._button--filled_1fzdz5._button--white_1fzdz5 {
  --button-text-hover-color: var(--color-black);
  --button-text-color: var(--color-black);
  --button-background-color: var(--content-background);
  --button-background-hover-color: var(--color-primary-opacity-10);
  --button-border-color: var(--content-background-border);
  --button-shadow-focus-color: var(--shadow-color);
  --button-loading-color: var(--color-black);
  text-shadow: none;
}
._button--filled_1fzdz5._button--white_1fzdz5[disabled]:hover, ._button--filled_1fzdz5._button--white_1fzdz5[disabled]:focus {
  background: var(--content-background);
  color: var(--color-black);
}
._button--filled_1fzdz5._button--borderLess_1fzdz5 {
  border-color: transparent;
  box-shadow: none;
}

._button--borderLess_1fzdz5 {
  border-color: transparent;
}

._button--grey_1fzdz5 {
  --button-text-color: var(--color-grey);
  --button-text-hover-color: var(--color-grey);
}

._button--green_1fzdz5 {
  --button-text-color: var(--color-green);
  --button-text-hover-color: var(--color-green);
  --button-border-color: hsl(
    var(--color-green-hue),
    var(--color-green-saturation),
    var(--color-highlight-lighteness)
  );
  --button-background-hover-color: hsl(
    var(--color-green-hue),
    var(--color-green-saturation),
    var(--color-highlight-lighteness)
  );
  --button-loading-color: var(--color-green);
}

._button--white_1fzdz5 {
  --button-text-color: var(--color-black);
  --button-text-hover-color: var(--color-black);
}

._button--red_1fzdz5 {
  --button-text-color: var(--color-error);
  --button-text-hover-color: var(--color-error);
  --button-border-color: hsl(
    var(--color-error-hue),
    var(--color-error-saturation),
    var(--color-highlight-lighteness)
  );
  --button-background-hover-color: hsl(
    var(--color-error-hue),
    var(--color-error-saturation),
    var(--color-highlight-lighteness)
  );
  --button-loading-color: var(--color-error);
}

._button--primary_1fzdz5 {
  --button-text-color: var(--color-primary);
  --button-text-hover-color: var(--color-primary);
  --button-border-color: hsl(
    var(--color-primary-hue),
    var(--color-primary-saturation),
    var(--color-highlight-lighteness)
  );
  --button-background-hover-color: hsl(
    var(--color-primary-hue),
    var(--color-primary-saturation),
    var(--color-highlight-lighteness)
  );
  --button-loading-color: var(--color-primary);
}

._button--borderless_1fzdz5 {
  border-color: transparent;
}

._button-icon_1fzdz5 {
  position: relative;
  top: 3px;
  transition: 0.2s ease-in-out;
  transition-property: fill;
  width: 14px;
  height: 14px;
  margin: -3px 4px 3px -2px;
}

._button--xl_1fzdz5 {
  padding: 15px 20px;
}

._button--highlight_1fzdz5 {
  background: var(--button-background-hover-color);
}

/* styles for accent-webapp/styles/html-components/filters.scss */
._filters_ddaf36 {
  padding: 15px;
  background: var(--background-light);
  border-radius: var(--border-radius);
  border: 1px solid var(--background-light-highlight);
  margin-top: -2px;
}
._filters_ddaf36._filters--jipt_ddaf36 {
  border-radius: 0;
}
._filters_ddaf36._filters--transparent_ddaf36 {
  background: none;
  border-color: transparent;
  box-shadow: none;
  padding: 0;
}
._filters_ddaf36 ._ember-power-select-trigger_ddaf36 {
  padding: 5px 27px 5px 5px;
  background: var(--content-background);
  box-shadow: none;
  border: 1px solid transparent;
  border-color: var(--background-light-highlight);
  color: var(--color-black-opacity-70);
}
._filters_ddaf36 ._ember-power-select-trigger_ddaf36:focus, ._filters_ddaf36 ._ember-power-select-trigger_ddaf36._ember-power-select-trigger--active_ddaf36 {
  background: var(--background-light);
  border: 1px solid var(--background-light-highlight);
}

._filters-wrapper_ddaf36 {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

._filters-content_ddaf36 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}

._queryForm_ddaf36 {
  position: relative;
  display: flex;
  gap: 10px;
}

._queryForm-filters_ddaf36 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._queryForm-filters-column_ddaf36 {
  display: flex;
  flex-grow: 1;
  gap: 6px;
}

._queryForm-filters-column--end_ddaf36 {
  justify-content: flex-end;
}

._queryForm-filter_ddaf36 {
  display: flex;
  align-items: center;
}

._queryForm-filter-label_ddaf36 {
  margin-right: 6px;
  color: var(--color-grey);
  font-size: 12px;
  font-style: italic;
}

._queryForm-filter-select_ddaf36 {
  font-size: 13px;
  min-width: 130px;
}

/* styles for accent-webapp/styles/html-components/pell.scss */
._pell_133fig {
  border: 1px solid rgba(10, 10, 10, 0.1);
  box-sizing: border-box;
}

._pell-content_133fig {
  box-sizing: border-box;
  overflow-y: auto;
  padding: 10px;
  height: calc(100% - 30px);
  margin-top: -3px;
  position: relative;
  z-index: 2;
  outline: 0;
  border-radius: var(--border-radius);
  border: 2px solid var(--input-border-color);
  background: var(--input-background);
  color: var(--input-color);
  font-family: var(--font-primary);
  font-size: 12px;
  line-height: 1.4;
}
._pell-content_133fig ul {
  padding-left: 15px;
  list-style-type: disc;
}
._pell-content_133fig ol {
  padding-left: 13px;
  list-style-type: decimal;
}
._pell-content_133fig blockquote {
  padding: 5px 0 5px 15px;
  border-left: 1px solid var(--input-border-color);
}

._pell-actionbar_133fig {
  position: relative;
  z-index: 1;
  margin-left: 1px;
  background-color: #fff;
}

._pell-button_133fig {
  background-color: transparent;
  border: 1px solid var(--input-border-color);
  cursor: pointer;
  padding: 7px;
  min-width: 26px;
  line-height: 1;
  outline: 0;
  margin-left: -1px;
  vertical-align: bottom;
}

._pell-button-selected_133fig {
  background-color: #f0f0f0;
}

/* styles for accent-webapp/styles/html-components/power-select.scss */
._ember-basic-dropdown_k4aju3 {
  position: relative;
}

._ember-basic-dropdown-content_k4aju3 {
  position: absolute;
  min-width: 160px;
  z-index: 4000;
  background: var(--content-background);
}

._ember-basic-dropdown-content--left_k4aju3 {
  left: 0;
}

._ember-basic-dropdown-content--right_k4aju3 {
  right: 0;
}

._ember-basic-dropdown-content-wormhole-origin_k4aju3 {
  display: inline;
}

._ember-power-select_k4aju3 {
  position: relative;
}

._ember-power-select-trigger_k4aju3 {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: transparent;
  overflow-x: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 13px;
  color: inherit;
  border-radius: var(--border-radius);
  cursor: pointer;
}

._ember-basic-dropdown-trigger--below_k4aju3._ember-power-select-trigger_k4aju3[aria-expanded=true],
._ember-basic-dropdown-trigger--in-place_k4aju3._ember-power-select-trigger_k4aju3[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

._ember-basic-dropdown-trigger--above_k4aju3._ember-power-select-trigger_k4aju3[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

._ember-power-select-options_k4aju3 {
  max-height: 200px;
  overflow-y: auto;
}

._ember-power-select-selected-item_k4aju3 {
  flex: 1 1 auto;
  margin-right: 20px;
}
._ember-power-select-selected-item_k4aju3 em {
  margin-left: 4px;
  font-weight: bold;
  font-size: 11px;
  font-style: normal;
  color: var(--color-primary);
}

._ember-power-select-multiple-options_k4aju3 ._ember-power-select-multiple-option_k4aju3:first-of-type span[role=button] {
  display: none;
}

._ember-power-select-multiple-options_k4aju3 {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  list-style: none;
}
._ember-power-select-multiple-options_k4aju3 li._ember-power-select-trigger-multiple-input-container_k4aju3 {
  flex-grow: 1;
  display: flex;
}
._ember-power-select-multiple-options_k4aju3 li._ember-power-select-trigger-multiple-input-container_k4aju3 input {
  flex-grow: 1;
}

._ember-power-select-trigger-multiple-input_k4aju3 {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
}

html[data-theme=dark] ._ember-power-select-multiple-option_k4aju3 {
  color: var(--color-primary);
}

._ember-power-select-multiple-option_k4aju3 {
  display: inline-block;
  background: var(--color-primary-opacity-25);
  color: var(--color-primary-darken-50);
  border-radius: var(--border-radius);
  padding: 3px 9px;
  font-size: 14px;
}

._ember-power-select-multiple-remove-btn_k4aju3 {
  cursor: pointer;
}
._ember-power-select-multiple-remove-btn_k4aju3:not(:hover) {
  opacity: 0.5;
}

._ember-power-select-status-icon_k4aju3 {
  position: absolute;
  right: 0;
  display: block;
  font-size: 18px;
}
._ember-power-select-status-icon_k4aju3:after {
  content: "›";
  position: absolute;
  bottom: -14px;
  left: -16px;
  transform: rotate(90deg);
}
._ember-basic-dropdown-trigger_k4aju3[aria-expanded=true] ._ember-power-select-status-icon_k4aju3:after {
  left: -18px;
  bottom: -13px;
  transform: rotate(-90deg);
}

._ember-power-select-dropdown_k4aju3 {
  border-left: 0;
  border-right: 0;
  border-radius: 3px;
  box-shadow: 0 2px 5px var(--shadow-color);
  border-color: #ddd;
  color: inherit;
  font-size: 14px;
}

._ember-power-select-dropdown_k4aju3._ember-basic-dropdown-content--above_k4aju3 {
  border-top: 0;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

._ember-power-select-dropdown_k4aju3._ember-basic-dropdown-content--below_k4aju3,
._ember-power-select-dropdown_k4aju3._ember-basic-dropdown-content--in-place_k4aju3 {
  border-top: none;
  border-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

._ember-power-select-dropdown_k4aju3._ember-basic-dropdown-content--in-place_k4aju3 {
  width: 100%;
}

._ember-power-select-option_k4aju3 {
  cursor: pointer;
  padding: 6px 10px;
  color: var(--color-black);
}
._ember-power-select-option_k4aju3 em {
  font-size: 11px;
  font-style: normal;
  color: var(--color-black-opacity-70);
}

._ember-power-select-group_k4aju3[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

._ember-power-select-group_k4aju3[aria-disabled=true] ._ember-power-select-option_k4aju3,
._ember-power-select-option_k4aju3[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

._ember-power-select-option_k4aju3[aria-selected=true] {
  background-color: var(--content-background);
  color: var(--color-primary);
}

._ember-power-select-option_k4aju3[aria-current=true] {
  background-color: var(--background-light);
}

._ember-power-select-trigger_k4aju3[aria-disabled=true] {
  background-color: #eeeeee;
  pointer-events: none;
}

._ember-power-select-search-input_k4aju3 {
  width: 100%;
  padding: 7px;
  font-size: 14px;
  background: var(--input-background);
  color: var(--input-color);
}
._ember-power-select-search-input_k4aju3:focus {
  outline: 1px solid var(--color-primary);
}

/* styles for accent-webapp/styles/variables/power-select.scss */