.form,.form__row{gap:1.25rem;display:grid}@media (min-width:640px){.form__row{grid-template-columns:repeat(2,1fr)}}.form__label{color:var(--color-navy);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.form__hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form__label-optional{color:var(--color-text-soft);font-weight:400}.form__field{border:1px solid var(--color-gray-line);width:100%;color:var(--color-text);background:#fff;border-radius:.375rem;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;transition:box-shadow .2s,border-color .2s}.form__field::placeholder{color:#5b667599}.form__field:focus{box-shadow:0 0 0 2px var(--color-orange);border-color:#0000;outline:none}.form__field--file{background:var(--color-gray-bg);color:var(--color-text-soft);cursor:pointer;border-style:dashed}.form__field--file::file-selector-button{background:var(--color-navy);color:#fff;cursor:pointer;border:none;border-radius:.25rem;margin-right:.75rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600}.form__submitted{background:var(--color-gray-bg);text-align:center;border-radius:.5rem;padding:2.5rem}.form__submitted-title{color:var(--color-navy);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.form__submitted-text{color:var(--color-text-soft);font-size:.875rem}.form__dog-block{background:#d98f2b0f;border:1px solid #d98f2b59;border-radius:.375rem;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.form__dog-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-orange);font-size:.75rem;font-weight:600}.form__submit{width:fit-content}.form__submit svg{width:1rem;height:1rem}
