.auth-container{background:#000;border-radius:10px;flex-direction:column;gap:40px;width:min(100%,500px);padding:20px;display:flex}.auth__title{font-size:18px;font-weight:500}.auth-label{display:block}.input-container{flex-direction:column;padding-bottom:5px;display:flex;position:relative}.input-container:before{content:"";background:#ffffff80;width:100%;height:2px;position:absolute;bottom:0;left:0}.input-container:after{content:"";transform-origin:0;background:#fff;width:100%;height:2px;transition:transform .5s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.input-container label{transition:transform .5s,color .5s,font-size .5s;position:absolute}.input-container ::placeholder{opacity:0;transition:opacity .5s}.input-container:focus-within:after{transform:scaleX(1)}.input-container:focus-within label{font-size:14px;transform:translateY(-20px)}.input-container:focus-within ::placeholder{opacity:1}