.fields{gap:1.25rem;display:grid}.field{gap:.45rem;display:grid}.field__optional{color:var(--text-soft);letter-spacing:.04em}.field__input{border:2px solid var(--ink);background:var(--stock);width:100%;min-height:3.4rem;color:var(--ink);font:inherit;transition:background-color .25s var(--ease-quart-out),box-shadow .25s var(--ease-quart-out);appearance:none;border-radius:0;padding:.85rem 1rem;font-size:1.125rem}.field__input:hover{background:#f6f7f8}.field__input:focus-visible{box-shadow:0 0 0 3px var(--blue);background:#fff;outline:none}.field__input--error{box-shadow:inset 6px 0 0 var(--pink);border-color:#b0004f}.field__input--valid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8.5l3.5 3.5 7.5-8' fill='none' stroke='%230064a8' stroke-width='2.2'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.1rem;padding-right:2.75rem}.field__input:disabled{opacity:.6}.field__error{color:#b0004f;font-size:var(--fs-small);animation:field-error-in .3s var(--ease-expo-out)}@keyframes field-error-in{0%{opacity:0;transform:translateY(-.35rem)}}
