.AuthInput{display:grid;grid-template-areas:"a";background-color:#fff;font-size:.8rem;color:#000;height:3rem;cursor:text;border-radius:20px;border:none;&:focus-within{outline-offset:4px;outline:1.5px solid #fff;.Text-Wrapper{transform:translateY(-20%);font-size:.6rem}}input{grid-area:a;padding-left:.8rem;font-size:1rem;border-radius:20px;border:none;background-color:transparent;&:focus,&[data-state=active]{height:90%;margin-top:7px;outline:none;border:none}}.Text-Wrapper{padding-left:.8rem;padding-top:.9rem;grid-area:a;transition:all .2s;border-radius:20px;border:none;background-color:transparent;&[data-state=active]{transform:translateY(-20%);font-size:.6rem;opacity:.9}}.IconWrapper{grid-area:a;display:flex;justify-content:end;align-items:center;padding-right:1rem;position:relative;.Icon{cursor:pointer;display:flex;justify-content:center;align-items:center;position:absolute}}}.SubmitInput{background-color:var(--primary-color);color:#fff;text-align:center;padding:1rem;cursor:pointer;text-transform:uppercase;border:none;border-radius:20px;&:hover{background-color:#fff;color:#000}&:active{transform:scale(.9)}}.Button{border-radius:20px;display:flex;justify-content:center;align-items:center;&[data-type=primary-loading]{cursor:not-allowed;background-color:var(--primary-color)}}