.PositiveIcon{fill:#4ca30d;width:12px}.NegativeIcon{fill:#d92d20}.PasswordExposeIcon{stroke:#d3d3d3;width:24px}.SignupForm{gap:28px}.SignupField,.SignupForm{display:flex;flex-direction:column}.SignupField{gap:6px;position:relative}.SignupFieldInput{align-items:center;display:grid;grid-template-columns:1fr auto 14px;grid-template-rows:auto auto;justify-content:center;position:relative;&>input{grid-column:1/span 3;grid-row:1}&>button{grid-column:2;grid-row:1}&>.SignupFieldErrorList{align-self:flex-end;grid-column:1/span 3;grid-row:2;justify-content:flex-start;position:absolute;translate:4px 23px}}.SignupFieldControl{&:focus~.SignupPopUp{opacity:1}&:focus-visible{border-color:#0482ea;transition:border-color .5s ease-in-out}&.hasError{border-color:#d92d20}}.PasswordExposeControl{background:transparent;border:0;display:inline-flex;outline:0;padding:4px;translate:-4px;width:fit-content;&:active,&:focus,&:hover{filter:contrast(0);outline:0;transition:filter .5s ease-in-out}}.SignupFieldErrorList{color:#d92d20;display:flex;flex-direction:column;font-size:var(--caption-font-size);font-weight:var(--font-weight-bold);gap:4px;list-style:none;margin:0;padding:2px 4px 0}.SignupFieldError{align-items:baseline;display:inline-flex;gap:6px;justify-content:flex-start;margin:0;&.isValid{color:#4ca30d}& span{white-space:nowrap}& svg{translate:0 2px;width:12px}}.SignupPopUp{align-self:flex-start;background:var(--butter-neutral-010);border:1px solid #eaecf0;border-radius:9px;box-shadow:0 5px 5px hsla(0,0%,0%,25%);display:flex;flex-direction:column;gap:4px;grid-column:1/span 3;justify-self:flex-end;opacity:0;padding:16px;pointer-events:none;position:absolute;translate:100px 68px;transition:opacity .5s ease-in-out;width:fit-content;z-index:100;& h6{color:var(--butter-neutral-060);font-size:var(--subtitle-4-font-size);font-weight:var(--font-weight-medium)}& .SignupFieldErrorList{gap:4px;margin:0;padding:0}}@media (width < 736px){.SignupPopUp{justify-self:center;translate:0 -160px}}.signup--controls{align-items:flex-start;color:var(--butter-neutral-010);display:flex;gap:16px;& a{font-weight:var(--font-weight-bold)}}