.request .actions {
  width: 115px;
  height: 35px;
  position: absolute;
  top: 110px;
  right: 0;
}

.ne-list .item .request-duedate {
  left: 90px;
  top: 210px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 500;
  color: rgb(0 0 0 / 60%);
  width: 60px;
  text-align: center;
  border-radius: 2px;
  letter-spacing: 0.03em;
  background: rgb(238 238 238);
  height: 20px;
  line-height: 20px;
}

.ne-list .button.request {
  background-image: url("../images/ui/ne-drk-ac-folder.png");
}

.ne-form.request.ne-select {
  top: 0;
}

.ne-list .large.request,
  .large.feedback {
    height: 150px;
    overflow: hidden;
  }

.ne-list .large.request.expand {
    height: auto;
    position: relative;
  }

.ne-list .large.request .tasks {
    position: unset;
    margin-top: 140px;
    background: #1b1b1b;
    padding-top: 1px;
    height: inherit;
    height: 0;
  }

.ne-list .large.request.expand .tasks {
    height: 250px;
    height: auto;
  }

#ne_requests.request-focus-mode > li.request { display: none; }

#ne_requests.request-focus-mode > li.request.request-focused {
  display: block;
  height: auto;
  min-height: 0;
  overflow: visible;
  background: transparent;
}

#ne_requests.request-focus-mode > li.request.request-focused > :not(.tasks) { display: none; }

#ne_requests.request-focus-mode .request-focused > .tasks.active {
  display: block;
  position: relative;
  top: auto;
  width: 100%;
  height: auto;
  max-height: none;
  margin: 0;
  overflow: visible;
  background: transparent;
}

#ne_requests.request-focus-mode .request-focused > .tasks.active > .task {
  opacity: 0.72;
  transform: translateY(6px);
  animation: ne-request-task-row-reveal 260ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: calc(var(--ne-request-task-index, 0) * 24ms);
}

#ne_requests.request-focus-mode.request-closing .request-focused > .tasks.active > .task {
  opacity: 1;
  transform: translateY(0);
  animation-name: ne-request-task-row-conceal;
  animation-timing-function: cubic-bezier(0.64, 0, 0.78, 0);
  animation-delay: calc((7 - var(--ne-request-task-index, 0)) * 24ms);
}

#ne_requests.request-focus-mode .request-focused > .tasks.active > .task:nth-child(1) { --ne-request-task-index: 0; }
#ne_requests.request-focus-mode .request-focused > .tasks.active > .task:nth-child(2) { --ne-request-task-index: 1; }
#ne_requests.request-focus-mode .request-focused > .tasks.active > .task:nth-child(3) { --ne-request-task-index: 2; }
#ne_requests.request-focus-mode .request-focused > .tasks.active > .task:nth-child(4) { --ne-request-task-index: 3; }
#ne_requests.request-focus-mode .request-focused > .tasks.active > .task:nth-child(5) { --ne-request-task-index: 4; }
#ne_requests.request-focus-mode .request-focused > .tasks.active > .task:nth-child(6) { --ne-request-task-index: 5; }
#ne_requests.request-focus-mode .request-focused > .tasks.active > .task:nth-child(7) { --ne-request-task-index: 6; }
#ne_requests.request-focus-mode .request-focused > .tasks.active > .task:nth-child(n+8) { --ne-request-task-index: 7; }

#ne_requests > li.request.request-entering { animation: ne-request-row-enter 190ms ease-in forwards; }

@keyframes ne-request-row-enter {
  from { transform: translateX(-18px); }
  to { transform: translateX(0); }
}

@keyframes ne-request-task-row-reveal {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes ne-request-task-row-conceal {
  from { opacity: 1; transform: translateY(0); }
  to { opacity: 0.72; transform: translateY(4px); }
}

@media (prefers-reduced-motion: reduce) {
  #ne_requests.request-focus-mode .request-focused > .tasks.active > .task,
  #ne_requests.request-focus-mode.request-closing .request-focused > .tasks.active > .task,
  #ne_requests > li.request.request-entering {
    opacity: 1;
    transform: none;
    animation: none;
  }
}