.close {
  float: right;
  font-size: 20px;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
  line-height: 20px;
  color: #2e2e2e;
  color: var(--colorTextDefault);
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #2e2e2e;
  color: var(--colorTextDefault);
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  background-color: #fcf8e3;
}
.alert h4 {
  color: #c09853;
  margin: 0;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}
.alert-success {
  background-color: #dff0d8;
}
.alert-success h4 {
  color: #468847;
}
.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}
.alert-info h4 {
  color: #3a87ad;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}
body {
  margin: 0;
  font-family: -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, 'Segoe UI', Roboto, Oxygen-Sans,
    Ubuntu, Cantarell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
  font-family: var(--baseFontFamily);
  color: #2e2e2e;
  color: var(--colorTextDefault);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-size: var(--fontSizeBase);
  font-weight: normal;
  line-height: 20px;
}
input,
button,
select,
textarea {
  font-family: -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, 'Segoe UI', Roboto, Oxygen-Sans,
    Ubuntu, Cantarell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
  font-family: var(--baseFontFamily);
}
ul {
  padding: 0;
}
/* Mimic Bootstrap styles for links, inputs and buttons */
a {
  color: #3781b8;
  color: var(--linkColor);
  -webkit-text-decoration: none;
  text-decoration: none;
}
a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
/* Override Checkbox disabled style solely for Signup app */
.Checkbox__label.is-disabled {
  opacity: 0.5;
  opacity: var(--disabledOpacity);
}

.signup_App_app_f85 {
  display: flex;
  min-height: 100vh;
}

.MainLoader_MainLoader_74f {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.Main_main_e6c {
  display: flex;
  justify-content: center;
  padding: 20px;
  overflow: hidden;
  max-width: 994px;
  position: relative;
  flex: 0 1 100%;
}

@media screen and (min-width: 768px) {

.Main_main_e6c {
    flex: 0 1 72%;
    padding-top: 100px;
}
  }

.Main_content_07e {
  width: 100%;
  max-width: 600px;
}

.Sidebar_sidebar_396 {
  display: none;
}

@media screen and (min-width: 768px) {

.Sidebar_sidebar_396 {
    position: sticky;
    top: 0;
    height: 100vh;
    min-height: 580px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-basis: 28%;
    min-width: 240px;
    max-width: 400px;
    background: linear-gradient(
      180deg,
      #f8f8f8 0%,
      rgba(248, 248, 248, 0) 100%
    );
}
  }

.Sidebar_logo_066 {
  margin-top: 100px;
  color: #fff;
  width: 124px;
}

.Sidebar_main_b93 {
  flex: 0 1 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 40px 55px;
  z-index: 1;
}

.Sidebar_mainAlt_648 {
  align-items: flex-end;
  padding-bottom: 82px;
}

.Sidebar_vector1_b7f,
.Sidebar_vector2_3a5 {
  position: absolute;
  bottom: 0;
}

.Sidebar_vector1_b7f {
  opacity: 0.05;
  filter: drop-shadow(0 -10px 10px rgba(0, 0, 0, 0.25));
}

.Sidebar_vector2_3a5 {
  filter: drop-shadow(0 -5px 10px rgba(0, 0, 0, 0.05));
}

.Sidebar_TrustedByCompanies_headline_3d5 {
  margin: 0 0 24px;
  color: #767676;
  color: var(--gray-50);
  font-size: 13px;
  line-height: 15px;
  font-weight: normal;
  line-height: 20px;
}

.Sidebar_TrustedByCompanies_logosRow_724 {
  margin: 0 0 24px;
  display: flex;
  justify-content: center;
}

.Sidebar_TrustedByCompanies_logosRow_724:last-child {
    margin-bottom: 0;
  }

.Sidebar_TrustedByCompanies_logosRowFirst_ab9,
.Sidebar_TrustedByCompanies_logosRowSecond_af8 {
  justify-content: space-around;
}

.Sidebar_TrustedByCompanies_logo_3c5 svg {
    height: 24px;
  }

.Sidebar_TrustedByCompanies_logoNaturebox_7a5 svg {
    height: 14px;
  }

.MainBody_MainBody_29b {
  flex: 0 1 100%;
}

.MainContent_MainContent_f12 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  font-size: 13px;
  line-height: 20px;
}

.MainFooter_MainFooter_ac3 {
  display: flex;
  flex-direction: column-reverse;
  padding: 0;

  font-size: 13px;
  line-height: 16px;
}

@media screen and (min-width: 768px) {

.MainFooter_MainFooter_ac3 {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 34px 0 24px;
}
  }

.MainFooter_MainFooter_ac3 a {
    color: #767676;
    margin: 0 8px;
  }

.MainFooter_MainFooter_ac3 a:first-child {
      margin-left: 0;
    }

.MainFooter_MainFooter_ac3 a:last-child {
      margin-right: 0;
    }

.MainFooter_MainFooter__links_34e {
  white-space: nowrap;

  padding-top: 16px;
  margin: 32px 0 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 768px) {

.MainFooter_MainFooter__links_34e {
    padding: 0;
    border-top: none;
    margin: 0;
}
  }

.MainFooter_MainFooter__actions_802 {
  flex: 0 1 100%;
  display: flex;
  justify-content: flex-end;
}

@media screen and (max-width: 767px) {

.MainFooter_MainFooter__actions_802 > * {
      width: 100%;
  }
    }

.RebrandHeading_heading_0df {
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #000000;
  color: var(--black);
}.RebrandHeading_heading_0df.RebrandHeading_centered_27b {
    text-align: center;
  }.RebrandHeading_heading_0df em {
    font-style: normal;
    color: rgb(153, 153, 153);
  }@supports (color: color-mix(in lch, red, blue)) {
.RebrandHeading_heading_0df em {
    color: color-mix(in srgb, #fff 60%, var(--black));
  }
}

.OnboardingAboutYourself_formIntro_d47 {
  margin-bottom: 32px;
}
.OnboardingAboutYourself_formIntro_d47 .OnboardingAboutYourself_subHeading_f65 {
    margin: 8px 0 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #464a55;
    color: var(--colorMako);
  }
.OnboardingAboutYourself_formFields_955 {
  flex: 0 1 100%;
  display: grid;
  grid-row-gap: 25px;
  row-gap: 25px;
  align-content: flex-start;
}
@media screen and (min-width: 768px) {
.OnboardingAboutYourself_formFields_955 {
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    row-gap: 32px;
}
  }
.OnboardingAboutYourself_selectLabel_397 {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
  color: #2e2e2e;
  color: var(--colorTextDefault);
}
.OnboardingAboutYourself_selectLabelFootnote_d45 {
  margin-top: 10px;
  margin-bottom: 16px;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
.OnboardingAboutYourself_roleSelect_d3c {
    grid-column: 1/3;
}
  }

.OnboardingConnectAccount_OnboardingConnectWithCustomAccount_connectEmailButton_c53 {
  width: 180px;
}.OnboardingConnectAccount_OnboardingConnectWithCustomAccount_connectEmailButton_c53 > span {
    /* One-off customization agreed with designers to have the button label bold */
    font-weight: 600;
    font-weight: var(--fontWeightBold);
  }

.OnboardingConnectAccount_subHeader_191 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin: 32px 0 0;
}

.OnboardingConnectAccount_subHeader2_2b8 {
  margin: 8px 0 0;
}

.OnboardingConnectAccount_illustrationContainer_236 {
  margin: 34px -22px 20px;
}

.OnboardingConnectAccount_connectUI_a92 {
  display: inline-grid;
  grid-auto-columns: auto;
  grid-gap: 10px;
  margin-bottom: 40px;
  color: #767676;
}

.OnboardingConnectAccount_connectUI_a92 a {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }

.MainSubHeadingAlt_MainSubHeadingAlt_cb0 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 100;
  margin: 16px 0;
  color: #2e2e2e;
  color: var(--colorTextDefault);
}

