@charset "UTF-8";
/* 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_1kue89, ._textInput_1bbagx, ._input_ymzv3o, ._inputText_1bx69t, ._inputText_1lsy4v, ._textInput_6phq6t, ._textEdit-input_1j5zg3, ._textInput_15igtr, ._textInput_uefnlj, ._input_9qmta1, ._textInput_xaywv5, ._textInput_12a0wf, ._textInput_1pf809, ._textInput_y7jm3i, ._textInput_77ymrm, ._colorInput_1hnucr, ._textInput_1hnucr, ._textInput_1ml6k8, ._textInput_2ep8yl, ._logoInput_hkeh6u, ._colorInput_hkeh6u, ._textInput_hkeh6u, ._input_1uzcua, ._input_vahdbe, ._input_shgg6b, ._textInput_1wp34s, ._textInput_s5z5ig, ._input_1r6u6x, ._fileSourceName_1jbpn0, ._commit-file_1jbpn0 .textInput, ._textInput_1vfooc {
  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_1kue89::-moz-selection, ._textInput_1bbagx::-moz-selection, ._input_ymzv3o::-moz-selection, ._inputText_1bx69t::-moz-selection, ._inputText_1lsy4v::-moz-selection, ._textInput_6phq6t::-moz-selection, ._textEdit-input_1j5zg3::-moz-selection, ._textInput_15igtr::-moz-selection, ._textInput_uefnlj::-moz-selection, ._input_9qmta1::-moz-selection, ._textInput_xaywv5::-moz-selection, ._textInput_12a0wf::-moz-selection, ._textInput_1pf809::-moz-selection, ._textInput_y7jm3i::-moz-selection, ._textInput_77ymrm::-moz-selection, ._colorInput_1hnucr::-moz-selection, ._textInput_1hnucr::-moz-selection, ._textInput_1ml6k8::-moz-selection, ._textInput_2ep8yl::-moz-selection, ._logoInput_hkeh6u::-moz-selection, ._colorInput_hkeh6u::-moz-selection, ._textInput_hkeh6u::-moz-selection, ._input_1uzcua::-moz-selection, ._input_vahdbe::-moz-selection, ._input_shgg6b::-moz-selection, ._textInput_1wp34s::-moz-selection, ._textInput_s5z5ig::-moz-selection, ._input_1r6u6x::-moz-selection, ._fileSourceName_1jbpn0::-moz-selection, ._commit-file_1jbpn0 .textInput::-moz-selection, ._textInput_1vfooc::-moz-selection {
  background: var(--color-primary-opacity-70);
}
._textInput_1kue89::selection, ._textInput_1bbagx::selection, ._input_ymzv3o::selection, ._inputText_1bx69t::selection, ._inputText_1lsy4v::selection, ._textInput_6phq6t::selection, ._textEdit-input_1j5zg3::selection, ._textInput_15igtr::selection, ._textInput_uefnlj::selection, ._input_9qmta1::selection, ._textInput_xaywv5::selection, ._textInput_12a0wf::selection, ._textInput_1pf809::selection, ._textInput_y7jm3i::selection, ._textInput_77ymrm::selection, ._colorInput_1hnucr::selection, ._textInput_1hnucr::selection, ._textInput_1ml6k8::selection, ._textInput_2ep8yl::selection, ._logoInput_hkeh6u::selection, ._colorInput_hkeh6u::selection, ._textInput_hkeh6u::selection, ._input_1uzcua::selection, ._input_vahdbe::selection, ._input_shgg6b::selection, ._textInput_1wp34s::selection, ._textInput_s5z5ig::selection, ._input_1r6u6x::selection, ._fileSourceName_1jbpn0::selection, ._commit-file_1jbpn0 .textInput::selection, ._textInput_1vfooc::selection {
  background: var(--color-primary-opacity-70);
}
._textInput_1kue89:focus, ._textInput_1bbagx:focus, ._input_ymzv3o:focus, ._inputText_1bx69t:focus, ._inputText_1lsy4v:focus, ._textInput_6phq6t:focus, ._textEdit-input_1j5zg3:focus, ._textInput_15igtr:focus, ._textInput_uefnlj:focus, ._input_9qmta1:focus, ._textInput_xaywv5:focus, ._textInput_12a0wf:focus, ._textInput_1pf809:focus, ._textInput_y7jm3i:focus, ._textInput_77ymrm:focus, ._colorInput_1hnucr:focus, ._textInput_1hnucr:focus, ._textInput_1ml6k8:focus, ._textInput_2ep8yl:focus, ._logoInput_hkeh6u:focus, ._colorInput_hkeh6u:focus, ._textInput_hkeh6u:focus, ._input_1uzcua:focus, ._input_vahdbe:focus, ._input_shgg6b:focus, ._textInput_1wp34s:focus, ._textInput_s5z5ig:focus, ._input_1r6u6x:focus, ._fileSourceName_1jbpn0:focus, ._commit-file_1jbpn0 .textInput:focus, ._textInput_1vfooc:focus {
  border: 2px solid var(--color-primary);
}
._textInput_1kue89:disabled, ._textInput_1bbagx:disabled, ._input_ymzv3o:disabled, ._inputText_1bx69t:disabled, ._inputText_1lsy4v:disabled, ._textInput_6phq6t:disabled, ._textEdit-input_1j5zg3:disabled, ._textInput_15igtr:disabled, ._textInput_uefnlj:disabled, ._input_9qmta1:disabled, ._textInput_xaywv5:disabled, ._textInput_12a0wf:disabled, ._textInput_1pf809:disabled, ._textInput_y7jm3i:disabled, ._textInput_77ymrm:disabled, ._colorInput_1hnucr:disabled, ._textInput_1hnucr:disabled, ._textInput_1ml6k8:disabled, ._textInput_2ep8yl:disabled, ._logoInput_hkeh6u:disabled, ._colorInput_hkeh6u:disabled, ._textInput_hkeh6u:disabled, ._input_1uzcua:disabled, ._input_vahdbe:disabled, ._input_shgg6b:disabled, ._textInput_1wp34s:disabled, ._textInput_s5z5ig:disabled, ._input_1r6u6x:disabled, ._fileSourceName_1jbpn0:disabled, ._commit-file_1jbpn0 .textInput:disabled, ._textInput_1vfooc: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_1kue89, ._textInput_1bbagx, ._input_ymzv3o, ._inputText_1bx69t, ._inputText_1lsy4v, ._textInput_6phq6t, ._textEdit-input_1j5zg3, ._textInput_15igtr, ._textInput_uefnlj, ._input_9qmta1, ._textInput_xaywv5, ._textInput_12a0wf, ._textInput_1pf809, ._textInput_y7jm3i, ._textInput_77ymrm, ._colorInput_1hnucr, ._textInput_1hnucr, ._textInput_1ml6k8, ._textInput_2ep8yl, ._logoInput_hkeh6u, ._colorInput_hkeh6u, ._textInput_hkeh6u, ._input_1uzcua, ._input_vahdbe, ._input_shgg6b, ._textInput_1wp34s, ._textInput_s5z5ig, ._input_1r6u6x, ._fileSourceName_1jbpn0, ._commit-file_1jbpn0 .textInput, ._textInput_1vfooc {
  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_1kue89::-moz-selection, ._textInput_1bbagx::-moz-selection, ._input_ymzv3o::-moz-selection, ._inputText_1bx69t::-moz-selection, ._inputText_1lsy4v::-moz-selection, ._textInput_6phq6t::-moz-selection, ._textEdit-input_1j5zg3::-moz-selection, ._textInput_15igtr::-moz-selection, ._textInput_uefnlj::-moz-selection, ._input_9qmta1::-moz-selection, ._textInput_xaywv5::-moz-selection, ._textInput_12a0wf::-moz-selection, ._textInput_1pf809::-moz-selection, ._textInput_y7jm3i::-moz-selection, ._textInput_77ymrm::-moz-selection, ._colorInput_1hnucr::-moz-selection, ._textInput_1hnucr::-moz-selection, ._textInput_1ml6k8::-moz-selection, ._textInput_2ep8yl::-moz-selection, ._logoInput_hkeh6u::-moz-selection, ._colorInput_hkeh6u::-moz-selection, ._textInput_hkeh6u::-moz-selection, ._input_1uzcua::-moz-selection, ._input_vahdbe::-moz-selection, ._input_shgg6b::-moz-selection, ._textInput_1wp34s::-moz-selection, ._textInput_s5z5ig::-moz-selection, ._input_1r6u6x::-moz-selection, ._fileSourceName_1jbpn0::-moz-selection, ._commit-file_1jbpn0 .textInput::-moz-selection, ._textInput_1vfooc::-moz-selection {
  background: var(--color-primary-opacity-70);
}
._textInput_1kue89::selection, ._textInput_1bbagx::selection, ._input_ymzv3o::selection, ._inputText_1bx69t::selection, ._inputText_1lsy4v::selection, ._textInput_6phq6t::selection, ._textEdit-input_1j5zg3::selection, ._textInput_15igtr::selection, ._textInput_uefnlj::selection, ._input_9qmta1::selection, ._textInput_xaywv5::selection, ._textInput_12a0wf::selection, ._textInput_1pf809::selection, ._textInput_y7jm3i::selection, ._textInput_77ymrm::selection, ._colorInput_1hnucr::selection, ._textInput_1hnucr::selection, ._textInput_1ml6k8::selection, ._textInput_2ep8yl::selection, ._logoInput_hkeh6u::selection, ._colorInput_hkeh6u::selection, ._textInput_hkeh6u::selection, ._input_1uzcua::selection, ._input_vahdbe::selection, ._input_shgg6b::selection, ._textInput_1wp34s::selection, ._textInput_s5z5ig::selection, ._input_1r6u6x::selection, ._fileSourceName_1jbpn0::selection, ._commit-file_1jbpn0 .textInput::selection, ._textInput_1vfooc::selection {
  background: var(--color-primary-opacity-70);
}
._textInput_1kue89:focus, ._textInput_1bbagx:focus, ._input_ymzv3o:focus, ._inputText_1bx69t:focus, ._inputText_1lsy4v:focus, ._textInput_6phq6t:focus, ._textEdit-input_1j5zg3:focus, ._textInput_15igtr:focus, ._textInput_uefnlj:focus, ._input_9qmta1:focus, ._textInput_xaywv5:focus, ._textInput_12a0wf:focus, ._textInput_1pf809:focus, ._textInput_y7jm3i:focus, ._textInput_77ymrm:focus, ._colorInput_1hnucr:focus, ._textInput_1hnucr:focus, ._textInput_1ml6k8:focus, ._textInput_2ep8yl:focus, ._logoInput_hkeh6u:focus, ._colorInput_hkeh6u:focus, ._textInput_hkeh6u:focus, ._input_1uzcua:focus, ._input_vahdbe:focus, ._input_shgg6b:focus, ._textInput_1wp34s:focus, ._textInput_s5z5ig:focus, ._input_1r6u6x:focus, ._fileSourceName_1jbpn0:focus, ._commit-file_1jbpn0 .textInput:focus, ._textInput_1vfooc:focus {
  border: 2px solid var(--color-primary);
}
._textInput_1kue89:disabled, ._textInput_1bbagx:disabled, ._input_ymzv3o:disabled, ._inputText_1bx69t:disabled, ._inputText_1lsy4v:disabled, ._textInput_6phq6t:disabled, ._textEdit-input_1j5zg3:disabled, ._textInput_15igtr:disabled, ._textInput_uefnlj:disabled, ._input_9qmta1:disabled, ._textInput_xaywv5:disabled, ._textInput_12a0wf:disabled, ._textInput_1pf809:disabled, ._textInput_y7jm3i:disabled, ._textInput_77ymrm:disabled, ._colorInput_1hnucr:disabled, ._textInput_1hnucr:disabled, ._textInput_1ml6k8:disabled, ._textInput_2ep8yl:disabled, ._logoInput_hkeh6u:disabled, ._colorInput_hkeh6u:disabled, ._textInput_hkeh6u:disabled, ._input_1uzcua:disabled, ._input_vahdbe:disabled, ._input_shgg6b:disabled, ._textInput_1wp34s:disabled, ._textInput_s5z5ig:disabled, ._input_1r6u6x:disabled, ._fileSourceName_1jbpn0:disabled, ._commit-file_1jbpn0 .textInput:disabled, ._textInput_1vfooc:disabled {
  color: var(--color-grey);
  background: var(--background-light);
}

/* styles for accent-webapp/styles/components/acc-avatar-img.scss */
._fallback_sravte path:first-of-type {
  opacity: 0.3;
}
._fallback_sravte path {
  fill: var(--text-color-normal);
  opacity: 0.16;
}

