body.is-admin {
  --admin-control-ink: #171513;
  --admin-control-muted: #716a63;
  --admin-control-paper: #fffefa;
  --admin-control-paper-deep: #f2eee8;
  --admin-control-line: #beb6ac;
  --admin-control-line-strong: #8f877e;
  --admin-control-red: #99192f;
  --admin-control-red-soft: #f6e9eb;
  accent-color: var(--admin-control-red);
}

body.is-admin ::selection {
  background: var(--admin-control-red);
  color: #fff;
}

body.is-admin :is(input.field, textarea.field, select.field) {
  border-color: var(--admin-control-line);
  background-color: var(--admin-control-paper);
  color: var(--admin-control-ink);
  caret-color: var(--admin-control-red);
  transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

body.is-admin :is(input.field, textarea.field, select.field):hover:not(:disabled, [aria-disabled="true"]) {
  border-color: var(--admin-control-line-strong);
}

body.is-admin :is(input.field, textarea.field, select.field):focus,
body.is-admin :is(input.field, textarea.field, select.field):focus-visible {
  border-color: var(--admin-control-red);
  background-color: #fff;
  outline: 0;
  box-shadow: 0 0 0 3px rgb(153 25 47 / 11%);
}

body.is-admin :is(input.field, textarea.field)::placeholder {
  color: var(--admin-control-muted);
  opacity: .78;
}

body.is-admin :is(input.field, textarea.field, select.field):disabled,
body.is-admin :is(input.field, textarea.field, select.field)[aria-disabled="true"] {
  border-color: #d7d1c9;
  background-color: #eeeae4;
  color: #847d75;
  cursor: not-allowed;
  opacity: 1;
}

body.is-admin select.field:not([multiple], [size]) {
  appearance: none;
  padding-right: 34px !important;
  background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: right 12px center, right 16.5px center;
  background-size: 10px 1px, 1px 10px;
  cursor: pointer;
}

body.is-admin select.field option,
body.is-admin select.field optgroup {
  background: var(--admin-control-paper);
  color: var(--admin-control-ink);
}

body.is-admin select.field option:checked {
  background: var(--admin-control-red);
  color: #fff;
}

body.is-admin input:is([type="checkbox"], [type="radio"]),
body.is-admin progress,
body.is-admin input[type="range"] {
  accent-color: var(--admin-control-red);
}

body.is-admin input[type="file"]::file-selector-button {
  min-height: 32px;
  margin-right: 11px;
  border: 1px solid var(--admin-control-ink);
  border-radius: 999px;
  padding: 0 13px;
  background: var(--admin-control-ink);
  color: #fff;
  font: inherit;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color 150ms ease, background-color 150ms ease;
}

body.is-admin input[type="file"]::file-selector-button:hover {
  border-color: var(--admin-control-red);
  background: var(--admin-control-red);
}

body.is-admin .article-workbench__review-export-trigger {
  min-height: 30px;
  border: 1px solid var(--admin-control-line);
  border-radius: 999px;
  padding: 0 11px;
  background: var(--admin-control-paper);
  color: var(--admin-control-ink);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
  cursor: pointer;
}

body.is-admin .article-workbench__review-export-trigger:hover,
body.is-admin .article-workbench__review-export-trigger:focus-visible {
  border-color: var(--admin-control-red);
  color: var(--admin-control-red);
  outline: 0;
  box-shadow: 0 0 0 3px rgb(153 25 47 / 9%);
}

body.is-admin ::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}

body.is-admin ::-webkit-scrollbar-track {
  background: var(--admin-control-paper-deep);
}

body.is-admin ::-webkit-scrollbar-thumb {
  border: 3px solid var(--admin-control-paper-deep);
  border-radius: 999px;
  background: #978f86;
}

body.is-admin ::-webkit-scrollbar-thumb:hover {
  background: var(--admin-control-red);
}

@supports (appearance: base-select) {
  body.is-admin select.field:not([multiple], [size]),
  body.is-admin select.field:not([multiple], [size])::picker(select) {
    appearance: base-select;
  }

  body.is-admin select.field:not([multiple], [size]) {
    padding-right: 12px !important;
    background-image: none;
  }

  body.is-admin select.field::picker-icon {
    content: "";
    width: 12px;
    height: 12px;
    align-self: center;
    color: var(--admin-control-red);
    background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px 1px, 1px 10px;
    transition: background-size var(--gr-motion-fast) var(--gr-motion-ease);
  }

  body.is-admin select.field:open::picker-icon {
    background-size: 10px 1px, 1px 0;
  }

  body.is-admin select.field::picker(select) {
    max-height: min(360px, 60vh);
    margin-block: 6px;
    border: 1px solid var(--admin-control-line-strong);
    border-radius: 10px;
    padding: 6px;
    background: var(--admin-control-paper);
    color: var(--admin-control-ink);
    box-shadow: 0 18px 46px rgb(28 22 17 / 18%), 0 3px 10px rgb(28 22 17 / 10%);
    scrollbar-color: var(--admin-control-red) var(--admin-control-paper-deep);
    opacity: 0;
    translate: 0 -4px;
    transition: opacity var(--gr-motion-fast) ease, translate var(--gr-motion-fast) var(--gr-motion-ease), display var(--gr-motion-fast) allow-discrete, overlay var(--gr-motion-fast) allow-discrete;
  }

  body.is-admin select.field::picker(select):popover-open {
    opacity: 1;
    translate: 0 0;
  }

  @starting-style {
    body.is-admin select.field::picker(select):popover-open {
      opacity: 0;
      translate: 0 -4px;
    }
  }

  body.is-admin select.field option {
    min-height: 34px;
    align-items: center;
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    cursor: pointer;
  }

  body.is-admin select.field option:hover,
  body.is-admin select.field option:focus-visible {
    background: var(--admin-control-red-soft);
    color: var(--admin-control-red);
    outline: 0;
  }

  body.is-admin select.field option:checked {
    background: var(--admin-control-red);
    color: #fff;
    font-weight: 900;
  }

  body.is-admin select.field option::checkmark {
    color: currentColor;
  }

  body.is-admin select.field optgroup {
    margin-block: 5px;
    color: var(--admin-control-red);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.is-admin select.field::picker-icon,
  body.is-admin select.field::picker(select),
  body.is-admin :is(input.field, textarea.field, select.field),
  body.is-admin input[type="file"]::file-selector-button {
    transition: none;
  }
}