.beta-inline{inline-size:100%;max-inline-size:34rem;margin-inline:auto}.beta-inline__row{gap:var(--space-3);flex-wrap:wrap;justify-content:center;align-items:stretch;display:flex}.beta-inline__field{flex:15rem;min-inline-size:0;display:block}.beta-inline__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.beta-inline__input{inline-size:100%;min-block-size:var(--space-control-min);padding:var(--space-3) var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text);font:inherit}.beta-inline__input::placeholder{color:var(--color-text-muted)}.beta-inline__submit{white-space:nowrap;flex:none}@media (width<=47.99rem){.beta-inline__submit{flex:1 0 100%}}.beta-inline__status{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.beta-inline__status:not(:empty){margin-block-start:var(--space-3)}.beta-inline--success{text-align:center;max-inline-size:none}.beta-inline__success{align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:var(--font-weight-semibold);margin:0;display:inline-flex}@media (width>=40rem){.beta-inline__success{white-space:nowrap}}.beta-inline__success-icon{block-size:1.35rem;inline-size:1.35rem;color:var(--color-success);flex:none}.beta-inline--inverse .beta-inline__input{background:var(--color-surface-raised);color:var(--color-text);border-color:#0000}.beta-inline--inverse .beta-inline__status{color:var(--color-text-muted-on-dark)}.beta-inline--inverse .beta-inline__success{color:var(--color-text-on-dark)}.beta-inline--inverse .beta-inline__success-icon{color:var(--color-accent-on-dark)}