.form--input{border:1px solid var(--clr--outline);border-radius:var(--border--radius--s);background-color:transparent;position:relative;transition:border-color .25s ease-out,border-radius .25s ease-out}.form--input:focus-within{border-color:var(--clr--txt--tertiary);border-radius:var(--border--radius--l) var(--border--radius--stCorner) var(--border--radius--l) var(--border--radius--l)}.form--input:first-of-type:focus-within{border-radius:var(--border--radius--l) var(--border--radius--l) var(--border--radius--stCorner) var(--border--radius--l)}.form--input input{border:none;background-color:transparent;padding:var(--padding--m);z-index:1;width:100%;color:var(--clr--txt--primary);position:relative}.form--input input::placeholder{color:var(--clr--txt--tertiary)}.form--input input:focus{outline:none}.form--input--icon__left input{padding-left:var(--padding--xl)}.form--input .icon{position:absolute;top:50%;transform:translateY(-50%)}.icon--left{left:1rem}.form--input--icon__right input{padding-right:var(--padding--xl)}.icon--right{right:1rem;z-index:2}