.wave-group{width:100%;max-width:500px;margin-top:24px;margin-bottom:10px;position:relative}.wave-group .input{border:none;border-bottom:2px solid var(--color-custom-primary-2);border-radius:0;width:100%;max-width:500px;padding:10px 10px 10px 16px;font-size:16px;font-weight:600;display:block}.wave-group .input:focus{outline:none}.wave-group .label{color:var(--color-custom-neutral-3);pointer-events:none;gap:0;font-size:16px;font-weight:500;display:flex;position:absolute;top:10px;left:16px}.wave-group .label-char{transition:all .2s}.wave-group .input:focus~label .label-char,.wave-group .input:valid~label .label-char{color:var(--color-custom-primary-2);font-size:14px;transform:translateY(-30px)}.wave-group .bar{width:100%;max-width:500px;display:block;position:relative}.wave-group .bar:before,.wave-group .bar:after{content:"";background:var(--color-custom-primary-2);width:0;height:3px;transition:all .2s;position:absolute;bottom:1px}.wave-group .bar:before{left:50%}.wave-group .bar:after{right:50%}.wave-group .input:focus~.bar:before,.wave-group .input:focus~.bar:after{width:50%}