#sign {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: var(--30);
  gap: var(--30);
  background: var(--white);
  border-radius: var(--BorderRadius);
  box-shadow: 0 0 var(--15) 0 rgba(0, 0, 0, 0.2);
  width: var(--550);
}
#sign .tabs {
  display: flex;
  gap: var(--30);
}
#sign .tabs .tab:hover a, #sign .tabs .tab.current a {
  color: var(--blue);
  text-decoration: underline;
}
#sign .tabs .tab a {
  display: inline-block;
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
  text-transform: uppercase;
}
#sign .tab-items .tab {
  display: none;
}
#sign .tab-items .tab.current {
  display: block;
}
#sign .tab-items .tab .form {
  display: flex;
  flex-direction: column;
  gap: var(--30);
}
#sign .tab-items .tab .form#customer-signup-form {
  gap: var(--15);
}
#sign .tab-items .tab .form#customer-signup-form .description {
  gap: var(--5);
  line-height: normal;
}
#sign .tab-items .tab .form#customer-signup-form .resend {
  display: inline-block;
  font-size: var(--18);
}
#sign .tab-items .tab .form#customer-signup-form .resend:after {
  content: attr(data-resend);
}
#sign .tab-items .tab .form#customer-signup-form .resend.d {
  pointer-events: none;
}
#sign .tab-items .tab .form#customer-signup-form .resend.d[data-left=""], #sign .tab-items .tab .form#customer-signup-form .resend.d[data-left="0"] {
  display: none;
}
#sign .tab-items .tab .form#customer-signup-form .resend.d:after {
  content: attr(data-resend-timer) " " attr(data-left);
}
#sign .tab-items .tab .form .line {
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
#sign .tab-items .tab .form .line.hidden {
  display: none;
}
#sign .tab-items .tab .form .line label {
  cursor: pointer;
  color: var(--D_gray);
  font-size: var(--16);
  line-height: var(--24);
}
#sign .tab-items .tab .form .line .text {
  border-radius: var(--BorderRadius);
  border: 1px solid var(--gray);
  padding: var(--6) var(--19);
  font-size: var(--18);
  line-height: var(--26);
}
#sign .tab-items .tab .form .line .text:placeholder-shown {
  color: var(--D_gray);
}
#sign .tab-items .tab .form .line .message {
  color: var(--red);
  font-weight: 500;
  font-size: var(--16);
  line-height: var(--24);
}
#sign .tab-items .tab .form .actions {
  display: flex;
  align-items: center;
  gap: var(--30);
}
#sign .tab-items .tab .form .actions .l {
  display: inline-block;
  color: var(--blue);
  font-size: var(--18);
  line-height: var(--26);
  text-decoration: underline;
}
#sign .tab-items .tab .form .actions .l:hover {
  text-decoration: none;
}

/*# sourceMappingURL=sign.css.map */