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