.form-container{font-size:var(--size-body-lg)}.form-container .form-action{display:flex}.form-container .form-action .btn{align-self:end;border-width:2px}.form-container .form-action .btn .label{--btn-space-x:var(--size-400)}.form-grid{display:grid;gap:1em}.form-field{--field-border-radius:1.5em;text-align:left}.form-field label{font-size:inherit}.form-field label[for]{cursor:pointer}.form-field .invalid-feedback{color:var(--color-error);font-size:1rem}.form-field .is-invalid{--color-fg:var(--color-error)}.form-field__input,.form-field__select,.form-field__textarea{background-color:var(--color-grey-200);border:1px solid var(--color-fg);border-radius:var(--field-border-radius);color:var(--color-fg);display:block;font-family:inherit;font-size:inherit;padding:var(--size-75) var(--size-100);width:100%}.form-field__input ::placeholder,.form-field__select ::placeholder,.form-field__textarea ::placeholder{color:var(--color-grey-400)}label+.form-field__input,label+.form-field__select,label+.form-field__textarea{margin-top:.5em}.form-field__select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1em center;background-repeat:no-repeat;background-size:1.5em 1em}.button-counter{border:.15em solid;border-radius:3em;display:flex}.button-counter input{border:none;color:inherit;display:block;font-size:1em;line-height:1.2;padding:0;text-align:center;width:100%}.button-counter input:focus{outline:none}.button-counter .btn{--btn-space-x:0.25em;--btn-space-y:0}.button-counter .btn[disabled]{opacity:.5}