.np-upload-input__item {
  position: relative;
  padding: 16px;
  padding: var(--size-16);
  display: flex;
  align-items: flex-start;
  border-left: var(--outerBorder);
  border-right: var(--outerBorder);
}
.np-upload-input__item:first-child {
  border-top: var(--outerBorder);
  border-top-left-radius: 10px;
  border-top-left-radius: var(--radius-small);
  border-top-right-radius: 10px;
  border-top-right-radius: var(--radius-small);
}
.np-upload-input__item + .np-upload-input__item:before {
  content: " ";
  display: block;
  position: absolute;
  height: 1px;
  left: 16px;
  left: var(--size-16);
  width: calc(100% - 2 * 16px);
  width: calc(100% - 2 * var(--size-16));
  top: 0;
  background: rgba(0,0,0,0.10196);
  background: var(--color-border-neutral);
}
.np-upload-input__item .np-upload-input__item-content {
  padding-right: 32px;
  padding-right: var(--size-32);
  flex: 1;
}
@media (max-width: 320px) {
  .np-upload-input__item .np-upload-input__item-content {
    padding-right: 64px;
    padding-right: var(--size-64);
  }
}
.np-upload-input__item .np-upload-input__title,
.np-upload-input__item .np-upload-input__text {
  margin: 0;
  -moz-text-align-last: left;
       text-align-last: left;
  color: #5d7079;
  color: var(--color-content-secondary);
}
.np-upload-input__item .np-upload-input__title + .np-upload-input__text {
  margin-top: 4px;
  margin-top: var(--size-4);
}
.np-upload-input__item .np-upload-input__icon {
  padding-right: 16px;
  padding-right: var(--size-16);
}
.np-upload-input__item .np-upload-input__item-link,
.np-upload-input__item .np-upload-input__item-container {
  align-items: flex-start;
  display: flex;
  width: 100%;
}
.np-upload-input__item .np-upload-input__item-action {
  --iconSize: var(--size-24);
  --clickAreaSize: 44px;
  --buttonTopRightOffset: var(--size-16);
  --clickAreaTopRightOffset: calc((var(--clickAreaSize) - var(--iconSize)) * -0.5);
  position: absolute;
  right: 16px;
  right: var(--buttonTopRightOffset);
  top: 16px;
  top: var(--buttonTopRightOffset);
}
@media (max-width: 320px) {
  .np-upload-input__item .np-upload-input__item-action {
    --iconSize: var(--size-48);
    --clickAreaTopRightOffset: calc(-1 * var(--buttonTopRightOffset));
  }
}
.np-upload-input__item .np-upload-input__item-action .np-upload-input__item-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: var(--iconSize);
  width: var(--iconSize);
  padding: 0 4px;
  padding: 0 var(--size-4);
  border-radius: 50%;
  border: 0;
  background-color: rgba(134,167,189,0.10196);
  background-color: var(--color-background-neutral);
  color: var(--color-interactive-primary);
  transition: color, background-color 0.15s ease-in-out;
  outline-offset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.np-upload-input__item .np-upload-input__item-action .np-upload-input__item-button:before {
  content: '';
  display: block;
  width: var(--clickAreaSize);
  height: var(--clickAreaSize);
  border-radius: 50%;
  position: absolute;
  top: var(--clickAreaTopRightOffset);
  right: var(--clickAreaTopRightOffset);
}
.np-upload-input__item .np-upload-input__item-action .np-upload-input__item-button:hover {
  background-color: var(--color-sentiment-negative);
  color: var(--color-contrast-overlay) !important;
}
.np-upload-input__item .np-upload-input__item-action .np-upload-input__item-button:active {
  background-color: var(--color-background-neutral-active);
}
.np-upload-input__item.is-interactive {
  padding: 0;
}
.np-upload-input__item.is-interactive:hover:not(:has(.np-upload-input__item-button:hover)):before,
.np-upload-input__item.is-interactive:hover:not(:has(.np-upload-input__item-button:hover)) + .np-upload-input__item:before {
  width: 100%;
  left: 0;
}
.np-upload-input__item.is-interactive .np-upload-input__item-link {
  padding: 16px;
  padding: var(--size-16);
  -webkit-text-decoration: none;
  text-decoration: none;
  border-radius: inherit;
  border-top: 1px solid transparent;
  background-clip: padding-box;
}
.np-upload-input__item.is-interactive .np-upload-input__item-link:focus-visible {
  outline-offset: -2px;
  outline-width: 3px;
}
.np-upload-input__item.is-interactive .np-upload-input__item-link:hover,
.np-upload-input__item.is-interactive .np-upload-input__item-link:active {
  background-color: rgba(134,167,189,0.10196);
  background-color: var(--color-background-neutral);
}
.np-upload-input__item.is-interactive:first-child .np-upload-input__item-link {
  border-top-width: 0;
}
.np-upload-input__item .np-upload-input-errors {
  padding-left: 0;
  list-style-type: "";
}
.np-upload-input__item .np-upload-input-errors > li {
  position: relative;
  padding-left: 16px;
  padding-left: var(--size-16);
}
.np-upload-input__item .np-upload-input-errors > li::before {
  content: '•' ;
  content: '•' / '';
  position: absolute;
  display: block;
  left: 0;
}
@media (max-width: 320px) {
  .np-upload-input__item .np-upload-input-errors > li {
    padding-left: 32px;
    padding-left: var(--size-32);
  }
}
