#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 .line {
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
#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 */