/* the profile slides open and shut: vue's transition classes, which have to be
 * plain CSS, since utilities would lose to what the form already says */
.profile-slide-enter-from,
.profile-slide-leave-to {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  place-content: end;
  border-bottom-width: 0;
  border-left-width: 0;
}
.profile-slide-enter-to,
.profile-slide-leave-from {
  max-height: 400px;
  overflow: hidden;
  place-content: end;
  border-bottom-width: 2px;
  border-left-width: 2px;
}
.profile-slide-enter-active,
.profile-slide-leave-active {
  transition:
    max-height 0.5s ease-in,
    padding 0.5s ease-in,
    border-bottom-width 0.5s ease-in,
    border-left-width 0.5s ease-in;
}