.sf{gap:var(--stb-s-4);border:1px solid var(--stb-border);border-radius:var(--stb-radius-lg);padding:var(--stb-s-6);box-shadow:var(--stb-shadow-sm);background:#fff;display:grid}.sf__row{gap:var(--stb-s-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.sf__field{gap:.35rem;display:grid}.sf__label{font-size:var(--stb-fs-sm);color:var(--stb-n-700);font-weight:500}.sf__req{color:var(--stb-red);margin-left:.15rem}.sf__input,.sf__textarea{border:1px solid var(--stb-n-300);border-radius:var(--stb-radius);width:100%;font-size:var(--stb-fs-sm);transition:border-color var(--stb-dur) var(--stb-ease), box-shadow var(--stb-dur) var(--stb-ease);background:#fff;padding:.65rem .8rem}.sf__textarea{resize:vertical;min-height:8rem;line-height:var(--stb-lh-normal)}.sf__input:focus,.sf__textarea:focus{border-color:var(--stb-blue);outline:none;box-shadow:0 0 0 3px #03a9f42e}.sf__input[aria-invalid=true],.sf__textarea[aria-invalid=true]{border-color:var(--stb-red)}.sf__error{font-size:var(--stb-fs-xs);color:var(--stb-red)}.sf__counter{font-size:var(--stb-fs-xs);color:var(--stb-text-muted);text-align:right}.sf__hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.sf__submit{background:var(--stb-blue);color:#fff;border:2px solid var(--stb-blue);border-radius:var(--stb-radius);cursor:pointer;box-shadow:var(--stb-shadow-blue);transition:background-color var(--stb-dur) var(--stb-ease);justify-self:start;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:inline-flex}.sf__submit:hover:not(:disabled){background:var(--stb-blue-dark);border-color:var(--stb-blue-dark)}.sf__submit:disabled{opacity:.6;cursor:progress}.sf__status{border-radius:var(--stb-radius);padding:var(--stb-s-4);font-size:var(--stb-fs-sm);line-height:var(--stb-lh-normal)}.sf__status--ok{color:#14603a;background:#e8f6ee;border:1px solid #b6e0c8}.sf__status--err{color:#8c1414;background:#fdeaea;border:1px solid #f4c4c4}