.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}.page-pet-ai .page-title{align-items:end;display:flex;font-size:3rem;font-weight:500;gap:var(--spacer);justify-content:center}.page-pet-ai .page-title .icon{font-size:110%}@media screen and (min-width:50rem){.page-pet-ai .page-title{font-size:4rem}}.page-pet-ai .container{width:40rem}.page-pet-ai .chat-assistant-container{display:flex;margin-top:var(--size-300);max-width:100%;overflow:hidden}