.text-field{position:relative;display:grid;margin-top:var(--space-2);grid-template-columns:minmax(0,1fr)}.text-field.full-width{grid-column:1/-1}.text-field.full-width:not(:first-child){margin-top:var(--space0)}.text-field__container{display:flex;position:relative}.text-field__container label{color:var(--grey-dark);z-index:2;position:absolute;left:var(--space-1);top:50%;transform:translateY(-50%);font-size:var(--font-sm);transition:all .3s ease-out 0s}.text-field__container textarea+label{top:1.5rem}.text-field__container input:not(:-moz-placeholder-shown)+label,.text-field__container textarea:not(:-moz-placeholder-shown)+label{top:0;left:calc(var(--space-1) - var(--space-3));font-size:var(--font-xs);background-color:transparent;line-height:1;padding-left:var(--space-3);padding-right:var(--space-3);font-family:Figtree;-moz-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;color:var(--grey-dark);z-index:3}.text-field__container input:focus-visible+label,.text-field__container input:not(:placeholder-shown)+label,.text-field__container textarea:focus-visible+label,.text-field__container textarea:not(:placeholder-shown)+label{top:0;left:calc(var(--space-1) - var(--space-3));font-size:var(--font-xs);background-color:transparent;line-height:1;padding-left:var(--space-3);padding-right:var(--space-3);font-family:Figtree;transition:all .3s ease-out 0s;color:var(--grey-dark);z-index:3}.text-field__container input:not(:-moz-placeholder-shown)+label:before,.text-field__container textarea:not(:-moz-placeholder-shown)+label:before{position:absolute;content:"";inset:0;background-color:var(--white);height:4px;top:calc(50% - 1px);z-index:-1}.text-field__container input:focus-visible+label:before,.text-field__container input:not(:placeholder-shown)+label:before,.text-field__container textarea:focus-visible+label:before,.text-field__container textarea:not(:placeholder-shown)+label:before{position:absolute;content:"";inset:0;background-color:var(--white);height:4px;top:calc(50% - 1px);z-index:-1}.text-field__container input::-moz-placeholder,.text-field__container textarea::-moz-placeholder{color:transparent}.text-field__container input::placeholder,.text-field__container textarea::placeholder{color:transparent}.text-field__container textarea{resize:none;height:6em;padding-top:var(--space0)!important}.text-field__container input,.text-field__container textarea{margin:0;color:var(--grey-dark);background:transparent;z-index:3;flex-grow:1;font-size:var(--font-sm);line-height:1;padding:var(--field-padding-block) var(--space-1);border-radius:var(--border-radius);border:1px solid var(--grey-md)}.text-field__container input:focus-visible,.text-field__container textarea:focus-visible{outline:none;border:1px solid var(--grey-dark);color:var(--black)}.text-field__container input:not(:disabled):hover,.text-field__container input:not(:disabled).hovered,.text-field__container textarea:not(:disabled):hover,.text-field__container textarea:not(:disabled).hovered{border:1px solid var(--grey-dark);color:var(--black)}