.input-group{position:relative;color:#d8d8d8;border:solid 1px #38404e;border-radius:8px;padding:0}.input-group:has(.input-icon){font-size:18px}.input-group:has(.input-icon)>.input{padding-left:33px}.input-group:has(.input-icon)>.input-icon{position:absolute;top:50%;left:8px;transform:translateY(-50%);color:inherit!important;opacity:.5}.input-group>.input{padding-left:10px;outline:none;border:none;background:none;padding:1rem;font-size:1rem;width:100%;height:100%;resize:none;color:inherit;transition:border .15s cubic-bezier(.4,0,.2,1)}.input-group>.input.slim{padding:.4rem;font-size:.8rem}.input-group>.input.medium{padding:.5rem}.input-group:not(.no-title)>.input:required:not(:focus)::placeholder{opacity:0}.input-group>.user-label{background-color:#f0f0f000;position:absolute;top:50%;left:15px;color:inherit;pointer-events:none;transform:translateY(-50%);transition:top .15s cubic-bezier(.4,0,.2,1),transform .25s,font-size .45s cubic-bezier(.4,0,.2,1)}.input-group:has(.input:focus){outline:none;border:1.5px solid #4d586c}.input-group .input:focus::placeholder{opacity:.5}.input-group:has(.input:focus:invalid:not(:placeholder-shown)){border:1.5px solid #ff433d}.input-group .input:focus:invalid:not(:placeholder-shown)~.user-label{color:#ff433d}.input-group .input:focus~.user-label,.input-group .input:valid~.user-label,.input-group .input:not(:placeholder-shown)~.user-label{top:0%;transform:translateY(-50%) scale(.8);padding:0 5px;color:inherit}.input-group .input:focus~.user-label{color:#6b6bff}