/** Studio composition layer for public registration webforms. */

body.sc-registration-page {
  --sc-ops-form-border: var(--sc-ops-rule);
}

body.sc-registration-page .sc-registration-layout {
  margin-top: 0;
}

@media (min-width: 992px) {
  body.sc-registration-page .sc-registration-layout {
    grid-template-columns: minmax(210px, 270px) minmax(0, 1fr);
    gap: clamp(2.25rem, 5vw, 4.5rem);
  }

  body.sc-registration-page .sc-registration-aside {
    padding-right: clamp(1.25rem, 2.5vw, 2rem);
    border-right: 1px solid var(--sc-ops-form-border);
  }
}

body.sc-registration-page .sc-registration-aside__label {
  color: var(--sc-ops-accent-mid);
}

body.sc-registration-page .sc-registration-aside__figure {
  border-color: var(--sc-ops-accent-border);
  clip-path: none;
  filter: none;
}

body.sc-registration-page .sc-registration-aside__figure figcaption {
  padding-inline: 0;
  color: var(--sc-ops-muted);
  background: transparent;
  border-top-color: var(--sc-ops-border);
}

body.sc-registration-page .webform-submission-form {
  margin-top: 1.35rem;
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-color: var(--sc-ops-border);
  border-radius: 10px;
  clip-path: none;
  background: var(--sc-ops-surface) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 28px 70px -52px rgba(0, 0, 0, 0.98);
}

body.sc-registration-page .webform-submission-form .form-item {
  margin-bottom: 1.15rem;
}

body.sc-registration-page .webform-submission-form :is(label, legend) {
  margin-bottom: 0.45rem;
  font-size: 0.92rem;
  letter-spacing: 0.005em;
}

body.sc-registration-page .webform-submission-form :is(.form-control, .form-select, textarea) {
  min-height: 3rem;
  padding: 0.72rem 0.85rem;
  border-color: var(--sc-ops-border-strong) !important;
  border-radius: 5px;
  background-color: var(--sc-ops-field) !important;
}

body.sc-registration-page .webform-submission-form fieldset,
body.sc-registration-page .webform-submission-form .fieldset {
  margin: 1.75rem 0;
  padding: 1.35rem 0 0;
  border: 0 !important;
  border-top: 1px solid var(--sc-ops-form-border) !important;
  border-radius: 0;
  background: transparent;
}

body.sc-registration-page .webform-submission-form .form-actions {
  justify-content: flex-end;
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--sc-ops-form-border);
}

body.sc-registration-page .webform-submission-form .js-form-submit.form-submit,
body.sc-registration-page .webform-submission-form input.webform-button--submit,
body.sc-registration-page .webform-submission-form button[type="submit"] {
  min-height: 3rem;
  margin: 0 !important;
  border-radius: 5px;
  box-shadow: 0 14px 34px -22px color-mix(in srgb, var(--sc-ops-highlight) 90%, transparent);
}

@media (max-width: 767px) {
  body.sc-registration-page .webform-submission-form {
    border-radius: 7px;
  }

  body.sc-registration-page .webform-submission-form .form-actions {
    justify-content: stretch;
  }

  body.sc-registration-page .webform-submission-form .js-form-submit.form-submit,
  body.sc-registration-page .webform-submission-form input.webform-button--submit,
  body.sc-registration-page .webform-submission-form button[type="submit"] {
    width: 100% !important;
  }
}