/**
 * Temporary override while GlotPress with Variants doesn't have this CSS.
 */
table.translations tr td.original, table.translations tr td.translation {
  width: 45%;
  vertical-align: middle;
}

table.translations tr td.original small, table.translations tr td.translation small {
  font-size: 0.75rem;
}

table.translations tr td.original ul, table.translations tr td.translation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

table.translations tr td.original ul li:not(:last-child), table.translations tr td.translation ul li:not(:last-child) {
  padding-bottom: 0.25em;
  border-bottom: 1px solid #e4e4e4;
}

table.translations tr td.translation .translation-text ins {
  background-color: #68de7c;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
}

table.translation-sets tr th.gp-column-locale {
  min-width: 400px;
  width: 45%;
}

table.translation-sets tr td:first-child span.gp-convert-pt-ao90-update span.translation-set-icon {
  margin-left: 0.5em;
  vertical-align: middle;
  font-size: 1em;
  display: inline-block;
  line-height: normal;
  color: var(--gp-color-fg-muted);
}

table.translation-sets tr td:first-child span.gp-convert-pt-ao90-update span.translation-set-icon.edit-status {
  display: none;
}

table.translation-sets tr td:first-child span.gp-convert-pt-ao90-update button.gp-convert-pt-ao90-update-button {
  margin-left: 0.5em;
  vertical-align: bottom;
}

table.translation-sets tr td:first-child span.gp-convert-pt-ao90-update button.gp-convert-pt-ao90-update-button:not(:disabled):hover span.icon, table.translation-sets tr td:first-child span.gp-convert-pt-ao90-update button.gp-convert-pt-ao90-update-button:not(:disabled):focus span.icon, table.translation-sets tr td:first-child span.gp-convert-pt-ao90-update button.gp-convert-pt-ao90-update-button:not(:disabled).active span.icon {
  color: var(--gp-color-btn-hover-text);
  -webkit-transform: rotateZ(180deg);
  -ms-transform: rotate(180deg);
  transform: rotateZ(180deg);
}

table.translation-sets tr td:first-child span.gp-convert-pt-ao90-update button.gp-convert-pt-ao90-update-button:disabled {
  color: var(--gp-color-fg-default) !important;
}

table.translation-sets tr td:first-child span.gp-convert-pt-ao90-update button.gp-convert-pt-ao90-update-button span.icon {
  -webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
  transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
}

table.translation-sets tr td:first-child span.gp-convert-pt-ao90-update button.gp-convert-pt-ao90-update-button span.label {
  margin-left: 0.5em;
  margin-right: 0.5em;
  vertical-align: middle;
  text-align: left;
  display: inline-block;
  line-height: normal;
}

table.translation-sets tr td:first-child span.gp-convert-pt-ao90-update button.gp-convert-pt-ao90-update-button.updating span.icon {
  color: var(--gp-color-dark-orange);
  -webkit-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {

  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotation {

  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

table.translation-sets tr td:first-child span.gp-convert-pt-ao90-update button.gp-convert-pt-ao90-update-button.success span.icon {
  color: var(--gp-color-green);
}

table.translation-sets tr td:first-child span.gp-convert-pt-ao90-update button.gp-convert-pt-ao90-update-button.fail span.icon {
  color: var(--gp-color-red);
}

table.translation-sets tr.variant td:first-child {
  color: var(--gp-color-accent-fg);
}

table.translation-sets tr.variant td:first-child::before {
  font-family: dashicons;
  content: "\f139";
  vertical-align: middle;
}

table.translation-sets tr[data-editable="false"] {
  background-color: var(--gp-color-secondary-100);
}

table.translation-sets tr[data-editable="false"]:hover {
  background-color: var(--gp-color-secondary-200);
}

table.translation-sets tr[data-editable="false"] td:first-child span.gp-convert-pt-ao90-update span.translation-set-icon.edit-status {
  display: inline-block;
}