.field{display:flex;flex-direction:column;font-family:var(--font-figtree),sans-serif;position:relative}.field svg{stroke-width:1}.field::placeholder{font-family:var(--font-figtree),sans-serif}.field input,.field select,.field textarea{width:100%;padding:1rem 1.2rem;border-radius:.5rem;background:var(--white);box-sizing:border-box;font-size:clamp(16px,1rem,1rem);color:var(--gray-dark);border:1px solid var(--gray)}.field button{align-self:flex-end}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--black);color:var(--black)}.field textarea{min-height:10rem;resize:vertical;padding-top:1.2rem}.field.field--half{grid-column:span 1}.field.field--full{grid-column:1/-1}.field .field__label{position:absolute;top:0;left:1rem;height:100%;display:flex;flex-direction:column;justify-content:center;color:var(--gray);pointer-events:none;background:none;padding:0 .5rem;font-size:max(16px,1rem);transform-origin:left center;transform:translateY(0) scale(1);transition:all .18s var(--ease)}.field:has(textarea) .field__label{max-height:4rem}.field.field--filled .field__label{background:var(--white);color:var(--black);transform:translateY(-50%) scale(.7)}.field:not(.field--filled) input::placeholder,.field:not(.field--filled) textarea::placeholder{color:var(--white)}.field:not(.field--filled) select{color:var(--white)}.field .field__input-icon,.field .field__select-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--gray);width:1.25rem;height:1.25rem}.field input:focus~.field__input-icon,.field select:focus~.field__select-icon{color:var(--black)}.field select{padding-right:3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:var(--gray-dark)}.field select:invalid{color:var(--white)}.field input[type=email],.field input[type=password],.field input[type=tel],.field input[type=text]{padding-right:3rem}.field input[type=checkbox]{display:none}.field .field__checkbox{display:flex;align-items:center;gap:.5rem;width:100%;padding:1rem 1.2rem;border-radius:.5rem;background:var(--white);box-sizing:border-box;font-size:clamp(16px,1rem,1rem);color:var(--gray);border:1px solid var(--gray)}.field .field__checkbox svg{stroke:var(--gray)}.field .field__checkbox.checked{border-color:var(--black);color:var(--black)}.field .field__checkbox.checked svg{stroke-width:1;stroke:var(--black)}