html {
  height: 100%;
  font-family: system-ui, sans-serif;
  background-color: #0002;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

main {
  padding-left: var(--sidebar-width);
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
  transition-property: padding-left;
}

@media (max-width: 575px) {
  #form-col {
    border-width: 0 !important;
    border-bottom: var(--bs-border-width) var(--bs-border-style)
      var(--bs-border-color) !important;
  }
}
@media (min-width: 576px) {
  #form-col,
  #collection-col {
    height: 100vh !important;
  }

  #form-col {
    max-width: 22rem;
  }
}