.table-wrap {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
  padding: 20px;
}

.card-text {
  font-weight: 500;
}

.expand-wrap {
  margin-top: 0;
  transition: margin-top 180ms ease;
  transition: margin-bottom 180ms ease;
}

.collapse-area.collapsing .expand-wrap,
.collapse-area.show .expand-wrap {
  margin-bottom: .5rem;
}

.floating-area {
  opacity: 0;
  transform: translateY(-6px);
  transition:
    opacity 180ms ease,
    transform 180ms ease;
}

.collapse-area.collapsing .floating-area,
.collapse-area.show .floating-area {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 120ms;
}

.collapse-area:not(.show) .floating-area {
  transition-delay: 0ms;
}

.form-control:focus {
  box-shadow: none;
  border-color: var(--bs-border-color);
}