.documents-section__content {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows 300ms cubic-bezier(0.16, 1, 0.3, 1),
  opacity 180ms ease;
}

.documents-section[open] .documents-section__content {
  grid-template-rows: 1fr;
  opacity: 1;
}

.documents-section__content-inner {
  overflow: hidden;
}

.documents-section__summary {
  list-style: none;
}

.documents-section__summary::-webkit-details-marker {
  display: none;
}

.documents-section__summary-icon {
  transition: transform 250ms ease;
}

.documents-section[open] .documents-section__summary-icon {
  transform: rotate(45deg);
}

.document-modal {
  animation: document-modal-fade-in 180ms ease-out;
}

.document-modal__card {
  animation: document-modal-card-in 220ms cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes document-modal-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes document-modal-card-in {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .documents-section__content,
  .documents-section__summary-icon,
  .document-modal,
  .document-modal__card {
    animation: none;
    transition: none;
  }
}