/* styles for accent-webapp/styles/components/acc-badge.scss */
._badge_1o9ztc {
  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_1o9ztc {
  background: var(--color-primary);
  color: #fff;
}

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

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

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

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

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

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

._link_1o9ztc._primary_1o9ztc a {
  color: #fff;
}

/* styles for accent-webapp/styles/components/acc-emoji-picker.scss */
._wrapper_1wxngj {
  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_1wxngj {
  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_1wxngj;
  animation-timing-function: ease-in-out;
  animation-duration: 0.2s;
  animation-delay: 0;
  animation-fill-mode: forwards;
}

._container_1wxngj {
  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_1wxngj;
  animation-timing-function: ease-in-out;
  animation-duration: 0.3s;
  animation-delay: 0;
  animation-fill-mode: forwards;
}

@media (max-width: 440px) {
  ._wrapper_1wxngj {
    padding: 30px 10px;
  }
}
@keyframes _animate-content_1wxngj {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _animate-overlay_1wxngj {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}
/* styles for accent-webapp/styles/components/acc-flash-message.scss */
._flash_4tjcyj {
  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_4tjcyj;
  pointer-events: all;
}
._flash_4tjcyj._is-exiting_4tjcyj {
  animation: 0.3s forwards ease-in-out;
  animation-name: _flash-message-out_4tjcyj;
}

._flash_4tjcyj._success_4tjcyj {
  background: var(--color-green);
}
._flash_4tjcyj._success_4tjcyj ._icon_4tjcyj {
  opacity: 0.7;
  stroke: var(--color-green);
}

._flash_4tjcyj._socket_4tjcyj {
  background: var(--color-socket);
}
._flash_4tjcyj._socket_4tjcyj ._icon_4tjcyj {
  opacity: 0.7;
  stroke: var(--color-socket);
}

._flash_4tjcyj._error_4tjcyj {
  background: var(--color-error);
}
._flash_4tjcyj._error_4tjcyj ._icon_4tjcyj {
  opacity: 0.7;
  stroke: var(--color-error);
}

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

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

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

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

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

@keyframes _flash-message-in_4tjcyj {
  0% {
    margin-top: -30px;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes _flash-message-out_4tjcyj {
  0% {
    margin-top: 0;
    opacity: 1;
  }
  100% {
    margin-top: -30px;
    opacity: 0;
  }
}
/* styles for accent-webapp/styles/components/acc-modal.scss */
._wrapper_14fymx {
  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_14fymx {
  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_14fymx;
  animation-timing-function: ease-out;
  animation-duration: 0.15s;
  animation-delay: 0;
  animation-fill-mode: forwards;
}

._container_14fymx {
  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_14fymx;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-delay: 0;
  animation-fill-mode: forwards;
}
._container_14fymx._container--small_14fymx {
  max-width: 500px;
}
._container_14fymx._container--large_14fymx {
  max-width: 1250px;
}

@media (max-width: 440px) {
  ._wrapper_14fymx {
    padding: 30px 10px;
  }
}
@keyframes _animate-content_14fymx {
  0% {
    opacity: 0;
    transform: scale(0.97);
  }
  50% {
    opacity: 1;
    transform: scale(1.02);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes _animate-overlay_14fymx {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
/* styles for accent-webapp/styles/components/acc-select.scss */
._root_3m8xt1 {
  position: relative;
}
._root_3m8xt1 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_3m8xt1: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/styles/components/acc-wrapper.scss */
._wrapper_sxh43i {
  display: flex;
  align-items: stretch;
  margin: 0 auto;
  max-width: var(--screen-lg);
  width: 100%;
  min-height: 100vh;
}

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

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

/* styles for accent-webapp/styles/components/acc-wrapper/projects.scss */
._content_66qt2v {
  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_66qt2v {
  padding: 0 20px 10px;
}

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

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

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

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

._item_9oewyc._rollback_9oewyc,
._item_9oewyc._batch-merge_9oewyc,
._item_9oewyc._merge_9oewyc,
._item_9oewyc._new-slave_9oewyc,
._item_9oewyc._uncorrect-all_9oewyc,
._item_9oewyc._correct-all_9oewyc,
._item_9oewyc._batch-sync_9oewyc,
._item_9oewyc._sync_9oewyc {
  left: 10px;
  width: calc(100% - 9px);
  padding: 5px;
  background: var(--content-background);
  border: 1px solid var(--background-light-highlight);
  border-left: 0;
}
._item_9oewyc._rollback_9oewyc ._item-iconContainer_9oewyc,
._item_9oewyc._batch-merge_9oewyc ._item-iconContainer_9oewyc,
._item_9oewyc._merge_9oewyc ._item-iconContainer_9oewyc,
._item_9oewyc._new-slave_9oewyc ._item-iconContainer_9oewyc,
._item_9oewyc._uncorrect-all_9oewyc ._item-iconContainer_9oewyc,
._item_9oewyc._correct-all_9oewyc ._item-iconContainer_9oewyc,
._item_9oewyc._batch-sync_9oewyc ._item-iconContainer_9oewyc,
._item_9oewyc._sync_9oewyc ._item-iconContainer_9oewyc {
  top: 3px;
  left: -16px;
}
._item_9oewyc._rollback_9oewyc ._item-content_9oewyc,
._item_9oewyc._batch-merge_9oewyc ._item-content_9oewyc,
._item_9oewyc._merge_9oewyc ._item-content_9oewyc,
._item_9oewyc._new-slave_9oewyc ._item-content_9oewyc,
._item_9oewyc._uncorrect-all_9oewyc ._item-content_9oewyc,
._item_9oewyc._correct-all_9oewyc ._item-content_9oewyc,
._item_9oewyc._batch-sync_9oewyc ._item-content_9oewyc,
._item_9oewyc._sync_9oewyc ._item-content_9oewyc {
  width: 100%;
  padding: 5px 5px 0 2px;
  margin-left: -16px;
  background: var(--content-background);
  border-bottom: 0;
}

._item_9oewyc._batch-sync_9oewyc,
._item_9oewyc._sync_9oewyc {
  position: relative;
  transform: translateX(-1px);
  padding: 6px 10px 5px;
  border-color: transparent;
  border-left: 1px solid var(--color-primary-darken-10);
}
._item_9oewyc._batch-sync_9oewyc._compact_9oewyc,
._item_9oewyc._sync_9oewyc._compact_9oewyc {
  border-left: 1px solid var(--color-primary-darken-10);
}
._item_9oewyc._batch-sync_9oewyc:before,
._item_9oewyc._sync_9oewyc: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_9oewyc._batch-sync_9oewyc ._item-iconContainer_9oewyc,
._item_9oewyc._sync_9oewyc ._item-iconContainer_9oewyc {
  left: -21px;
  background: var(--color-primary);
  border-color: transparent;
  box-shadow: none;
}
._item_9oewyc._batch-sync_9oewyc ._item-iconContainer-icon_9oewyc,
._item_9oewyc._sync_9oewyc ._item-iconContainer-icon_9oewyc {
  stroke: var(--content-background);
}
._item_9oewyc._batch-sync_9oewyc ._item-stats_9oewyc,
._item_9oewyc._sync_9oewyc ._item-stats_9oewyc {
  padding: 0;
  background: transparent;
  color: var(--text-color-normal);
}
._item_9oewyc._batch-sync_9oewyc ._item-date_9oewyc,
._item_9oewyc._sync_9oewyc ._item-date_9oewyc {
  color: var(--color-black);
}
._item_9oewyc._batch-sync_9oewyc ._item-details-link_9oewyc,
._item_9oewyc._sync_9oewyc ._item-details-link_9oewyc {
  color: var(--color-primary);
}
._item_9oewyc._batch-sync_9oewyc ._item-content_9oewyc,
._item_9oewyc._sync_9oewyc ._item-content_9oewyc {
  background: var(--color-primary-lighten-95);
  color: var(--color-primary-darken-50);
}
._item_9oewyc._batch-sync_9oewyc ._item-documentPath_9oewyc,
._item_9oewyc._sync_9oewyc ._item-documentPath_9oewyc {
  color: var(--color-primary-darken-30);
}
._item_9oewyc._batch-sync_9oewyc ._item-user_9oewyc,
._item_9oewyc._batch-sync_9oewyc ._item-header-content_9oewyc,
._item_9oewyc._sync_9oewyc ._item-user_9oewyc,
._item_9oewyc._sync_9oewyc ._item-header-content_9oewyc {
  color: var(--color-primary-darken-30);
}
._item_9oewyc._batch-sync_9oewyc._compact_9oewyc ._item-content_9oewyc,
._item_9oewyc._sync_9oewyc._compact_9oewyc ._item-content_9oewyc {
  padding-left: 0;
}
._item_9oewyc._batch-sync_9oewyc._compact_9oewyc ._item-header_9oewyc,
._item_9oewyc._sync_9oewyc._compact_9oewyc ._item-header_9oewyc {
  margin-bottom: 0;
}
._item_9oewyc._batch-sync_9oewyc._compact_9oewyc ._item-iconContainer-icon_9oewyc,
._item_9oewyc._sync_9oewyc._compact_9oewyc ._item-iconContainer-icon_9oewyc {
  stroke: var(--color-primary);
}
._item_9oewyc._batch-sync_9oewyc._compact_9oewyc ._item-user_9oewyc,
._item_9oewyc._batch-sync_9oewyc._compact_9oewyc ._item-header-content_9oewyc,
._item_9oewyc._sync_9oewyc._compact_9oewyc ._item-user_9oewyc,
._item_9oewyc._sync_9oewyc._compact_9oewyc ._item-header-content_9oewyc {
  font-size: 12px;
}

._item_9oewyc._rollback_9oewyc {
  background: var(--background-light);
  border: 1px solid var(--background-light-highlight);
}
._item_9oewyc._rollback_9oewyc ._item-header_9oewyc {
  margin-bottom: 4px;
}
._item_9oewyc._rollback_9oewyc ._item-iconContainer_9oewyc {
  display: none;
}
._item_9oewyc._rollback_9oewyc ._item-translationLink_9oewyc {
  margin-top: 2px;
}
._item_9oewyc._rollback_9oewyc ._item-content_9oewyc {
  padding: 5px 0 0;
  margin: 0;
  background: var(--background-light);
  border-bottom: 0;
}

._item_9oewyc._uncorrect-all_9oewyc ._item-iconContainer_9oewyc {
  background: var(--color-error);
  border-color: transparent;
}
._item_9oewyc._uncorrect-all_9oewyc ._item-iconContainer-icon_9oewyc {
  stroke: var(--content-background);
}
._item_9oewyc._uncorrect-all_9oewyc._compact_9oewyc ._item-iconContainer-icon_9oewyc {
  stroke: var(--color-error);
}

._item_9oewyc._correct-all_9oewyc._compact_9oewyc ._item-iconContainer-icon_9oewyc {
  stroke: var(--color-success);
}
._item_9oewyc._correct-all_9oewyc ._item-iconContainer_9oewyc {
  background: var(--color-success);
  border-color: transparent;
}
._item_9oewyc._correct-all_9oewyc ._item-iconContainer-icon_9oewyc {
  stroke: var(--content-background);
}

._item_9oewyc._document-delete_9oewyc ._item-iconContainer_9oewyc {
  background: var(--color-error);
  border-color: transparent;
}
._item_9oewyc._document-delete_9oewyc ._item-iconContainer-icon_9oewyc {
  stroke: var(--content-background);
}
._item_9oewyc._document-delete_9oewyc._compact_9oewyc ._item-iconContainer-icon_9oewyc {
  stroke: var(--color-error);
}

._item_9oewyc._correct-conflict_9oewyc ._item-iconContainer_9oewyc {
  border-color: var(--color-success);
}
._item_9oewyc._correct-conflict_9oewyc ._item-iconContainer-icon_9oewyc {
  stroke: var(--color-success);
}

._item_9oewyc._uncorrect-conflict_9oewyc ._item-iconContainer_9oewyc {
  border-color: var(--color-error);
}
._item_9oewyc._uncorrect-conflict_9oewyc ._item-iconContainer-icon_9oewyc {
  stroke: var(--color-error);
}

._item_9oewyc._conflict-on-corrected_9oewyc ._item-iconContainer_9oewyc {
  border-color: var(--color-error);
}
._item_9oewyc._conflict-on-corrected_9oewyc ._item-iconContainer-icon_9oewyc {
  stroke: var(--color-error);
}

._item_9oewyc._conflict-on-proposed_9oewyc ._item-iconContainer_9oewyc {
  border-color: var(--color-warning);
}
._item_9oewyc._conflict-on-proposed_9oewyc ._item-iconContainer-icon_9oewyc {
  stroke: var(--color-warning);
}

._item_9oewyc._rollbacked_9oewyc ._item-stats_9oewyc,
._item_9oewyc._rollbacked_9oewyc ._item-translationText_9oewyc,
._item_9oewyc._rollbacked_9oewyc ._item-actions_9oewyc,
._item_9oewyc._rollbacked_9oewyc ._item-header_9oewyc {
  opacity: 0.6;
  font-size: 12px;
}
._item_9oewyc._rollbacked_9oewyc ._item-translationText_9oewyc {
  padding: 0;
  background: transparent;
}
._item_9oewyc._rollbacked_9oewyc ._item-iconContainer_9oewyc {
  background: var(--content-background);
  border-color: var(--content-background-border);
}
._item_9oewyc._rollbacked_9oewyc ._item-iconContainer-icon_9oewyc {
  width: 11px;
  height: 11px;
  stroke: var(--content-background-border);
}
._item_9oewyc._rollbacked_9oewyc._rollback_9oewyc, ._item_9oewyc._rollbacked_9oewyc._batch-merge_9oewyc, ._item_9oewyc._rollbacked_9oewyc._merge_9oewyc, ._item_9oewyc._rollbacked_9oewyc._new-slave_9oewyc, ._item_9oewyc._rollbacked_9oewyc._uncorrect-all_9oewyc, ._item_9oewyc._rollbacked_9oewyc._correct-all_9oewyc {
  border-color: var(--background-light-highlight);
}
._item_9oewyc._rollbacked_9oewyc._rollback_9oewyc ._item-iconContainer_9oewyc, ._item_9oewyc._rollbacked_9oewyc._batch-merge_9oewyc ._item-iconContainer_9oewyc, ._item_9oewyc._rollbacked_9oewyc._merge_9oewyc ._item-iconContainer_9oewyc, ._item_9oewyc._rollbacked_9oewyc._new-slave_9oewyc ._item-iconContainer_9oewyc, ._item_9oewyc._rollbacked_9oewyc._uncorrect-all_9oewyc ._item-iconContainer_9oewyc, ._item_9oewyc._rollbacked_9oewyc._correct-all_9oewyc ._item-iconContainer_9oewyc {
  left: -19px;
  top: 6px;
}
._item_9oewyc._rollbacked_9oewyc._batch-sync_9oewyc:before, ._item_9oewyc._rollbacked_9oewyc._sync_9oewyc:before {
  display: none;
}
._item_9oewyc._rollbacked_9oewyc._batch-sync_9oewyc ._item-iconContainer_9oewyc, ._item_9oewyc._rollbacked_9oewyc._sync_9oewyc ._item-iconContainer_9oewyc {
  left: -19px;
  top: 6px;
}

._item_9oewyc._rollback_9oewyc._compact_9oewyc ._item-iconContainer_9oewyc {
  top: -2px;
  left: -13px;
  display: block;
}
._item_9oewyc._rollback_9oewyc._compact_9oewyc ._item-content_9oewyc {
  margin-left: -20px;
}

._item_9oewyc._rollbacked_9oewyc._compact_9oewyc,
._item_9oewyc._compact_9oewyc {
  width: 100%;
  margin: 12px 0 2px;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
._item_9oewyc._rollbacked_9oewyc._compact_9oewyc:last-of-type ._item-content_9oewyc,
._item_9oewyc._compact_9oewyc:last-of-type ._item-content_9oewyc {
  border-bottom: 0;
}
._item_9oewyc._rollbacked_9oewyc._compact_9oewyc ._item-stats_9oewyc,
._item_9oewyc._compact_9oewyc ._item-stats_9oewyc {
  display: none;
}
._item_9oewyc._rollbacked_9oewyc._compact_9oewyc ._item-header_9oewyc,
._item_9oewyc._compact_9oewyc ._item-header_9oewyc {
  font-size: 11px;
  flex-direction: column;
  align-items: flex-start;
}
._item_9oewyc._rollbacked_9oewyc._compact_9oewyc ._item-actions_9oewyc,
._item_9oewyc._compact_9oewyc ._item-actions_9oewyc {
  margin: 2px 0 0;
  text-align: left;
}
._item_9oewyc._rollbacked_9oewyc._compact_9oewyc ._item-content_9oewyc,
._item_9oewyc._compact_9oewyc ._item-content_9oewyc {
  padding-top: 2px;
  background: transparent;
}
._item_9oewyc._rollbacked_9oewyc._compact_9oewyc ._item-iconContainer_9oewyc,
._item_9oewyc._compact_9oewyc ._item-iconContainer_9oewyc {
  border-color: var(--content-background);
  background: var(--content-background);
}
._item_9oewyc._rollbacked_9oewyc._compact_9oewyc ._item-rollback-content_9oewyc,
._item_9oewyc._compact_9oewyc ._item-rollback-content_9oewyc {
  margin: 5px 0;
  padding: 5px 10px;
  font-size: 11px;
  background: var(--background-light);
  color: #888;
}
._item_9oewyc._rollbacked_9oewyc._compact_9oewyc ._item-content-rollbacked_9oewyc,
._item_9oewyc._compact_9oewyc ._item-content-rollbacked_9oewyc {
  margin-bottom: 1px;
  font-size: 11px;
}
._item_9oewyc._rollbacked_9oewyc._compact_9oewyc ._item-translationText_9oewyc,
._item_9oewyc._compact_9oewyc ._item-translationText_9oewyc {
  display: none;
}
._item_9oewyc._rollbacked_9oewyc._compact_9oewyc ._item-translationLink_9oewyc,
._item_9oewyc._compact_9oewyc ._item-translationLink_9oewyc {
  font-size: 11px;
  margin-left: 0;
  margin-top: 0;
}
._item_9oewyc._rollbacked_9oewyc._compact_9oewyc ._item-revisionLink_9oewyc,
._item_9oewyc._compact_9oewyc ._item-revisionLink_9oewyc {
  font-size: 11px;
}
._item_9oewyc._rollbacked_9oewyc._compact_9oewyc ._item-documentPath_9oewyc,
._item_9oewyc._compact_9oewyc ._item-documentPath_9oewyc {
  font-size: 11px;
}
._item_9oewyc._rollbacked_9oewyc._compact_9oewyc ._item-user-picture_9oewyc,
._item_9oewyc._compact_9oewyc ._item-user-picture_9oewyc {
  width: 15px;
  height: 15px;
}
._item_9oewyc._rollbacked_9oewyc._compact_9oewyc ._item-details-link_9oewyc,
._item_9oewyc._compact_9oewyc ._item-details-link_9oewyc {
  opacity: 0.7;
}

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

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

._item-iconContainer_9oewyc {
  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_9oewyc {
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
  stroke: var(--color-grey);
}

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

._item_9oewyc._compact_9oewyc ._item-header_9oewyc {
  flex-direction: column;
}
._item_9oewyc._compact_9oewyc ._item-actions_9oewyc {
  min-width: 0;
  text-align: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._item-translationLink_9oewyc {
  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_9oewyc:hover, ._item-translationLink_9oewyc:focus {
  color: var(--color-primary-darken-10);
}
._item-translationLink_9oewyc._item-translationLink--removed_9oewyc {
  color: #666;
}

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

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

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

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

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

._item-rollback_9oewyc {
  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_9oewyc:focus, ._item-rollback_9oewyc:hover {
  color: var(--background-light-highlight);
  text-decoration: underline;
}

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

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

._item-details-link_9oewyc {
  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_9oewyc:focus, ._item-details-link_9oewyc:hover {
  text-decoration: underline;
  color: var(--color-primary);
}

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

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

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

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

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

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

._select_qk9zar {
  position: relative;
}
._select_qk9zar 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_qk9zar::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_qk9zar {
  font-family: var(--font-monospace);
  font-size: 10px;
}

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

._button-theme_qk9zar {
  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_qk9zar:focus, ._button-theme_qk9zar:hover {
  outline: none;
}
._button-theme_qk9zar:hover {
  opacity: 1;
}

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

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

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

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

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

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

._loading_1nz44f {
  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/styles/components/azure-push-form.scss */
._azure-push-form_1vfooc {
  padding: 20px;
  background: var(--content-background);
}

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

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

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

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

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

._formItem_1vfooc {
  margin-bottom: 20px;
}

._formActions_1vfooc {
  padding-top: 10px;
}

/* styles for accent-webapp/styles/components/commit-file.scss */
._commit-file_1jbpn0 .textInput {
  margin-bottom: 8px;
  padding: 5px;
  outline: 0;
  background: #fff;
  font-family: var(--font-monospace);
  font-size: 12px;
}
._commit-file_1jbpn0 .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_1jbpn0 {
  margin-bottom: 3px;
  width: 80%;
  color: var(--color-grey);
  font-size: 12px;
}

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

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

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

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

._optionLabelText_1jbpn0 {
  margin-left: 5px;
}

._actions_1jbpn0 {
  margin-top: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._advancedFilters-badge_1r6u6x {
  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_1r6u6x {
    flex-direction: column;
  }
  ._queryForm_1r6u6x,
  ._filters-content_1r6u6x {
    width: 100%;
    margin-right: 0;
  }
}
/* styles for accent-webapp/styles/components/conflicts-list.scss */
._conflicts-wrapper_1hex2i {
  overflow-x: auto;
  --group-columns-width: 260px;
}

._conflicts-header_1hex2i {
  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_1hex2i {
  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_1hex2i {
  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_1hex2i {
  padding-bottom: 10px;
  min-width: var(--group-columns-width);
}

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

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

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

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

/* styles for accent-webapp/styles/components/conflicts-list/advanced-filters.scss */
._conflicts-list-advanced-filters_1xpw5s {
  margin: 15px 0 0 0;
  display: flex;
  flex-direction: column;
}

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

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

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

/* styles for accent-webapp/styles/components/conflicts-list/group.scss */
._item_1196ly {
  --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_1196ly .lint-translations-item {
  display: none;
  padding: 2px 6px;
  border-radius: var(--border-radius);
  margin: 0 5px 5px;
  background: var(--background-light);
}
._item_1196ly._item--focus_1196ly {
  background: var(--background-light);
  --grid-item-reviewed-opacity: 1;
  --grid-item-actions-opacity: 1;
}
._item_1196ly._item--focus_1196ly .lint-translations-item {
  display: block;
}
._item_1196ly._item--focus_1196ly ._item-key_1196ly {
  transform: translateY(2px);
}

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

._item-grid-item_1196ly {
  --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_1196ly._item-grid-item--translated_1196ly {
  --border-color: var(--color-warning);
  opacity: 1;
}
._item-grid-item_1196ly._item-grid-item--reviewed_1196ly {
  --border-color: var(--color-green);
  opacity: var(--grid-item-reviewed-opacity);
}
._item-grid-item_1196ly:hover {
  opacity: 1;
}
._item-grid-item_1196ly::before {
  position: absolute;
  content: "";
  top: -24px;
  left: -2px;
  height: 32px;
  width: 2px;
  background: var(--border-color);
}

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

._item-key_1196ly {
  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_1196ly {
  text-decoration: none;
}

/* styles for accent-webapp/styles/components/conflicts-list/item.scss */
._translation-item_1bya1v:hover ._form-helpers_1bya1v {
  pointer-events: all;
  opacity: 1;
}
._translation-item_1bya1v:hover ._button-submit_1bya1v {
  pointer-events: all;
  opacity: 1;
}

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

._item-details__column_1bya1v {
  position: relative;
}

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

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

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

._translation-item_1bya1v._resolved_1bya1v {
  background: var(--color-primary-opacity-10);
}

._translation-item_1bya1v._errored_1bya1v ._textInput_1bya1v {
  border-color: var(--color-error);
}

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

._button-submit_1bya1v {
  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_1bya1v[data-dir=rtl] {
  right: auto;
  left: 7px;
  flex-direction: row-reverse;
}

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

._item-text_1bya1v {
  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_1bya1v:focus, ._item-text_1bya1v:hover {
  outline: none;
  opacity: 0.8;
}

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

/* styles for accent-webapp/styles/components/dashboard-revisions.scss */
._dashboard-revisions_fxxlc8._low-percentage_fxxlc8 ._numberStat-reviewCompleted_fxxlc8,
._dashboard-revisions_fxxlc8._low-percentage_fxxlc8 ._numberStat-reviewPercentage_fxxlc8 {
  color: var(--color-error);
}

._dashboard-revisions_fxxlc8._medium-percentage_fxxlc8 ._numberStat-reviewCompleted_fxxlc8,
._dashboard-revisions_fxxlc8._medium-percentage_fxxlc8 ._numberStat-reviewPercentage_fxxlc8 {
  color: var(--color-warning);
}

._dashboard-revisions_fxxlc8._high-percentage_fxxlc8 ._numberStat-reviewCompleted_fxxlc8,
._dashboard-revisions_fxxlc8._high-percentage_fxxlc8 ._numberStat-reviewPercentage_fxxlc8 {
  color: var(--color-success);
}

._dashboard-revisions_fxxlc8 {
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

._empty-slaves-button_fxxlc8 {
  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_fxxlc8:hover, ._empty-slaves-button_fxxlc8:focus {
  box-shadow: 0 3px 10px var(--shadow-color);
}

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

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

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

._master_fxxlc8 {
  margin: 25px 0 0;
}

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  ._dashboard-revisions_fxxlc8 {
    flex-direction: column;
  }
  ._dashboard-revisions_fxxlc8 > ._content_fxxlc8 {
    width: 100%;
    margin-right: 0;
  }
  ._activities_fxxlc8 {
    margin-top: 20px;
    max-width: none;
  }
}
@media (max-width: 640px) {
  ._dashboard-revisions_fxxlc8 > ._content_fxxlc8 {
    margin: 0;
  }
}
/* styles for accent-webapp/styles/components/dashboard-revisions/item.scss */
._dashboard-revisions-item_nvvp1u {
  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_nvvp1u._low-percentage_nvvp1u ._language-reviewedPercentage_nvvp1u {
  color: var(--color-error);
}
._dashboard-revisions-item_nvvp1u._low-percentage_nvvp1u ._progress_nvvp1u {
  color: var(--color-error);
}

._dashboard-revisions-item_nvvp1u._medium-percentage_nvvp1u ._language-reviewedPercentage_nvvp1u {
  color: var(--color-warning);
}
._dashboard-revisions-item_nvvp1u._medium-percentage_nvvp1u ._progress_nvvp1u {
  color: var(--color-warning);
}

._dashboard-revisions-item_nvvp1u._high-percentage_nvvp1u ._language-reviewedPercentage_nvvp1u {
  color: var(--color-success);
}
._dashboard-revisions-item_nvvp1u._high-percentage_nvvp1u ._progress_nvvp1u {
  color: var(--color-success);
}

._dashboard-revisions-item_nvvp1u._master_nvvp1u {
  flex: 1 1 auto;
  max-width: none;
  margin-right: 0;
}
._dashboard-revisions-item_nvvp1u._master_nvvp1u ._language-name_nvvp1u {
  font-size: 14px;
}

._item_nvvp1u {
  padding: 8px 10px;
}

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

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

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

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

._reviewedStats_nvvp1u {
  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_nvvp1u,
._reviewedStats-translationsCount_nvvp1u,
._reviewedStats-reviewedCount_nvvp1u {
  font-family: var(--font-primary);
  color: var(--color-grey);
  margin: 0 3px;
  font-size: 11px;
  text-decoration: none;
}

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

._actionsButton_nvvp1u {
  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_nvvp1u:focus ._actionsButton-icon_nvvp1u, ._actionsButton_nvvp1u:hover ._actionsButton-icon_nvvp1u {
  opacity: 1;
}

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

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

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

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

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

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

._documents-list-item_s5z5ig._empty_s5z5ig {
  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_s5z5ig._empty_s5z5ig._editing_s5z5ig {
  padding: 0;
  background: transparent;
  border-radius: 0;
  margin-left: 0;
}
._documents-list-item_s5z5ig._empty_s5z5ig._editing_s5z5ig ._removed-badge_s5z5ig {
  display: none;
}

._documents-list-item_s5z5ig._low-percentage_s5z5ig ._reviewedPercentage_s5z5ig {
  color: var(--color-error);
}
._documents-list-item_s5z5ig._low-percentage_s5z5ig ._progress_s5z5ig {
  color: var(--color-error);
}

._documents-list-item_s5z5ig._medium-percentage_s5z5ig ._reviewedPercentage_s5z5ig {
  color: var(--color-warning);
}
._documents-list-item_s5z5ig._medium-percentage_s5z5ig ._progress_s5z5ig {
  color: var(--color-warning);
}

._documents-list-item_s5z5ig._high-percentage_s5z5ig ._reviewedPercentage_s5z5ig {
  color: var(--color-success);
}
._documents-list-item_s5z5ig._high-percentage_s5z5ig ._progress_s5z5ig {
  color: var(--color-success);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

._item-form-help_s5z5ig {
  display: block;
  margin-bottom: 6px;
  font-size: 11px;
  color: #bbb;
}
._item-form-help_s5z5ig 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_s5z5ig {
  width: 100%;
}

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

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

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

._item-edit-icon_s5z5ig {
  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_s5z5ig:focus, ._item-edit-icon_s5z5ig:hover {
  stroke: #aaa;
}

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

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

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

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

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

/* styles for accent-webapp/styles/components/dummy-login-form.scss */
._dummy-login-form_1wp34s {
  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_1wp34s {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 19px;
}

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

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

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

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

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

@media (max-width: 440px) {
  ._dummy-login-form_1wp34s {
    margin-top: 30px;
  }
}
/* styles for accent-webapp/styles/components/empty-content.scss */
._empty-content_qkzlgw {
  padding: 15px 16px 16px;
  width: 100%;
  max-width: 520px;
  color: hsl(var(--color-primary-hue), var(--color-primary-saturation), 50%);
  font-size: 13px;
  font-weight: 300;
  background-color: var(--color-primary-opacity-10);
  border-radius: var(--border-radius);
  line-height: 1.5;
}
._empty-content_qkzlgw._empty-content--center_qkzlgw {
  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_qkzlgw svg {
  color: var(--color-primary-opacity-50);
}
._empty-content_qkzlgw .link {
  color: var(--color-primary);
  text-decoration: none;
}
._empty-content_qkzlgw .link:focus, ._empty-content_qkzlgw .link:hover {
  text-decoration: underline;
}
._empty-content_qkzlgw .icon,
._empty-content_qkzlgw ._icon_qkzlgw {
  display: block;
  opacity: 0.8;
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
}

/* styles for accent-webapp/styles/components/error-section.scss */
._error-section_z9i5tp {
  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_z9i5tp {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto 20px;
  fill: var(--background-light-highlight);
}

._footer_z9i5tp {
  margin-top: 50px;
}

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

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

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

._text_z9i5tp {
  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_z9i5tp {
  font-size: 13px;
  color: var(--color-grey);
  text-decoration: none;
}
._link_z9i5tp:focus, ._link_z9i5tp:hover {
  color: var(--color-green);
  text-decoration: underline;
}

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

@media (max-width: 440px) {
  ._error-section_z9i5tp {
    margin-top: 40px;
  }
}
/* styles for accent-webapp/styles/components/flash-messages-list.scss */
._flash-messages-list_h63vpn {
  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/styles/components/google-login-form.scss */
._google-login-form_9lkdh9 {
  max-width: 500px;
  margin: 0 auto 30px;
  text-align: center;
}

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

._googleLoginButton_9lkdh9 {
  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_9lkdh9:focus, ._googleLoginButton_9lkdh9:hover {
  background: #2477fe;
}

@media (max-width: 440px) {
  ._google-login-form_9lkdh9 {
    margin-top: 30px;
  }
}
/* styles for accent-webapp/styles/components/highlight-render.scss */
._render_xmb7py 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_xmb7py {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

._prompt-button-quick-access_qlk0du {
  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_qlk0du > button:focus,
._prompt-button-quick-access_qlk0du > button:hover {
  transform: translate3d(0, 0, 0);
}
._prompt-button-quick-access_qlk0du > button .label {
  padding-left: 8px;
  padding-right: 8px;
}

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

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

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

/* styles for accent-webapp/styles/components/jipt-back-to-translations.scss */
._language_132puh {
  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_132puh:focus, ._language_132puh:hover {
  opacity: 1;
}
._language_132puh:focus ._back-icon_132puh, ._language_132puh:hover ._back-icon_132puh {
  opacity: 1;
  transform: translateX(-2px);
}

._back-icon_132puh {
  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/styles/components/jipt-example.scss */
._browser-mockup_1ety8g {
  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_1ety8g {
  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_1ety8g: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_1ety8g {
  background: #fff;
  padding: 30px;
  border-radius: 0 0 8px 8px;
}

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

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

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

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

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

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

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

._browser-content_1ety8g 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_1ety8g 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_1ety8g {
  background: linear-gradient(to right, #4453ad, #2a2d87);
  display: flex;
  height: 100dvh;
  align-items: flex-start;
}

/* styles for accent-webapp/styles/components/jipt-header.scss */
._jipt-header_1he7ai {
  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_1he7ai {
  margin: 0 0 0 10px;
  font-size: 14px;
  font-weight: 700;
  color: var(--color-black);
}

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

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

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

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

/* styles for accent-webapp/styles/components/jipt-translations-list.scss */
._item_1qyrkc {
  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_1qyrkc:focus, ._item_1qyrkc:hover {
  background: var(--background-light);
  color: var(--color-black);
}

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

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

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

@media (max-width: 440px) {
  ._filters-wrapper_shgg6b {
    flex-direction: column;
  }
  ._queryForm_shgg6b,
  ._filters-content_shgg6b {
    width: 100%;
    margin-right: 0;
  }
}
/* styles for accent-webapp/styles/components/lint-translations-page.scss */
._content_113p7c {
  padding-top: 25px;
}

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

._icon_113p7c {
  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_113p7c {
  margin-bottom: 16px;
}

._item--fixing_113p7c {
  opacity: 0.5;
}

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

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

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

._stats-item_113p7c {
  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/styles/components/lint-translations-page/add-lint-entry.scss */
._toggle_t8fnio {
  position: relative;
  top: -1px;
}

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

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

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

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

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

._actions_t8fnio button {
  gap: 5px;
}

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

._menu-button_t8fnio {
  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_t8fnio 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_t8fnio:focus, ._menu-button_t8fnio:hover {
  background: var(--background-light);
}

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

._details_nw0dbj {
  padding-right: 25px;
}

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

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

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

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

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

._item-language_nw0dbj {
  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_nw0dbj:focus, ._item-language_nw0dbj:hover {
  opacity: 0.9;
}

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

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

._item-key_nw0dbj {
  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_nw0dbj {
  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_nw0dbj._item-text--empty_nw0dbj {
  font-style: italic;
  font-size: 11px;
  color: #ddd;
}
._item-text_nw0dbj:hover, ._item-text_nw0dbj:focus {
  opacity: 1;
}

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

._item-text_nw0dbj strong {
  color: var(--color-green);
  margin-left: 3px;
  font-weight: bold;
}
._item-text_nw0dbj 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_nw0dbj span[data-rect] {
  position: relative;
  background-color: var(--color-error);
  padding: 0 2px;
  opacity: 0.4;
}

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

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

@keyframes _loading-content-rotate_5asugz {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes _loading-content-dash_5asugz {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dashoffset: -125px;
  }
}
/* styles for accent-webapp/styles/components/login-forms.scss */
._login-forms_vahdbe {
  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_vahdbe ._text_vahdbe {
  max-width: 300px;
  margin-bottom: 20px;
  font-size: 12px;
  text-align: center;
  color: var(--text-color-normal);
}
._login-forms_vahdbe ._text_vahdbe strong {
  display: block;
  font-size: 25px;
  font-weight: 900;
  margin-bottom: 10px;
}
._login-forms_vahdbe ._text_vahdbe p {
  opacity: 0.6;
}

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

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

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

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

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

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

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

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

a._loginButton_vahdbe {
  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_vahdbe:focus {
  box-shadow: 0 3px 10px var(--shadow-color);
}
a._loginButton_vahdbe._loginButton--google_vahdbe {
  border-color: #3480fe;
  text-shadow: none;
  color: #4d90fe;
  background: #e5efff;
}
a._loginButton_vahdbe._loginButton--dummy_vahdbe {
  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_vahdbe._loginButton--dummy_vahdbe[disabled] {
  pointer-events: none;
}
a._loginButton_vahdbe._loginButton--dummy_vahdbe ._loginButton-logo_vahdbe {
  left: 15px;
  top: 8px;
  width: 16px;
  opacity: 0.9;
}
a._loginButton_vahdbe._loginButton--dummy_vahdbe:hover[disabled], a._loginButton_vahdbe._loginButton--dummy_vahdbe:focus, a._loginButton_vahdbe._loginButton--dummy_vahdbe:hover {
  background: var(--background-light);
  color: var(--text-color-normal);
}
a._loginButton_vahdbe._loginButton--github_vahdbe {
  text-shadow: none;
  color: #000;
  background: #fff;
  background: #eee;
}
a._loginButton_vahdbe._loginButton--auth0_vahdbe {
  border-color: #eb5424;
  text-shadow: none;
  color: #eb5424;
  background: #fdf1ed;
}
a._loginButton_vahdbe._loginButton--gitlab_vahdbe {
  border-color: #fc6d26;
  text-shadow: none;
  color: #fc6d26;
  background: #fff4ef;
}
a._loginButton_vahdbe._loginButton--slack_vahdbe {
  border-color: #913d91;
  text-shadow: none;
  color: #913d91;
  background: #f5e7f5;
}
a._loginButton_vahdbe._loginButton--discord_vahdbe {
  border-color: #7289da;
  text-shadow: none;
  color: #7289da;
  background: #ebeefa;
}
a._loginButton_vahdbe._loginButton--microsoft_vahdbe {
  border-color: #03a5f0;
  text-shadow: none;
  color: #03a5f0;
  background: #e9f8ff;
}
a._loginButton_vahdbe._loginButton--oidc_vahdbe {
  border-color: #f7931e;
  text-shadow: none;
  color: #f7931e;
  background: white;
}

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

@media (max-width: 900px) {
  ._container_vahdbe {
    flex-direction: column;
  }
  ._container-left_vahdbe,
  ._container-right_vahdbe {
    justify-content: center;
    width: 100%;
    padding: 20px;
    background: transparent;
  }
  ._login-header_vahdbe {
    margin: 0;
    padding: 0;
  }
  ._login-header_vahdbe ._subtitle_vahdbe {
    font-size: 30px;
  }
  ._login-forms_vahdbe {
    margin: 0;
  }
}
/* styles for accent-webapp/styles/components/machine-translations-document-translate.scss */
._content_lpig54 {
  background: var(--content-background);
}

._filters_lpig54 {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  background: var(--background-light);
  border-bottom: 1px solid var(--background-light-highlight);
}
._filters_lpig54 .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_lpig54,
._languages_lpig54 {
  display: flex;
  align-items: center;
}

._translate-action-button_lpig54,
._translate-action-select_lpig54 {
  margin-right: 10px;
}

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

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

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

._preview_lpig54 {
  display: flex;
}

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

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

._preview-translated-content-empty_lpig54 {
  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_lpig54 {
  margin: 0 auto;
  padding: 100px 10px;
  max-width: 400px;
  text-align: center;
  font-size: 13px;
}

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

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

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

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

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

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

._fileInput--hidden_lpig54 {
  display: none;
}

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

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

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

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

._render_lpig54 {
  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/styles/components/machine-translations-translate-upload-form.scss */
._content_fjkrtb {
  background: var(--content-background);
}

._filters_fjkrtb {
  padding: 10px;
  background: var(--background-light);
  border-bottom: 1px solid var(--background-light-highlight);
}
._filters_fjkrtb .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_fjkrtb,
._languages_fjkrtb {
  display: flex;
  align-items: center;
}

._languages_fjkrtb {
  margin-bottom: 10px;
}

._translate-action-button_fjkrtb,
._translate-action-select_fjkrtb {
  margin-right: 10px;
}

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

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

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

._preview_fjkrtb {
  display: flex;
}

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

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

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

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

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

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

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

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

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

._fileInput--hidden_fjkrtb {
  display: none;
}

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

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

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

._render_fjkrtb {
  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/styles/components/operations-peek.scss */
._languageHeader_13gxvg {
  display: flex;
  justify-content: space-between;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* styles for accent-webapp/styles/components/page-title.scss */
._wrapper_1vj71r {
  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_1vj71r h1 {
  font-size: 35px;
  font-weight: 900;
  letter-spacing: -0.4px;
}
._wrapper_1vj71r > svg {
  height: 20px;
  opacity: 0.6;
}

@media (max-width: 800px) {
  ._wrapper_1vj71r {
    margin-top: 20px;
  }
  ._wrapper_1vj71r > svg {
    display: none;
  }
}
/* styles for accent-webapp/styles/components/page-title/end.scss */
._wrapper_q2rwhr {
  position: absolute;
  top: 6px;
  right: 0;
  display: flex;
  gap: 10px;
}

/* styles for accent-webapp/styles/components/project-activities-filter.scss */
.filters._filters_qs95fj {
  margin-top: 20px;
  border: 1px solid var(--content-background-border);
  border-radius: var(--border-radius);
  box-shadow: none;
}

._filterList_qs95fj {
  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_qs95fj {
  min-width: 150px;
  font-size: 12px;
}

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

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

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

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

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

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

._activity-explanation_14220l {
  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_14220l {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 500;
}

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

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

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

._details_14220l {
  display: flex;
}

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

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

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

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

._stats_14220l,
._details-associations_14220l,
._translation-state_14220l {
  margin-top: 20px;
}

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

._stats-items_14220l {
  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_14220l,
._stats-item_14220l {
  padding-bottom: 7px;
  margin-bottom: 7px;
  border-bottom: 1px solid var(--background-light-highlight);
  font-size: 14px;
}
._translation-state-item_14220l:last-of-type,
._stats-item_14220l:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

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

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

._translation-state-key_14220l,
._translation-state-document_14220l,
._translation-state-reviewed_14220l,
._translation-state-value_14220l {
  padding: 5px 0;
}

._translation-state-key_14220l {
  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_14220l:focus, ._translation-state-key_14220l:hover {
  color: var(--color-primary-darken-10);
}

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

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

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

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

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

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

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

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

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

@media (max-width: 640px) {
  ._details_14220l {
    flex-direction: column;
  }
  ._translation-state-items_14220l,
  ._stats-items_14220l {
    margin-right: 0;
  }
  ._details-states_14220l,
  ._details-associations_14220l {
    width: 100%;
  }
}
/* styles for accent-webapp/styles/components/project-comments-list.scss */
._project-comments-list_1ecr8n {
  display: block;
  margin-top: 20px;
}

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

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

._item-link_r3qclo {
  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_r3qclo:focus, ._item-link_r3qclo:hover {
  color: var(--color-primary-darken-10);
}

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

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

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

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

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

/* styles for accent-webapp/styles/components/project-create-form.scss */
._project-create-form_hkeh6u {
  padding: 20px;
  background: var(--content-background);
}
._project-create-form_hkeh6u .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_hkeh6u ._textInput_hkeh6u:focus {
  border: 2px solid var(--background-light-highlight);
}

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

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

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

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

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

._errors_hkeh6u {
  margin-bottom: 15px;
}

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

._formItem_hkeh6u {
  margin-bottom: 20px;
}

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

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

._formActions_hkeh6u {
  padding-top: 10px;
}

/* styles for accent-webapp/styles/components/project-file-operation.scss */
._project-file-operation_vxlxev {
  position: relative;
  background: var(--content-background);
}
._project-file-operation_vxlxev .closeButton {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0;
  background: transparent;
}
._project-file-operation_vxlxev .closeButton:focus ._closeButton-icon_vxlxev, ._project-file-operation_vxlxev .closeButton:hover ._closeButton-icon_vxlxev {
  stroke: var(--color-error);
}
._project-file-operation_vxlxev .closeButton-content {
  display: flex;
}
._project-file-operation_vxlxev .closeButton-icon {
  width: 25px;
  height: 25px;
  stroke: #777;
}
._project-file-operation_vxlxev .sectionType {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: var(--color-primary);
}
._project-file-operation_vxlxev .sectionType-icon {
  width: 18px;
  height: 18px;
  margin-right: 4px;
  stroke: var(--color-primary);
}
._project-file-operation_vxlxev .versionTitle {
  display: flex;
  align-items: center;
}
._project-file-operation_vxlxev .versionTitle-name {
  color: var(--color-primary);
}
._project-file-operation_vxlxev .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_vxlxev .versionTitle-tag-icon {
  width: 12px;
  height: 12px;
  stroke: #bbb;
}
._project-file-operation_vxlxev .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_vxlxev .title-document {
  display: flex;
  align-items: baseline;
  margin-left: 10px;
  font-size: 16px;
}
._project-file-operation_vxlxev .title-documentExtension {
  font-size: 14px;
  color: var(--color-grey);
}
._project-file-operation_vxlxev .subtitle {
  font-size: 13px;
  font-weight: bold;
}
._project-file-operation_vxlxev .subtitle-label {
  font-size: 11px;
  font-weight: normal;
  color: #333;
}
._project-file-operation_vxlxev .renderExport {
  position: absolute;
  top: 10px;
  right: 50px;
}
._project-file-operation_vxlxev .toggleJiptExport {
  position: absolute;
  top: 13px;
  right: 130px;
}
._project-file-operation_vxlxev .sections {
  display: flex;
}
._project-file-operation_vxlxev .sections-file {
  flex: 1 1 40%;
  padding: 20px;
}
._project-file-operation_vxlxev .sections-preview {
  flex: 1 1 60%;
  padding: 20px;
}
._project-file-operation_vxlxev .sections-preview-title {
  font-size: 13px;
  color: var(--color-grey);
}
._project-file-operation_vxlxev .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_vxlxev .sections {
    flex-direction: column;
  }
}
/* styles for accent-webapp/styles/components/project-navigation.scss */
._project-navigation_28ey9f {
  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_28ey9f {
  margin: 0px 10px;
}

._back-to-projects_28ey9f {
  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_28ey9f:focus, ._back-to-projects_28ey9f:hover {
  opacity: 1;
}

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

._project_28ey9f {
  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_28ey9f {
  position: relative;
  display: flex;
  align-items: center;
  top: 2px;
  font-size: 22px;
  margin-right: 10px;
  line-height: 1.2;
}
._project-logo_28ey9f svg {
  width: 22px;
  height: 22px;
}
._project-logo_28ey9f svg circle {
  fill: var(--logo-background);
}
._project-logo_28ey9f svg path {
  fill: var(--logo-foreground);
}

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

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

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

._search-input_28ey9f {
  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_28ey9f::-moz-placeholder {
  color: #aaa;
}
._search-input_28ey9f::placeholder {
  color: #aaa;
}
._search-input_28ey9f:focus {
  outline: none;
  border-radius: var(--border-radius);
  box-shadow: 0 1px 2px var(--shadow-color), 0 2px 8px var(--shadow-color);
}

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

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

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

@media (max-width: 800px) {
  ._project-navigation_28ey9f {
    height: auto;
  }
  ._search_28ey9f {
    display: none;
  }
  ._session_28ey9f {
    display: none;
  }
  ._back-to-projects-text_28ey9f {
    display: none;
  }
  ._project_28ey9f {
    padding: 15px 0 25px 14px;
  }
  ._project-name_28ey9f {
    display: none;
  }
}
/* styles for accent-webapp/styles/components/project-navigation/list.scss */
._project-navigation-list_1rrzkj {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}

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

._section-title_1rrzkj {
  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_1rrzkj:last-of-type ._list-item-link_1rrzkj {
  margin-bottom: 0;
}

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

._list-item-link_1rrzkj {
  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_1rrzkj:hover, ._list-item-link_1rrzkj:focus {
  opacity: 1;
}
._list-item-link_1rrzkj:hover ._list-item-link-icon_1rrzkj, ._list-item-link_1rrzkj:focus ._list-item-link-icon_1rrzkj {
  transform: scale(1);
  opacity: 1;
}
._list-item-link_1rrzkj.active {
  opacity: 1;
  background: var(--color-primary-opacity-25);
  color: var(--color-primary-darken-50);
}
._list-item-link_1rrzkj.active ._list-item-link-icon_1rrzkj {
  transform: scale(1);
  opacity: 1;
}
._list-item-link_1rrzkj.active ._list-item-link-text_1rrzkj {
  opacity: 1;
}

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

._list-item-link-icon_1rrzkj {
  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_1rrzkj {
    margin-left: 4px;
    margin-right: 6px;
  }
  ._section-title_1rrzkj,
  ._list-item-link-text_1rrzkj {
    display: none;
  }
  ._list-item-link-icon_1rrzkj {
    width: 20px;
    height: 20px;
  }
  ._list-item-link_1rrzkj {
    padding: 9px 12px 8px;
  }
  ._section_1rrzkj {
    margin: 10px 0;
    padding: 0 0 14px;
    border-bottom: 1px solid var(--color-primary-opacity-10);
  }
}
/* styles for accent-webapp/styles/components/project-settings/api-token.scss */
._project-settings-api-token_2ep8yl {
  display: flex;
  gap: 35px;
  align-items: flex-start;
  margin-top: 30px;
}

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

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

._tokens_2ep8yl {
  width: 100%;
}

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

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

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

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

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

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

._api-token_2ep8yl:hover ._revoke-button_2ep8yl {
  opacity: 1;
}

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

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

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

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

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

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

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

._api-token-permission_2ep8yl {
  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_2ep8yl {
  opacity: 0;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
  padding: 2px 4px !important;
}

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

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

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

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

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

._toggle-permissions-input_2ep8yl {
  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_2ep8yl {
  display: block;
  font-size: 10px;
  transition: 0.2s ease-in-out;
  transition-property: transform;
}

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

._toggle-permissions-input--open_2ep8yl ._toggle-permissions-input-icon_2ep8yl {
  transform: rotate(180deg);
}

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

._form_2ep8yl {
  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_2ep8yl h2 {
  font-size: 14px;
}

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

._token_2ep8yl {
  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_2ep8yl:focus {
  outline: none;
  border-color: var(--color-primary-opacity-70);
  box-shadow: 0 0 3px 2px var(--color-primary-opacity-10);
}
._token_2ep8yl:focus::-moz-selection {
  background: var(--color-primary-opacity-10);
}
._token_2ep8yl:focus::selection {
  background: var(--color-primary-opacity-10);
}

._token-wrapper_2ep8yl {
  position: relative;
}

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

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

._api-token_1l70n7:hover ._revoke-button_1l70n7 {
  opacity: 1;
}

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

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

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

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

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

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

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

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

._token_1l70n7 {
  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_1l70n7:focus {
  outline: none;
  border-color: var(--color-primary-opacity-70);
  box-shadow: 0 0 3px 2px var(--color-primary-opacity-10);
}
._token_1l70n7:focus::-moz-selection {
  background: var(--color-primary-opacity-10);
}
._token_1l70n7:focus::selection {
  background: var(--color-primary-opacity-10);
}

._token-wrapper_1l70n7 {
  position: relative;
}

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

._toggle-permissions_1l70n7 {
  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_1l70n7 {
  display: block;
  font-size: 10px;
  transition: 0.2s ease-in-out;
  transition-property: transform;
}

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

._toggle-permissions--open_1l70n7 ._toggle-permissions-icon_1l70n7 {
  transform: rotate(180deg);
}

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

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

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

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

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

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

._badge-code_myk3k5 {
  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_myk3k5:focus {
  outline: none;
  border-color: var(--color-primary-opacity-70);
  box-shadow: 0 0 3px 2px var(--color-primary-opacity-10);
}
._badge-code_myk3k5:focus::-moz-selection {
  background: var(--color-primary-opacity-10);
}
._badge-code_myk3k5:focus::selection {
  background: var(--color-primary-opacity-10);
}

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

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

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

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

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

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

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

._rolesList-title_ct9b8a {
  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_ct9b8a:first-of-type {
  margin-top: 0;
}

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

@media (max-width: 800px) {
  ._rolesList_ct9b8a {
    display: none;
  }
}
/* styles for accent-webapp/styles/components/project-settings/collaborators/create-form.scss */
._project-settings-collaborators-create-form_1ml6k8 {
  display: flex;
  align-items: center;
}
._project-settings-collaborators-create-form_1ml6k8 select {
  margin-right: 10px;
  padding: 9px 25px 8px 5px;
}
._project-settings-collaborators-create-form_1ml6k8 .button {
  margin-right: 5px;
}
._project-settings-collaborators-create-form_1ml6k8 .button .label {
  padding-top: 9px;
  padding-bottom: 9px;
}

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

._textInput_1ml6k8 {
  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/styles/components/project-settings/collaborators/list/item.scss */
._item_1k2z5c {
  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_1k2z5c._invited_1k2z5c ._user_1k2z5c {
  opacity: 0.6;
  color: var(--color-black);
}
._item_1k2z5c._withPicture_1k2z5c ._invite_1k2z5c {
  margin-left: 21px;
}
._item_1k2z5c._editing_1k2z5c, ._item_1k2z5c:focus, ._item_1k2z5c:hover {
  background: var(--background-light);
}
._item_1k2z5c._editing_1k2z5c ._button_1k2z5c, ._item_1k2z5c:focus ._button_1k2z5c, ._item_1k2z5c:hover ._button_1k2z5c {
  opacity: 1;
}
._item_1k2z5c ._button_1k2z5c {
  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_1k2z5c ._button_1k2z5c .button-icon {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}
._item_1k2z5c .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_1k2z5c {
  display: block;
  margin-bottom: 4px;
  color: var(--color-green);
  color: var(--color-primary);
  font-size: 12px;
}

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

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

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

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

._actions_1k2z5c {
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._logo-field_1hnucr {
  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_1hnucr {
  position: absolute;
  top: -3px;
  right: -14px;
  padding: 0;
  background: none;
  color: #999;
}
._logoReset_1hnucr svg {
  width: 10px;
  height: 10px;
}
._logoReset_1hnucr:focus, ._logoReset_1hnucr:hover {
  opacity: 0.6;
}

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

._title_8fk4ny {
  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_8fk4ny {
  position: absolute;
  top: 0;
  right: 0;
}

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

._empty-description-item_8fk4ny {
  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_8fk4ny strong {
  display: block;
}
._empty-description-item_8fk4ny p {
  font-size: 12px;
  margin-top: 2px;
}
._empty-description-item_8fk4ny:focus, ._empty-description-item_8fk4ny:hover {
  box-shadow: 0 1px 6px var(--shadow-color), 0 2px 19px var(--shadow-color);
}

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

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

@media (max-width: 1140px) {
  ._empty-description_8fk4ny {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }
}
@media (max-width: 540px) {
  ._empty-description_8fk4ny {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
/* styles for accent-webapp/styles/components/project-settings/integrations/form.scss */
._project-settings-integrations-form_16nqk0 {
  padding: 10px 15px;
  border: 1px solid var(--background-light-highlight);
  background: var(--background-light);
  border-radius: var(--border-radius);
}

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

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

._button_16nqk0 {
  margin-right: 5px;
}

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

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

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

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

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

._policy_6845a8 {
  width: 100%;
}

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

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

@media (max-width: 600px) {
  ._container_6845a8 {
    flex-wrap: wrap;
  }
}
/* styles for accent-webapp/styles/components/project-settings/integrations/form/data-control-checkboxes.scss */
._data-control_kqgfsq {
  margin-bottom: 15px;
}
._data-control_kqgfsq ._checkbox_kqgfsq {
  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_kqgfsq ._checkbox_kqgfsq:hover, ._data-control_kqgfsq ._checkbox_kqgfsq:focus {
  background: var(--background-light);
}
._data-control_kqgfsq ._checkbox_kqgfsq input {
  margin-right: 5px;
  cursor: pointer;
}

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

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

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

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

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

._textInput_77ymrm {
  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_77ymrm[readonly] {
  max-width: 500px;
  font-family: var(--font-monospace);
  background: #fafafa;
}

/* styles for accent-webapp/styles/components/project-settings/integrations/list.scss */
._project-settings-integrations-list_phlrjn {
  margin-top: 10px;
}

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

._details_1ov8kr {
  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_1ov8kr {
  display: flex;
  align-items: center;
  overflow-x: hidden;
  flex: 1 1 auto;
}

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

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

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

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

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

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

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

._info_y7jm3i {
  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_y7jm3i div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._info_y7jm3i span {
  font-size: 12px;
  font-family: var(--font-monospace);
  opacity: 0.6;
}

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

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

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

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

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

._data-control_y7jm3i ._radio_y7jm3i {
  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_y7jm3i ._radio_y7jm3i:hover, ._data-control_y7jm3i ._radio_y7jm3i:focus {
  background: var(--background-light);
}
._data-control_y7jm3i ._radio_y7jm3i input {
  margin-right: 5px;
  cursor: pointer;
}

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

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

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

._info_1pf809 {
  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_1pf809 div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._info_1pf809 span {
  font-size: 12px;
  font-family: var(--font-monospace);
  opacity: 0.6;
}

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

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

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

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

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

._data-control_1pf809 ._radio_1pf809 {
  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_1pf809 ._radio_1pf809:hover, ._data-control_1pf809 ._radio_1pf809:focus {
  background: var(--background-light);
}
._data-control_1pf809 ._radio_1pf809 input {
  margin-right: 5px;
  cursor: pointer;
}

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

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

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

._title_1lfae6 {
  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_1lfae6 {
  font-size: 12px;
}

._code_1lfae6 {
  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_1lfae6:focus {
  outline: none;
  border-color: var(--color-primary-opacity-70);
  box-shadow: 0 0 3px 2px var(--color-primary-opacity-10);
}
._code_1lfae6:focus::-moz-selection {
  background: var(--color-primary-opacity-10);
}
._code_1lfae6:focus::selection {
  background: var(--color-primary-opacity-10);
}

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

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

._link_1ox4yn {
  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_1ox4yn strong {
  padding: 10px 20px 5px;
}
._link_1ox4yn 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_1ox4yn:focus, ._link_1ox4yn:hover {
  color: var(--color-primary);
  box-shadow: 0 3px 8px var(--shadow-color), 0 9px 12px var(--shadow-color);
  transform: scale(1.02);
}
._link_1ox4yn:focus ._link-check_1ox4yn, ._link_1ox4yn:hover ._link-check_1ox4yn {
  color: var(--color-primary);
}

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

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

._link-check_1ox4yn {
  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_1ox4yn {
  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_1ox4yn._link-icon--prompts_1ox4yn path:nth-child(3), ._link-icon_1ox4yn._link-icon--machine-translations_1ox4yn path:nth-child(2), ._link-icon_1ox4yn._link-icon--jipt_1ox4yn path:nth-child(2), ._link-icon_1ox4yn._link-icon--integrations_1ox4yn circle:nth-child(3), ._link-icon_1ox4yn._link-icon--badges_1ox4yn path:nth-child(2) {
  stroke: var(--color-primary);
}

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

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

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

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

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

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

._logo_12a0wf {
  width: 25px;
}

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

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

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

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

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

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

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

._overview_18387u {
  width: 80%;
}

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

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

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

._emptyLanguages_18387u {
  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_18387u {
  margin-top: 20px;
}

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

@media (max-width: 640px) {
  ._project-settings-manage-languages_18387u {
    flex-direction: column;
  }
  ._help_18387u {
    margin: 40px 0 0;
  }
}
/* styles for accent-webapp/styles/components/project-settings/manage-languages/create-form.scss */
._form_yqsevi {
  margin-bottom: 25px;
  padding: 12px;
  border-radius: var(--border-radius);
  background: var(--background-light);
  border: 1px solid var(--background-light-highlight);
}
._form_yqsevi .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_yqsevi {
  margin-top: 10px;
  margin-bottom: 20px;
}

._option_yqsevi {
  margin-bottom: 7px;
}

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

._optionLabelText_yqsevi {
  margin-left: 5px;
}

._optionLabel-icon_yqsevi {
  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/styles/components/project-settings/manage-languages/overview.scss */
._list_q1azf6 {
  margin: 15px 0 0;
}

/* styles for accent-webapp/styles/components/project-settings/manage-languages/overview/item.scss */
._list-item_27qma0 {
  margin-bottom: 5px;
  padding: 8px 2px;
  font-size: 14px;
}
._list-item_27qma0._list-item--deleted_27qma0 {
  background: var(--background-light);
  border: 1px dashed var(--background-light-highlight);
  padding: 6px 10px;
  pointer-events: none;
}
._list-item_27qma0._list-item--deleted_27qma0 ._list-item-infos-date_27qma0 {
  font-size: 11px;
}
._list-item_27qma0._list-item--deleting_27qma0 ._list-item-actions_27qma0 {
  pointer-events: all;
  opacity: 1;
}
._list-item_27qma0._list-item--master_27qma0 {
  padding: 10px 2px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}
._list-item_27qma0:focus ._list-item-actions_27qma0, ._list-item_27qma0:hover ._list-item-actions_27qma0 {
  pointer-events: all;
  opacity: 1;
}
._list-item_27qma0:focus ._list-item-header-edit_27qma0, ._list-item_27qma0:hover ._list-item-header-edit_27qma0 {
  opacity: 1;
  transform: translateX(-26px);
}

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

._list-item-header-edit_27qma0 {
  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_27qma0:focus, ._list-item-header-edit_27qma0:hover {
  color: var(--color-primary);
}
._list-item-header-edit_27qma0 svg {
  width: 14px;
}

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

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

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

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

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

._masterBadge_27qma0 {
  margin-left: 10px;
}

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

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

._content_rd0nd0 {
  margin-top: 20px;
}

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

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

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

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

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

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

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

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

._logo_xaywv5 {
  width: 25px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._queryFilter_9qmta1 {
  flex: 1;
}

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

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

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

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

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

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

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

._content_87wmd1 {
  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_87wmd1,
._content-left_87wmd1 {
  display: flex;
  align-items: center;
}

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

._link_87wmd1._active_87wmd1 ._link-image_87wmd1:focus, ._link_87wmd1._active_87wmd1 ._link-image_87wmd1:hover {
  transform: rotate(0);
}

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

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

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

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

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

@media (max-width: 640px) {
  ._projects-header_87wmd1 {
    padding: 10px 0;
    margin-bottom: 10px;
  }
  ._projects-header_87wmd1 ._content_87wmd1 {
    padding: 0 10px;
  }
}
@media (max-width: 440px) {
  ._applicationLogo-image_87wmd1 {
    width: 18px;
    height: 18px;
  }
  ._username_87wmd1 {
    font-size: 11px;
  }
  .button {
    padding: 3px 7px 4px;
    font-size: 11px;
  }
  ._applicationLogo-name_87wmd1 {
    display: none;
  }
  ._project-logo_87wmd1 {
    display: none;
  }
  ._projects-header_87wmd1._withProject_87wmd1,
  ._projects-header_87wmd1 {
    padding-top: 20px;
  }
  ._projects-header_87wmd1._withProject_87wmd1 ._content_87wmd1,
  ._projects-header_87wmd1 ._content_87wmd1 {
    padding: 0 12px;
  }
}
/* styles for accent-webapp/styles/components/projects-list.scss */
._projects-list_103j8r {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
  margin: 10px auto 0;
  max-width: var(--screen-lg);
  position: relative;
}

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

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

@media (max-width: 640px) {
  ._item_103j8r {
    max-width: none;
    width: 100%;
    flex: 1 1 auto;
  }
  ._item-link_103j8r {
    margin-bottom: 10px;
  }
  ._projects-list_103j8r {
    padding: 0;
  }
}
/* styles for accent-webapp/styles/components/projects-list/item.scss */
._projects-list-item_smq7ea {
  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_smq7ea:focus, ._projects-list-item_smq7ea: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_smq7ea:focus ._projectName_smq7ea, ._projects-list-item_smq7ea:hover ._projectName_smq7ea {
  color: var(--color-primary);
}

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

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

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

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

._projectUpdate_smq7ea {
  margin-right: 6px;
}

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

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

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

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

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

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

._quickAccess-picker-remove_uefnlj {
  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_uefnlj {
  width: 13px;
  height: 13px;
}

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

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

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

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

._formItem_uefnlj {
  margin-bottom: 20px;
}

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

._formActions_uefnlj {
  padding-top: 10px;
}

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

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

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

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

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

._quickAccess-picker-remove_15igtr {
  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_15igtr {
  width: 13px;
  height: 13px;
}

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

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

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

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

._formItem_15igtr {
  margin-bottom: 20px;
}

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

._formActions_15igtr {
  padding-top: 10px;
}

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

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

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

._item-link_1ht8r6 {
  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_1ht8r6:focus {
  box-shadow: 0 1px 1px var(--shadow-color);
}
._item-link_1ht8r6:hover {
  box-shadow: 0 2px 5px var(--shadow-color);
  background: var(--content-background);
}

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

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

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

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

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

._badges_1j5zg3 {
  flex-shrink: 0;
}

._textEmpty_1j5zg3 {
  margin-bottom: 15px;
}

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

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

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

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

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

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

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

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

/* styles for accent-webapp/styles/components/removed-translation-edit.scss */
._text_1d657d {
  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_1d657d {
  display: block;
  margin-top: 10px;
  color: var(--color-grey);
  font-size: 13px;
  font-style: italic;
  text-align: right;
}

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

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

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

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

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

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

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

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

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

@media (max-width: 800px) {
  ._exportOptions_njbl6u {
    flex-direction: column;
  }
  ._exportOptions-item_njbl6u {
    margin-bottom: 10px;
  }
  ._exportOptions-item_njbl6u:last-of-type {
    margin-bottom: 0;
  }
}
/* styles for accent-webapp/styles/components/revision-export-options/advanced-filters.scss */
._revision-export-options-advanced-filters_12thd8 {
  margin: 15px 0 0 0;
  display: flex;
  flex-direction: column;
}

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

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

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

/* styles for accent-webapp/styles/components/revision-selector.scss */
._revision-selector_f8f8wa {
  position: relative;
  margin-bottom: 15px;
}
._revision-selector_f8f8wa._revision-selector--jipt_f8f8wa {
  margin-bottom: 0;
}
._revision-selector_f8f8wa._revision-selector--jipt_f8f8wa ._overlay_f8f8wa {
  border-radius: 0;
}
._revision-selector_f8f8wa 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_f8f8wa select:hover {
  background: var(--background-light);
}

._overlay_f8f8wa {
  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_f8f8wa:hover {
  background: var(--background-light);
}

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

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

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

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

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

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

._formItem_6phq6t {
  margin-bottom: 20px;
}

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

._formActions_6phq6t {
  padding-top: 10px;
}

/* styles for accent-webapp/styles/components/skeleton-ui.scss */
._base_1fou08 {
  position: relative;
}
._base_1fou08: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/styles/components/skeleton-ui/activities-list.scss */
._skeleton_15h9go {
  margin-top: 20px;
  padding: 15px 0;
}

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

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

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

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

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

@keyframes _progress-line-appear_1gk46g {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes _progress-line-running-progress_1gk46g {
  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/styles/components/skeleton-ui/project-activities-filter.scss */
._box_1ulbvf {
  height: 63px;
}

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

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

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

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

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

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

/* styles for accent-webapp/styles/components/translation-activities-list.scss */
._translations-activities-list_ta9kmb {
  position: relative;
  margin-top: 30px;
}
._translations-activities-list_ta9kmb: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/styles/components/translation-comment-delete.scss */
.button.button--small._button_bb2eyo .label {
  padding-left: 4px;
  padding-right: 4px;
}

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

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

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

@media (max-width: 440px) {
  ._form-content_1lsy4v {
    flex-direction: column;
  }
  ._inputText_1lsy4v {
    margin-bottom: 10px;
  }
}
/* styles for accent-webapp/styles/components/translation-comments-list.scss */
._translation-comments-list_10zim2 {
  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_10zim2._translationRemoved_10zim2 {
  opacity: 0.5;
}
._translation-comments-list_10zim2._translationRemoved_10zim2 ._itemComment_10zim2 {
  padding: 4px 8px 8px;
}

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

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

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

._wrapper_dhylci:focus ._button-edit_dhylci,
._wrapper_dhylci:focus ._button-delete_dhylci, ._wrapper_dhylci:hover ._button-edit_dhylci,
._wrapper_dhylci:hover ._button-delete_dhylci {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

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

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

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

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

._user-picture_dhylci {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  border-radius: var(--border-radius);
}

._date_dhylci {
  color: var(--color-grey);
  font-size: 11px;
  margin-right: 6px;
}

._content_dhylci {
  font-size: 13px;
}
._content_dhylci h1,
._content_dhylci h2,
._content_dhylci h3,
._content_dhylci h4,
._content_dhylci h5,
._content_dhylci p {
  margin-top: 5px;
}

/* styles for accent-webapp/styles/components/translation-comments-subscriptions.scss */
._translation-comments-subscriptions_x0i9y2 {
  padding: 5px 0 20px 20px;
  border-left: 1px solid var(--background-light-highlight);
}

._title_x0i9y2 {
  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_x0i9y2 {
    padding-left: 0;
    padding-top: 10px;
    border-top: 1px solid var(--background-light-highlight);
    border-left: 0;
  }
  ._title_x0i9y2 {
    font-size: 14px;
  }
}
/* styles for accent-webapp/styles/components/translation-comments-subscriptions/item.scss */
._translation-comments-subscriptions-item_1i99lf {
  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_1i99lf:last-child {
  margin: 0;
}

._translation-comments-subscriptions-item_1i99lf._currentUser_1i99lf {
  font-weight: bold;
  color: #444;
}

._user_1i99lf {
  margin-left: 7px;
}

._user-email_1i99lf {
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  color: #777;
}

._checkbox_1i99lf {
  display: block;
  flex-shrink: 0;
  margin-top: 3px;
  cursor: pointer;
}

/* styles for accent-webapp/styles/components/translation-conversation.scss */
._translation-conversation_cy0qsq {
  display: flex;
  width: 100%;
}

._comments_cy0qsq {
  flex: 1 1 100%;
}

._comment-form_cy0qsq {
  margin: 32px 0;
}

._list_cy0qsq {
  margin-top: 30px;
}

._subscriptions_cy0qsq {
  flex: 1 1 100%;
  max-width: 250px;
  margin: 30px 0 0 25px;
}

@media (max-width: 640px) {
  ._translation-conversation_cy0qsq {
    flex-direction: column;
  }
  ._subscriptions_cy0qsq {
    max-width: none;
    margin-top: 10px;
    margin-left: 0;
  }
}
/* styles for accent-webapp/styles/components/translation-edit.scss */
._translation-edit_g97tff {
  width: 100%;
}

._jipt_g97tff {
  padding-right: 15px;
  padding-left: 15px;
}

._previousText_g97tff {
  margin-bottom: 15px;
  color: var(--color-grey);
  font-size: 12px;
}

._previousText-label_g97tff {
  color: var(--color-gray);
  font-weight: bold;
}

._previousText-empty_g97tff {
  font-style: italic;
}

._previousText-text_g97tff {
  white-space: pre-wrap;
  font-size: 11px;
}

._actions_g97tff {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 15px;
}

._form_g97tff {
  position: relative;
}

._form-improve_g97tff[data-rtl] {
  left: 6px;
  right: auto;
}

._form-improve_g97tff {
  position: absolute;
  right: 6px;
  top: 6px;
}

._actions-link_g97tff {
  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_g97tff:focus, ._actions-link_g97tff:hover {
  opacity: 0.7;
}

._actions-link-icon_g97tff {
  width: 18px;
  height: 18px;
  margin-right: 3px;
  stroke: var(--color-primary);
  transition: 0.2s ease-in-out;
  transition-property: stroke;
}

._actions-buttons_g97tff {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
._actions-buttons_g97tff > .button {
  margin-left: 10px;
}

._actions-button-revert_g97tff {
  opacity: 0.6;
}
._actions-button-revert_g97tff .label {
  padding: 3px 2px;
}

/* styles for accent-webapp/styles/components/translation-edit/form.scss */
._translation-edit-form_1bx69t {
  height: 100%;
}
._translation-edit-form_1bx69t .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_1bx69t .ember-radio-button._checked_1bx69t {
  background: var(--background-light-highlight);
  color: var(--text-color-normal);
}
._translation-edit-form_1bx69t .ember-radio-button input {
  margin-right: 8px;
}

._input-wrapper_1bx69t {
  position: relative;
}

._radio-wrapper_1bx69t {
  margin-top: 6px;
  font-size: 16px;
  font-weight: bold;
}

._radio-label_1bx69t {
  display: inline-flex;
  align-items: center;
  margin-right: 14px;
  font-family: var(--font-monospace);
}
._radio-label_1bx69t > input {
  margin-right: 5px;
}

._label_1bx69t {
  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_1bx69t {
  position: absolute;
  left: 0px;
  top: -22px;
  opacity: 0.5;
  font-size: 13px;
}

._lint-loading-icon_1bx69t {
  width: 10px;
}

._inputText_1bx69t {
  width: 100%;
  height: 100%;
  padding: 10px 130px 10px 10px;
}
._inputText_1bx69t[dir=rtl] {
  padding: 10px 10px 10px 130px;
}
._inputText_1bx69t._inputText--borderless_1bx69t {
  border-color: transparent;
  background: transparent;
}
._inputText_1bx69t._inputText--borderless_1bx69t:focus {
  border-color: transparent;
  background: transparent;
}
._inputText_1bx69t::-moz-placeholder {
  opacity: 0.2;
  font-style: italic;
  font-family: var(--font-primary);
}
._inputText_1bx69t::placeholder {
  opacity: 0.2;
  font-style: italic;
  font-family: var(--font-primary);
}

._placeholders_1bx69t {
  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_1bx69t {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
  font-size: 13px;
  font-weight: bold;
}

._placeholders-text_1bx69t {
  margin-bottom: 6px;
}

._placeholders-text-content_1bx69t {
  max-width: 500px;
}

._placeholders-item_1bx69t {
  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_1bx69t._placeholders-item--warning_1bx69t {
  opacity: 1;
  color: var(--color-error);
}

._placeholders-item-icon_1bx69t {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  stroke: var(--color-error);
}

._placeholders-title-icon_1bx69t {
  width: 14px;
  height: 14px;
  margin-right: 6px;
  stroke: var(--color-blue);
}

._file-comment_1bx69t {
  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_1bx69t {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
  font-size: 13px;
  font-weight: bold;
}

._file-comment-text_1bx69t {
  margin-bottom: 6px;
}

._file-comment-text-content_1bx69t {
  max-width: 500px;
  font-family: var(--font-monospace);
}

._file-comment-title-icon_1bx69t {
  width: 14px;
  height: 14px;
  margin-right: 6px;
  stroke: var(--color-black);
}

._lint-messages_1bx69t {
  transition: 0.2s ease-in-out;
  transition-property: opacity;
}

._lint-messages--loading_1bx69t {
  opacity: 0.5;
}

/* styles for accent-webapp/styles/components/translation-edit/helpers.scss */
._root_1y6ano {
  display: flex;
  align-items: center;
  gap: 2px;
}

/* styles for accent-webapp/styles/components/translation-editions-list.scss */
._translations-list_y4ycnj {
  margin-top: 20px;
}

._empty-content_y4ycnj {
  margin-top: 20px;
}

/* styles for accent-webapp/styles/components/translation-editions-list/item.scss */
._translations-list-item_1fnc79 {
  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_1fnc79[data-dir=rtl] ._item-header_1fnc79 {
  flex-direction: row-reverse;
}
._translations-list-item_1fnc79[data-dir=rtl] ._item-header_1fnc79 ._item-meta_1fnc79 {
  flex-direction: row-reverse;
  margin-right: 10px;
}
._translations-list-item_1fnc79:focus, ._translations-list-item_1fnc79:hover {
  background: var(--background-light);
}
._translations-list-item_1fnc79:focus ._form-helpers_1fnc79, ._translations-list-item_1fnc79:hover ._form-helpers_1fnc79 {
  pointer-events: all;
  opacity: 1;
}
._translations-list-item_1fnc79:focus[data-dir=rtl] ._item-edit_1fnc79, ._translations-list-item_1fnc79:hover[data-dir=rtl] ._item-edit_1fnc79 {
  transform: translateX(40px);
}
._translations-list-item_1fnc79:focus ._item-edit_1fnc79, ._translations-list-item_1fnc79:hover ._item-edit_1fnc79 {
  transform: translateX(-40px);
  opacity: 1;
}

._item-meta_1fnc79 {
  display: flex;
  align-items: center;
}

._item-link_1fnc79 {
  display: flex;
  align-items: center;
}

._item-header_1fnc79 {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1px;
  gap: 5px;
}

._item-edit_1fnc79 {
  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_1fnc79 {
  width: 16px;
  height: 16px;
  cursor: pointer;
  stroke: var(--color-grey);
  transition: 0.2s ease-in-out;
  transition-property: stroke;
}
._item-edit-icon_1fnc79:focus, ._item-edit-icon_1fnc79:hover {
  stroke: var(--color-green);
  stroke: var(--color-primary);
}

._item-key_1fnc79 {
  font-family: var(--font-monospace);
  text-transform: none;
}

._item-text_1fnc79 {
  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_1fnc79._item-text--empty_1fnc79 {
  white-space: normal;
  font-style: italic;
  font-size: 11px;
  opacity: 0.4;
}
._item-text_1fnc79[data-dir=rtl] {
  text-align: right;
}
._item-text_1fnc79:hover, ._item-text_1fnc79:focus {
  opacity: 1;
}

._item-updatedAt_1fnc79 {
  margin-left: 5px;
  color: var(--color-grey);
  font-size: 11px;
  transition: 0.2s ease-in-out;
  transition-property: opacity, transform;
}

._item-textEdit_1fnc79 {
  margin-top: 10px;
  position: relative;
}

._item-textEdit-cancel_1fnc79 {
  margin-right: 20px;
  color: var(--color-grey);
  font-size: 12px;
  cursor: pointer;
}

._item-textEdit-button_1fnc79 {
  padding: 1px 9px !important;
}

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

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

@media (max-width: 800px) {
  ._item-edit_1fnc79 {
    display: none;
  }
}
/* styles for accent-webapp/styles/components/translation-index.scss */
._wrapper_lhqsd5 {
  display: flex;
  margin-top: 10px;
}
._wrapper_lhqsd5 > div:first-of-type {
  margin-right: 40px;
  width: 55%;
}
._wrapper_lhqsd5 > div:last-of-type {
  margin-right: 0;
  width: 45%;
}
._wrapper_lhqsd5 > div:first-of-type:last-of-type {
  width: 100%;
}

@media (max-width: 800px) {
  ._wrapper_lhqsd5 {
    flex-direction: column;
  }
  ._wrapper_lhqsd5 > div:first-of-type:last-of-type {
    margin-top: 0;
  }
  ._wrapper_lhqsd5 > div:last-of-type {
    margin-top: 30px;
  }
  ._wrapper_lhqsd5 > div, ._wrapper_lhqsd5 > div:last-of-type, ._wrapper_lhqsd5 > div:first-of-type {
    width: 100%;
  }
}
/* styles for accent-webapp/styles/components/translation-navigation.scss */
._navigation--alt_pmy0d ._navigation-list-item_pmy0d {
  margin-right: 6px;
}
._navigation--alt_pmy0d ._navigation-list-item-link_pmy0d {
  padding: 2px 11px 2px 10px;
  border-radius: var(--border-radius);
  opacity: 0.9;
}
._navigation--alt_pmy0d ._navigation-list-item-link_pmy0d.active {
  background: var(--body-background);
  opacity: 1;
}

._navigation-list_pmy0d {
  display: flex;
  align-items: stretch;
  position: relative;
  left: -6px;
  z-index: 10;
}

._navigation-list-item_pmy0d {
  padding: 0 5px 0;
  margin-right: 16px;
}
._navigation-list-item_pmy0d:last-of-type {
  margin-right: 0;
}

._navigation-list-item-link_pmy0d {
  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_pmy0d:focus ._navigation-list-item-link-text_pmy0d, ._navigation-list-item-link_pmy0d:hover ._navigation-list-item-link-text_pmy0d, ._navigation-list-item-link_pmy0d.active ._navigation-list-item-link-text_pmy0d {
  opacity: 1;
}
._navigation-list-item-link_pmy0d:focus ._navigation-list-item-link-icon_pmy0d, ._navigation-list-item-link_pmy0d:hover ._navigation-list-item-link-icon_pmy0d, ._navigation-list-item-link_pmy0d.active ._navigation-list-item-link-icon_pmy0d {
  stroke: currentColor;
}

._navigation-list-item-link-text_pmy0d {
  opacity: 0.7;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
}

._navigation-list-item-link-icon_pmy0d {
  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_pmy0d {
    justify-content: space-between;
  }
  ._navigation-list-item-link_pmy0d {
    flex-direction: column;
    font-size: 12px;
    text-align: center;
  }
  ._navigation-list-item-link-icon_pmy0d {
    margin-right: 0;
    margin-bottom: 5px;
  }
}
@media (max-width: 440px) {
  ._navigation-list-item_pmy0d {
    width: 100%;
    margin-right: 0;
  }
  ._navigation-list-item-link-text_pmy0d {
    display: none;
  }
  ._navigation--alt_pmy0d ._navigation-list-item-link_pmy0d {
    padding: 8px 15px 5px 15px;
  }
}
/* styles for accent-webapp/styles/components/translation-splash-title.scss */
._translation-splash-file_18xrqv {
  margin-bottom: 20px;
}

._language_18xrqv {
  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_18xrqv:focus, ._language_18xrqv:hover {
  opacity: 0.8;
}
._language_18xrqv:focus ._back-icon_18xrqv, ._language_18xrqv:hover ._back-icon_18xrqv {
  transform: translateX(-2px);
}

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

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

._key_18xrqv {
  margin-bottom: 3px;
  font-family: var(--font-monospace);
  font-weight: bold;
  font-size: 22px;
  color: var(--color-primary);
  line-height: 1.3;
}

._key-prefix_18xrqv {
  display: block;
  font-weight: 300;
  font-size: 14px;
  color: var(--color-grey);
}

._version-tag_18xrqv {
  font-family: var(--font-monospace);
  text-transform: none;
}

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

._badges_18xrqv {
  display: flex;
  align-items: center;
}
._badges_18xrqv > * {
  margin-right: 6px;
}

@media (max-width: 640px) {
  ._language_18xrqv {
    margin-top: 20px;
  }
}
/* styles for accent-webapp/styles/components/translations-filter.scss */
._filters-wrapper_ymzv3o {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

._queryForm_ymzv3o {
  position: relative;
}

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

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

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

._advancedFilters-badge_ymzv3o {
  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_ymzv3o {
    flex-direction: column;
  }
  ._queryForm_ymzv3o,
  ._filters-content_ymzv3o {
    width: 100%;
  }
}
/* styles for accent-webapp/styles/components/translations-filter/advanced-filters.scss */
._translations-filter-advanced-filters_grqr0b {
  margin: 15px 0 0 0;
  display: flex;
  flex-direction: column;
}

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

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

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

/* styles for accent-webapp/styles/components/translations-list.scss */
._translations-list_19ajl9 {
  margin-top: 20px;
}

._translations-list-version_19ajl9 {
  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_19ajl9 {
  display: inline-flex;
  align-items: center;
  margin-left: 2px;
  font-size: 11px;
  font-family: var(--font-monospace);
  font-weight: 600;
  text-transform: none;
}

._icon_19ajl9 {
  display: block;
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
}

._empty-content_19ajl9 {
  margin-top: 40px;
}

/* styles for accent-webapp/styles/components/translations-list/item.scss */
._translations-list-item_oxaqi4 {
  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_oxaqi4[data-dir=rtl] ._item-header_oxaqi4 {
  flex-direction: row-reverse;
}
._translations-list-item_oxaqi4[data-dir=rtl] ._item-header_oxaqi4 ._item-edit-wrapper_oxaqi4 {
  flex-direction: row-reverse;
}
._translations-list-item_oxaqi4[data-dir=rtl] ._item-header_oxaqi4 ._item-meta_oxaqi4 {
  flex-direction: row-reverse;
  margin-right: 10px;
}
._translations-list-item_oxaqi4[data-dir=rtl] ._item-header_oxaqi4 ._item-updatedAt_oxaqi4 {
  margin-left: 0;
  margin-right: 10px;
}
._translations-list-item_oxaqi4[data-dir=rtl] ._item-header_oxaqi4 ._item-key_oxaqi4 {
  flex-direction: row-reverse;
}
._translations-list-item_oxaqi4[data-dir=rtl] ._item-header_oxaqi4 ._item-key-prefix_oxaqi4::before {
  content: "";
}
._translations-list-item_oxaqi4[data-dir=rtl] ._item-header_oxaqi4 ._item-key-prefix_oxaqi4::after {
  content: "/";
}
._translations-list-item_oxaqi4:focus, ._translations-list-item_oxaqi4:hover {
  background: var(--background-light);
}
._translations-list-item_oxaqi4:focus ._form-helpers_oxaqi4, ._translations-list-item_oxaqi4:hover ._form-helpers_oxaqi4 {
  pointer-events: all;
  opacity: 1;
}
._translations-list-item_oxaqi4:focus[data-dir=rtl] ._item-edit_oxaqi4, ._translations-list-item_oxaqi4:hover[data-dir=rtl] ._item-edit_oxaqi4 {
  transform: translateX(40px);
}
._translations-list-item_oxaqi4:focus ._item-edit_oxaqi4, ._translations-list-item_oxaqi4:hover ._item-edit_oxaqi4 {
  transform: translateX(-40px);
  opacity: 1;
}
._translations-list-item_oxaqi4:focus ._item-updatedAt_oxaqi4, ._translations-list-item_oxaqi4:hover ._item-updatedAt_oxaqi4 {
  opacity: 1;
  transform: translateX(0);
}
._translations-list-item_oxaqi4._item--editMode_oxaqi4 {
  background: var(--background-light);
}
._translations-list-item_oxaqi4._item--editMode_oxaqi4 ._item-edit_oxaqi4 {
  transform: translateX(-40px);
  opacity: 1;
}
._translations-list-item_oxaqi4._item--editMode_oxaqi4 ._item-edit-icon_oxaqi4:focus, ._translations-list-item_oxaqi4._item--editMode_oxaqi4 ._item-edit-icon_oxaqi4:hover {
  stroke: var(--color-error);
}

._item-link_oxaqi4 {
  text-decoration: none;
}
._item-link_oxaqi4:focus ._item-key_oxaqi4, ._item-link_oxaqi4:hover ._item-key_oxaqi4 {
  color: var(--color-primary-opacity-50);
}

._item-edit-wrapper_oxaqi4 {
  display: flex;
}

._item-header_oxaqi4 {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 1px;
  gap: 5px;
}

._item-edit_oxaqi4 {
  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_oxaqi4 {
  width: 16px;
  height: 16px;
  cursor: pointer;
  stroke: var(--color-grey);
  transition: 0.2s ease-in-out;
  transition-property: stroke;
}
._item-edit-icon_oxaqi4:focus, ._item-edit-icon_oxaqi4:hover {
  stroke: var(--color-green);
  stroke: var(--color-primary);
}

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

._item-key_oxaqi4 {
  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_oxaqi4 {
  display: flex;
  align-items: center;
  gap: 3px;
}

._item-text_oxaqi4 {
  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_oxaqi4._item-text--empty_oxaqi4 {
  white-space: normal;
  font-style: italic;
  font-size: 11px;
  opacity: 0.4;
}
._item-text_oxaqi4[data-dir=rtl] {
  text-align: right;
}
._item-text_oxaqi4:hover, ._item-text_oxaqi4:focus {
  opacity: 1;
}

._item-updatedAt_oxaqi4 {
  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_oxaqi4 {
  margin-top: 10px;
  position: relative;
}

._item-textEdit-cancel_oxaqi4 {
  margin-right: 20px;
  color: var(--color-grey);
  font-size: 12px;
  cursor: pointer;
}

._item-textEdit-button_oxaqi4 {
  padding: 1px 9px !important;
}

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

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

@media (max-width: 800px) {
  ._item-edit_oxaqi4 {
    display: none;
  }
}
/* styles for accent-webapp/styles/components/version-create-form.scss */
._version-create-form_1bbagx {
  padding: 20px;
  background: var(--content-background);
}

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

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

._textInput_1bbagx {
  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_1bbagx {
  margin-bottom: 15px;
  padding-bottom: 5px;
}

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

._formItem_1bbagx {
  margin-bottom: 20px;
}

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

._formItem-checkbox_1bbagx {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}

._formItem-help_1bbagx {
  font-size: 11px;
  opacity: 0.6;
}

._formActions_1bbagx {
  padding-top: 10px;
}

/* styles for accent-webapp/styles/components/version-update-form.scss */
._version-update-form_1kue89 {
  padding: 20px;
  background: var(--content-background);
}

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

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

._textInput_1kue89 {
  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_1kue89 {
  margin-bottom: 15px;
  padding-bottom: 5px;
}

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

._formItem_1kue89 {
  margin-bottom: 20px;
}

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

._formItem-checkbox_1kue89 {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}

._formItem-help_1kue89 {
  font-size: 11px;
  opacity: 0.6;
}

._formActions_1kue89 {
  padding-top: 10px;
}

/* styles for accent-webapp/styles/components/versions-list.scss */
._versions-list_myr5mv {
  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_myr5mv {
  margin: 20px 0;
}

/* styles for accent-webapp/styles/components/versions-list/item.scss */
._item_1eu0qo {
  position: relative;
  padding: 10px 0;
  width: 100%;
}
._item_1eu0qo:focus ._deleteButton_1eu0qo, ._item_1eu0qo:hover ._deleteButton_1eu0qo {
  display: inline-block;
}

._item-title_1eu0qo {
  display: flex;
  align-items: center;
  font-size: 23px;
  color: var(--color-primary);
}

._item-title-link_1eu0qo {
  text-decoration: none;
  color: var(--color-primary);
}
._item-title-link_1eu0qo:hover {
  text-decoration: underline;
}

._item-tag_1eu0qo {
  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_1eu0qo {
  margin-bottom: 10px;
  font-size: 12px;
  color: var(--color-grey);
}

._item-meta-date_1eu0qo {
  opacity: 0.7;
  color: var(--color-grey);
}

._links_1eu0qo {
  margin-top: 10px;
}
._links_1eu0qo ._button_1eu0qo {
  margin-right: 6px;
}
._links_1eu0qo ._button_1eu0qo._button--borderLess_1eu0qo:first-of-type:last-of-type {
  margin-left: -14px;
}

/* styles for accent-webapp/styles/components/welcome-project.scss */
._welcome-project_1xlu9h {
  margin: 0 30px;
}

._heroTitle_1xlu9h {
  display: block;
  margin: 0 0 40px;
  max-width: 350px;
}

._heroTitle-title_1xlu9h {
  margin-bottom: 15px;
  line-height: 1;
  font-size: 48px;
  font-weight: 900;
  color: var(--color-primary);
}

._heroTitle-text_1xlu9h {
  font-size: 18px;
  font-weight: 300;
  color: var(--color-grey);
}

._subtitle_1xlu9h {
  padding-bottom: 5px;
  margin: 20px 0 10px;
  font-weight: bold;
  font-size: 16px;
  color: var(--color-black);
}

._links_1xlu9h {
  display: flex;
  flex-wrap: wrap;
  max-width: 700px;
}

._section_1xlu9h,
._link_1xlu9h {
  display: flex;
  align-items: flex-start;
  padding: 5px 0;
}

._link_1xlu9h {
  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_1xlu9h:focus, ._link_1xlu9h:hover {
  background: var(--color-primary-opacity-10);
  box-shadow: 0 1px 6px var(--shadow-color), 0 5px 18px var(--shadow-color);
}

._link-subtitle_1xlu9h {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  color: var(--color-black);
}

._link-icon_1xlu9h {
  width: 22px;
  height: 22px;
  margin-right: 9px;
  margin-top: 2px;
  opacity: 0.7;
}

._link-icon_1xlu9h {
  stroke: var(--color-primary);
}

/* 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 */