.form-custom-input{position:relative}.form-custom-input__label{display:block;font-size:.75rem;line-height:1.25rem;letter-spacing:.125rem;font-weight:600;color:#797476;position:absolute;top:0;left:0;right:0;opacity:0;transform:translateY(.5rem);transition:opacity .24s cubic-bezier(.215,.61,.355,1),transform .24s cubic-bezier(.215,.61,.355,1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-custom-input--dark-mode .form-custom-input__label{color:var(--color-white)}.form-custom-input__input{appearance:none;display:block;background-color:rgba(0,0,0,0);width:100%;padding:1.375rem 0 1.125rem;border:1px solid rgba(0,0,0,0);border-bottom:1px solid var(--color-border);font-size:.875rem;line-height:1.25rem;letter-spacing:.125rem;font-weight:600;color:var(--color-black)}.form-custom-input--dark-mode .form-custom-input__input{border-bottom:1px solid rgba(var(--color-white),.6);color:var(--color-white)}.form-custom-input__input::placeholder{color:rgba(var(--color-black),.6)}.form-custom-input--dark-mode .form-custom-input__input::placeholder{color:rgba(var(--color-white),.6)}.form-custom-input__input:focus::placeholder{color:rgba(0,0,0,0)}.form-custom-input__input:active,.form-custom-input__input:focus,.form-custom-input__input:hover{outline:none}.form-custom-input__input:focus{border-bottom:1px solid var(--color-black)}.form-custom-input--dark-mode .form-custom-input__input:focus{border-bottom:1px solid var(--color-white)}.form-custom-input__input:focus+label{opacity:1;transform:translateY(0)}