.input-form-container{position:relative;height:auto;width:100%;display:inline-block;z-index:1}.input-form-animated{border:none;border-bottom:2px solid #ccc;outline:none;transition:border-color .3s ease-in-out;z-index:1}.input-form-animated:focus{border-color:transparent}.input-form-underline{position:absolute;bottom:0;left:0;height:2px;width:100%;background-color:transparent;content:"";display:block;overflow:hidden}.input-form-underline:after{content:"";display:block;width:100%;height:2px;background-color:var(--primary-color);transform:translate(-100%);transition:transform .4s ease-in-out}.input-form-container:focus-within .input-form-underline:after{transform:translate(0)}.input-form-container:not(:focus-within) .input-form-underline:after{transform:translate(-100%)}