.OnboardingCreateLeads_OnboardingCreateLeads__header_001 {
  text-align: center;
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
.OnboardingCreateLeads_OnboardingCreateLeads__header_001 {
    margin-bottom: 52px;
}
  }
@keyframes OnboardingCreateLeads_fadeIn_957 {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.OnboardingCreateLeads_OnboardingCreateLeads__suggestionsView_e89 {
  opacity: 0;
  animation: OnboardingCreateLeads_fadeIn_957 1s ease forwards;
  display: flex;
  flex-direction: column;
}
.OnboardingCreateLeads_OnboardingCreateLeads__selectAll_b34 {
  cursor: pointer;
  align-self: flex-end;
  margin-right: 12px;
  -webkit-user-select: none;
          user-select: none;
}
@media screen and (min-width: 768px) {
.OnboardingCreateLeads_OnboardingCreateLeads__selectAll_b34 {
    margin-right: 24px;
}
  }
.OnboardingCreateLeads_OnboardingCreateLeads__selectAllCheckbox_2dc {
  pointer-events: none;
}
.OnboardingCreateLeads_OnboardingCreateLeads__selectAllLabel_754 {
  color: #767676;
}
.OnboardingCreateLeads_OnboardingCreateLeads__suggestions_8d7 {
  overflow: hidden;
  list-style: none;
  padding: 0;
}
.OnboardingCreateLeads_OnboardingCreateLeads__suggestions_8d7 > li {
    cursor: pointer;
    border-bottom: solid 1px #f1f1f1;
    border-bottom: solid 1px var(--borderLight);
    padding: 12px;
  }
@media screen and (min-width: 768px) {
.OnboardingCreateLeads_OnboardingCreateLeads__suggestions_8d7 > li {
      padding: 18px 24px;
  }
    }
.OnboardingCreateLeads_OnboardingCreateLeads__suggestions_8d7 > li:hover {
      background: #f1f1f1;
      background: var(--surfaceBackgroundDark);
    }
.OnboardingCreateLeads_OnboardingCreateLeads__importActions_ab9 {
  margin-top: 48px;
  display: grid;
  grid-gap: 18px;
}
@media screen and (min-width: 768px) {
.OnboardingCreateLeads_OnboardingCreateLeads__importActions_ab9 {
    margin-top: 18px;
    display: inline-grid;
    grid-auto-flow: column;
    grid-gap: 8px;
}
  }
.OnboardingCreateLeads_OnboardingCreateLeads__footer_284 {
  margin: 40px 0;
  color: #767676;
}
@media screen and (min-width: 768px) {
.OnboardingCreateLeads_OnboardingCreateLeads__footer_284 {
    margin-bottom: 60px;
    text-align: center;
}
  }
.OnboardingCreateLeads_OnboardingCreateLeads__footer_284 a {
    color: #767676;
  }

@keyframes OnboardingCreateLeads_OnboardingCreateLeadsAnimation_fadeIn_890 {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes OnboardingCreateLeads_OnboardingCreateLeadsAnimation_fadeOut_90e {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes OnboardingCreateLeads_OnboardingCreateLeadsAnimation_colorChange_f0b {
  0% {
    background: #f4b563;
    transform: rotateY(180deg);
  }
  25% {
    background: #47b178;
    transform: rotateY(0deg);
  }
  50% {
    background: #2f577e;
    transform: rotateY(180deg);
  }
  75% {
    background: #5cafcd;
    transform: rotateY(0deg);
  }
  100% {
    background: #f4b563;
    transform: rotateY(180deg);
  }
}

@keyframes OnboardingCreateLeads_OnboardingCreateLeadsAnimation_dot_de3 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes OnboardingCreateLeads_OnboardingCreateLeadsAnimation_searchPositionOne_2d1 {
  from {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(375%, 0, 0);
  }
}

@keyframes OnboardingCreateLeads_OnboardingCreateLeadsAnimation_searchPositionTwo_a49 {
  from {
    transform: translate3d(375%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 240%, 0);
  }
}

@keyframes OnboardingCreateLeads_OnboardingCreateLeadsAnimation_searchPositionThree_e5f {
  from {
    transform: translate3d(0, 240%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(375%, 240%, 0);
  }
}

@keyframes OnboardingCreateLeads_OnboardingCreateLeadsAnimation_searchPositionFour_438 {
  from {
    transform: translate3d(375%, 240%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes OnboardingCreateLeads_OnboardingCreateLeadsAnimation_trackAnimationEnd_04b {
  /* this animation is used purely for isolating when the animation is complete. */
  from {
    color: currentColor;
  }
  to {
    color: currentColor;
  }
}

.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation_b74 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
  width: 100%;
  animation: OnboardingCreateLeads_OnboardingCreateLeadsAnimation_trackAnimationEnd_04b 35.5s; /* this animation is used purely for isolating when the animation is complete. */
}

.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__setupInbox_34d {
  position: absolute;
  max-width: 100%;
  display: block;
  text-align: center;
  animation: OnboardingCreateLeads_OnboardingCreateLeadsAnimation_fadeOut_90e 0.5s ease 14s forwards;
}

@media screen and (min-width: 768px) {

.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__setupInbox_34d {
    padding-bottom: 80px;
}
  }
.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__inboxIcon_7f6 {
  opacity: 0;
  display: inline-block;
  padding: 32px;
  border-radius: 50%;
  animation:
    OnboardingCreateLeads_OnboardingCreateLeadsAnimation_fadeIn_890 1s ease 1s forwards,
    OnboardingCreateLeads_OnboardingCreateLeadsAnimation_colorChange_f0b 8s infinite 1s;
}
.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__inboxIcon_7f6 svg {
    width: 32px;
    height: 32px;
  }

.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__setupInboxHeading_1b4 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  opacity: 0;
  animation: OnboardingCreateLeads_OnboardingCreateLeadsAnimation_fadeIn_890 1s ease 1s forwards;
}

@media screen and (min-width: 768px) {

.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__setupInboxHeading_1b4 {
    line-height: 40px;
}
  }

.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__setupInboxHeadingDotOne_ca1,
.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__setupInboxHeadingDotTwo_1bf,
.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__setupInboxHeadingDotThree_a2a {
  opacity: 0;
  animation: OnboardingCreateLeads_OnboardingCreateLeadsAnimation_dot_de3 1s ease-in-out infinite;
}

.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__setupInboxHeadingDotOne_ca1 {
  animation-delay: 0s;
}

.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__setupInboxHeadingDotTwo_1bf {
  animation-delay: 0.25s;
}

.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__setupInboxHeadingDotThree_a2a {
  animation-delay: 0.5s;
}

.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__findLeads_9bf {
  position: absolute;
  width: 604px;
  max-width: 100%;
  opacity: 0;
  text-align: center;
  animation:
    OnboardingCreateLeads_OnboardingCreateLeadsAnimation_fadeIn_890 1s ease 14.5s forwards,
    OnboardingCreateLeads_OnboardingCreateLeadsAnimation_fadeOut_90e 1s ease 34.5s forwards;
}

@media screen and (min-width: 768px) {

.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__findLeads_9bf {
    padding-bottom: 80px;
}
  }
.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__findLeadsHeading_ce6 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  opacity: 0;
  animation: OnboardingCreateLeads_OnboardingCreateLeadsAnimation_fadeIn_890 1s ease 16s forwards;
}
@media screen and (min-width: 768px) {
.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__findLeadsHeading_ce6 {
    line-height: 40px;
}
  }

.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__findLeadsSubheading_52e {
  font-size: 16px;
  line-height: 24px;
  font-weight: 100;
  opacity: 0;
  animation: OnboardingCreateLeads_OnboardingCreateLeadsAnimation_fadeIn_890 1s ease 17.5s forwards;
}

.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__inboxAnimation_dd9 {
  position: relative;
  margin-top: 40px;
  opacity: 0;
  animation: OnboardingCreateLeads_OnboardingCreateLeadsAnimation_fadeIn_890 1s ease 19s forwards;
  max-width: 100%;
}

.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__inboxAnimation_dd9 svg {
    max-width: 100%;
  }

.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__inbox_68a {
  opacity: 0;
  animation: OnboardingCreateLeads_OnboardingCreateLeadsAnimation_fadeIn_890 1s ease 19s forwards;
}

.OnboardingCreateLeads_OnboardingCreateLeadsAnimation_OnboardingCreateLeadsAnimation__search_282 {
  position: absolute;
  top: 28%;
  left: 5%;
  opacity: 0;
  width: 7%;
  animation:
    OnboardingCreateLeads_OnboardingCreateLeadsAnimation_fadeIn_890 1s ease 20.5s forwards,
    OnboardingCreateLeads_OnboardingCreateLeadsAnimation_searchPositionOne_2d1 0.75s ease 22s forwards,
    OnboardingCreateLeads_OnboardingCreateLeadsAnimation_searchPositionTwo_a49 0.75s ease 23s forwards,
    OnboardingCreateLeads_OnboardingCreateLeadsAnimation_searchPositionThree_e5f 0.75s ease 24s forwards,
    OnboardingCreateLeads_OnboardingCreateLeadsAnimation_searchPositionFour_438 0.75s ease 25s forwards,
    OnboardingCreateLeads_OnboardingCreateLeadsAnimation_searchPositionOne_2d1 0.75s ease 26s forwards,
    OnboardingCreateLeads_OnboardingCreateLeadsAnimation_searchPositionTwo_a49 0.75s ease 27s forwards,
    OnboardingCreateLeads_OnboardingCreateLeadsAnimation_searchPositionThree_e5f 0.75s ease 28s forwards,
    OnboardingCreateLeads_OnboardingCreateLeadsAnimation_searchPositionFour_438 0.75s ease 29s forwards,
    OnboardingCreateLeads_OnboardingCreateLeadsAnimation_searchPositionOne_2d1 0.75s ease 30s forwards,
    OnboardingCreateLeads_OnboardingCreateLeadsAnimation_searchPositionTwo_a49 0.75s ease 31s forwards,
    OnboardingCreateLeads_OnboardingCreateLeadsAnimation_searchPositionThree_e5f 0.75s ease 32s forwards,
    OnboardingCreateLeads_OnboardingCreateLeadsAnimation_fadeOut_90e 1s ease 33.5s forwards;
}

.OnboardingCreateLeads_OnboardingCreateLeadsSuggestion_OnboardingCreateLeadsSuggestion_92f {
  display: grid;
  align-items: center;
  grid-gap: 12px;
  grid-template-columns: 32px 1fr 14px;
}
@media screen and (min-width: 768px) {
.OnboardingCreateLeads_OnboardingCreateLeadsSuggestion_OnboardingCreateLeadsSuggestion_92f {
    grid-gap: 24px;
}
  }
.OnboardingCreateLeads_OnboardingCreateLeadsSuggestion_OnboardingCreateLeadsSuggestion__image_deb {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  background: #f1f1f1;
  background: var(--surfaceBackgroundDark);
  box-shadow: inset 0 0 0 1px fadeout(black, 90%);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.OnboardingCreateLeads_OnboardingCreateLeadsSuggestion_OnboardingCreateLeadsSuggestion__image_deb > img {
    max-width: 100%;
  }
.OnboardingCreateLeads_OnboardingCreateLeadsSuggestion_OnboardingCreateLeadsSuggestion__imageFallback_584 {
  color: #464a55;
  color: var(--colorMako);
  margin-top: 4px; /* Fallback image needs nudging vertically into center alignment */
  display: block;
  width: 16px;
}
.OnboardingCreateLeads_OnboardingCreateLeadsSuggestion_OnboardingCreateLeadsSuggestion__detail_314 {
  overflow: hidden;
}
.OnboardingCreateLeads_OnboardingCreateLeadsSuggestion_OnboardingCreateLeadsSuggestion__name_dd4 {
  color: #2e2e2e;
  color: var(--colorTextDefault);
  word-break: break-word;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
  font-size: 13px;
  line-height: 20px;
}
@media screen and (min-width: 768px) {
.OnboardingCreateLeads_OnboardingCreateLeadsSuggestion_OnboardingCreateLeadsSuggestion__name_dd4 {
    font-size: 16px;
    line-height: 20px;
}
  }
.OnboardingCreateLeads_OnboardingCreateLeadsSuggestion_OnboardingCreateLeadsSuggestion__email_2c4 {
  color: #767676;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  line-height: 20px;
}
.OnboardingCreateLeads_OnboardingCreateLeadsSuggestion_OnboardingCreateLeadsSuggestion__checkbox_f61 {
  font-size: 13px;
  line-height: 20px;
  color: #464a55;
  color: var(--colorMako);
  pointer-events: none; /* Disable pointer events since container controls select state */
}

.Onboarding_OnboardingStepTextIndicators_OnboardingStepTextIndicators_2d9 {
  color: #303030;
  color: var(--gray-80);
  padding: 0;
  align-self: flex-start;
  margin: 147px 0 0;
  display: grid;
  grid-auto-flow: row;
  grid-gap: 36px;
  list-style: none;
  font-size: 14px;
  line-height: 20px;

  /* min-width must be slightly more than enough to fit the largest indicator.
     Without this when the widest indicator is selected the x position will
    shift due to wider bold text. */
  width: 120px;
}
.Onboarding_OnboardingStepTextIndicators_OnboardingStepTextIndicators__indicator_baf {
  white-space: nowrap;
  opacity: 0.8;
  font-weight: 400;
  transition: opacity 0.3s;
}
.Onboarding_OnboardingStepTextIndicators_OnboardingStepTextIndicators__indicatorActive_c32 {
  opacity: 1;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
}

.OnboardingVerifyEmail_verifyEmail_a80 {
  display: flex;
  flex-direction: column;
  height: 85%;
  justify-content: center;
}
.OnboardingVerifyEmail_verifyEmailImage_90e {
  display: flex;
  margin-bottom: 50px;
}
.OnboardingVerifyEmail_verifyEmailImage_90e > svg {
    width: 162px;
    margin: auto;
  }
.OnboardingVerifyEmail_failedVerificationImage_5fe {
  display: flex;
  margin: 0 auto 50px;
  width: 96px;
}
.OnboardingVerifyEmail_body_cd3 {
  color: #464a55;
  color: var(--colorMako);
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}
.OnboardingVerifyEmail_resend_3d7 {
  margin-top: 50px;
  transition: opacity 0.3s;
  opacity: 1;
}
.OnboardingVerifyEmail_resendDisabled_b39 {
  opacity: 0;
}

.layout_main_ce0 {
  --boxShadow: 0px 10px 50px rgba(43, 46, 51, 0.05);
  --logoHeight: 80px;

  display: flex;
  width: 100vw;
}

.layout_content_5a4 {
  background: #ffffff;
  background: var(--white);
  flex: 0 1 100%;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 768px) {

.layout_content_5a4 {
    flex: 0 1 40%;
}
  }

.layout_logoContainer_034 {
  background: #ffffff;
  background: var(--white);
  box-shadow: var(--boxShadow);
}

@media screen and (min-width: 768px) {

.layout_logoContainer_034 {
    box-shadow: none;
    box-shadow: initial;
    height: var(--logoHeight);
}
  }

.layout_logo_341 {
  flex: 0 1 var(--logoHeight);
  width: 100px;
  margin: 26px auto;
  color: #000000;
  color: var(--black);
}

@media screen and (min-width: 768px) {

.layout_logo_341 {
    margin-left: 64px;
    margin-left: var(--spacing-64);
}
  }

.layout_form_e6c {
  margin: auto 20px;
  padding: 0 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}

@media screen and (min-width: 768px) {

.layout_form_e6c {
    max-width: 324px;
    margin: 20px auto calc(20px + var(--logoHeight));
}
  }

.layout_illustration_c66 {
  background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
  background: linear-gradient(180deg, #f8f8f8 0%, var(--white) 100%);
  display: none;
}

@media screen and (min-width: 768px) {

.layout_illustration_c66 {
    flex: 0 1 60%;
    display: flex;
    flex-direction: column;
}
  }

.layout_illustrationContent_bf3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 0 1 100%;
}

.layout_illustrationContent_bf3.layout_ilustrationWithLogin_882 {
    flex: 0 1 calc(100% - var(--logoHeight));
    margin-bottom: var(--logoHeight);
  }

.layout_loginLink_e97 {
  font-weight: 600;
  font-weight: var(--fontWeightBold);
  font-size: 14px;
  text-align: right;
  flex: 0 1 80px;
  margin: 31px 64px;
}

.layout_loginLink_e97 a {
    color: #000000;
    color: var(--black);
  }

.AlreadyUser_loginLink_df7 {
  font-weight: 600;
  font-weight: var(--fontWeightBold);
  font-size: 14px;
  flex: 0 1 80px;
}.AlreadyUser_loginLink_df7.AlreadyUser_alignRight_74b {
    text-align: right;
  }.AlreadyUser_loginLink_df7.AlreadyUser_alignCenter_bca {
    text-align: center;
  }.AlreadyUser_loginLink_df7 a {
    color: #000000;
    color: var(--black);
  }.AlreadyUser_loginLink_df7 strong {
    margin-left: 16px;
  }

.RegistrationScreen_subtitle_f61 {
  margin: 8px 0 0;
  margin: var(--spacing-8) 0 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

.RegistrationScreen_terms_a81 {
  margin: 24px 0 0;
}

.RegistrationScreen_terms_a81 a {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }

@media screen and (min-width: 768px) {
    .RegistrationScreen_terms_a81.RegistrationScreen_withMargin_5e8 {
      margin-top: 40px;
    }
  }

.RegistrationScreen_logo_d0c {
  margin-bottom: 32px;
  width: 124px;
}

@media screen and (min-width: 768px) {

.RegistrationScreen_logo_d0c {
    display: none;
}
  }

.RegistrationScreen_withGoogleSSO_047 {
  max-width: 358px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {

.RegistrationScreen_withGoogleSSO_047 {
    margin: 0;
}
  }

.RegistrationScreen_arrowRightCircle_e97 {
  background: #4ec375;
  background: var(--colorBrandGreen);
  width: 48px;
  height: 48px;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px auto;
}

.RegistrationScreen_arrowRightCircle_e97 svg {
    width: 30px;
    height: 30px;
    display: block;
    fill: #ffffff;
    fill: var(--colorIconNeutralWhite);
  }

.RegistrationScreen_loginLinkMobile_8ff {
  position: sticky;
  bottom: 0;
  height: 50px;
  background: #ffffff;
  background: var(--white);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  text-align: center;
  box-sizing: border-box;
  margin-top: 16px;
  margin-top: var(--spacing-16);
}

@media screen and (min-width: 768px) {

.RegistrationScreen_loginLinkMobile_8ff {
    display: none;
}
  }

.RegistrationScreen_SignUpForm_main_1e1 {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {

.RegistrationScreen_SignUpForm_main_1e1 {
    margin-top: 32px;
}
  }

.RegistrationScreen_SignUpForm_inputs_16a {
  max-width: 100%;
}

@media screen and (min-width: 768px) {

.RegistrationScreen_SignUpForm_inputs_16a {
    max-width: 320px;
}

    .RegistrationScreen_SignUpForm_inputs_16a.RegistrationScreen_SignUpForm_fluid_846 {
      max-width: none;
      max-width: initial;
    }
  }

.RegistrationScreen_SignUpForm_checkbox_a7c {
  font-size: 13px;
  line-height: 16px;
  color: #464a55;
  color: var(--colorMako);
}

.RegistrationScreen_SignUpForm_cta_59e {
  display: flex;
  align-items: center;
  margin: 32px 0;
}

.RegistrationScreen_SignUpForm_cta_59e button {
    width: 100%;
  }

.RegistrationScreen_SignUpForm_or_6e9 {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  grid-column-gap: 16px;
  grid-column-gap: var(--spacing-16);
  margin: 16px 0;
  margin: var(--spacing-16) 0;
  font-weight: 400;
}

.RegistrationScreen_SignUpForm_or_6e9 .RegistrationScreen_SignUpForm_text_d3d {
    font-size: 12px;
    color: rgb(153, 153, 153);
  }

@supports (color: color-mix(in lch, red, blue)) {
.RegistrationScreen_SignUpForm_or_6e9 .RegistrationScreen_SignUpForm_text_d3d {
    color: color-mix(in srgb, #fff 60%, var(--black));
  }
}

.InputField_label_22d,
.InputField_error_36c {
  font-size: 11px;
  line-height: 140%;
}

.InputField_label_22d {
  display: flex;
  flex-direction: column;
}

.InputField_labelText_263 {
  color: rgb(102, 102, 102);
  margin-bottom: 4px;
}

@supports (color: color-mix(in lch, red, blue)) {
.InputField_labelText_263 {
  color: color-mix(in srgb, #fff 40%, var(--black));
}
}

.InputField_fieldContainer_f8f {
  display: flex;
}

.InputField_input_f62 {
  --inputBg: #f8f8f8;
  width: auto;
  background: #f8f8f8;
  background: var(--inputBg);
  border-radius: 7px;
  border-radius: var(--baseInputBorderRadius);
  padding: 12px 16px;
  padding: var(--spacing-12) var(--spacing-16);
  border: 1px solid #f8f8f8;
  border: 1px solid var(--inputBg);
  box-shadow: none;
  outline: none;
}

.InputField_input_f62:focus {
    border: 1px solid #1463ff;
    border: 1px solid var(--colorBrandBlue);
  }

.InputField_input_f62.InputField_inputError_808 {
    border: 1px solid #dd0f21;
    border: 1px solid var(--borderDanger);
  }

.InputField_error_36c {
  color: #dd0f21;
  color: var(--failurePrimaryColor);
  margin-top: 4px;
  margin-top: var(--spacing-4);
}


/*# sourceMappingURL=https://srcmaps.close.com/srcmaps/signup~c73eff64.1c90f9d678d21cd863d8.js.map*/