.public-attachments {
  display: grid;
  gap: .4rem;
  margin: 1rem 0;
}

.public-attachments__label {
  font-weight: 600;
}

.public-attachments__label span,
.public-attachments__hint {
  color: var(--text-2, #536174);
  font-size: .875em;
  font-weight: 400;
}

.public-attachments__input {
  max-width: 100%;
}

.public-attachments__list {
  display: grid;
  gap: .35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.public-attachments__list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  overflow-wrap: anywhere;
}

.public-attachments__list button {
  flex: none;
  border: 0;
  padding: .2rem .35rem;
  color: var(--accent, #d63819);
  background: transparent;
  text-decoration: underline;
  cursor: pointer;
}

.public-attachments__errors {
  color: var(--accent, #d63819);
}

.public-attachments__errors p {
  margin: 0;
}

.public-attachments__remove-note {
  color: var(--text-2, #536174);
}

.public-attachments__list button:disabled {
  color: var(--text-2, #536174);
  text-decoration: none;
  cursor: not-allowed;
}