@import url("/css/design_v2/color.css");
@import url("/css/design_v2/standards.css");
@import url("/css/design_v2/breakpoints.css");

/* Page-specific styles for signup pages */

/* Reduce spacing between phone and email in support card */
.signup-support__contact {
  margin-top: calc(var(--Space-XS) * 0.5) !important;
}

/* Ensure two-panel layout is side-by-side from tablet widths on signup pages */
@media (min-width: 600px) {
  .pp-two-panel {
    flex-direction: row;
  }

  .pp-two-panel > section {
    padding-inline: 0;
    width: 50%;
  }
}

/* Secondary image block for employee signup */
.signup-secondary-image {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.signup-secondary-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-width: 100%;
}

.signup-secondary-image figcaption {
  margin-top: var(--Space-S);
  text-align: center;
}