.wl{width:100%;max-width:30rem}.wl-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.wl-card{display:flex;align-items:center;gap:var(--ark-space-3);padding:var(--ark-space-2) var(--ark-space-2) var(--ark-space-2) var(--ark-space-5);background:var(--ark-raised);border:1px solid var(--ark-line-strong);border-radius:var(--ark-radius-pill);box-shadow:var(--ark-shadow);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.wl-card:focus-within{border-color:var(--ark-ink);box-shadow:var(--ark-shadow),0 0 0 4px var(--ark-line)}.wl-field{flex:1;display:flex;min-width:0}.wl-field input{width:100%;min-width:0;border:0;background:transparent;font-family:var(--ark-font);font-size:var(--ark-size-body);letter-spacing:var(--ark-track-body);color:var(--ark-ink)}.wl-field input::placeholder{color:var(--ark-ink-3)}.wl-field input:focus{outline:none}.wl-send{display:grid;place-items:center;flex:none;width:40px;height:40px;border:0;border-radius:var(--ark-radius-pill);background:var(--ark-solid);color:var(--ark-inverse);cursor:pointer;transition:background-color .16s var(--ease),opacity .16s var(--ease)}.wl-send:hover{background:var(--ark-grey-800)}.wl-send:disabled{opacity:.55;cursor:default}.wl-note{margin:var(--ark-space-3) 0 0;color:var(--ark-ink-2);text-align:center}.wl-note.is-error{color:var(--ark-critical)}.wl-note.is-done{color:var(--ark-positive);font-weight:500}