.layout {
  // Signup card widths
  --min-width: 540px;
  --max-width: 35%;

  display: grid;
  grid-template-columns: minmax(var(--min-width), var(--max-width)) auto;
  grid-template-rows: 100vh;

  .cardColumn {
    overflow-y: auto;
  }

  .card {
    padding: 85px 40px;
    overflow-x: hidden;
    width: var(--min-width);
    margin: 0 auto;
  }

  .imageColumn {
    overflow-y: hidden;
    background: linear-gradient(148.52deg, #878ede -8.55%, #5b44ba 58.99%);
    display: flex;

    .image {
      object-fit: contain;
      position: relative;
      margin: auto;
      height: 80%;
      width: 80%;
    }
  }
}

@media (max-width: 1280px) {
  .layout {
    display: flex;
    justify-content: center;
    width: 100vw;
  }

  .imageColumn {
    display: none;
  }
}

// Firefox has a bug where padding-bottom is ignored when overflow occurs
// https://bugzilla.mozilla.org/show_bug.cgi?id=748518
@-moz-document url-prefix() {
  .disclaimer {
    margin-bottom: 85px !important;
  }
}
