.wl-join{text-align:left;max-width:460px;margin:4px 0 0}.wl-join-label{letter-spacing:.01em;color:var(--r-muted);margin:0 0 8px;font-size:13px;font-weight:500;line-height:20px;display:block}.wl-join-row{align-items:stretch;gap:10px;display:flex}.wl-join-input{border:1px solid var(--r-border);min-width:0;min-height:48px;color:var(--r-text);background:#fffdfa;border-radius:16px;flex:auto;margin:0;padding:12px 16px;font-size:16px;line-height:24px;transition:border-color .15s,background .15s}.wl-join-input::placeholder{color:#8c848f}.wl-join-input:hover{border-color:#bdb4ba}.wl-join-input:focus{border-color:#b94352}.wl-join-input[aria-invalid=true]{border-color:#a52839}.wl-join-input:disabled{background:var(--r-subtle);color:var(--r-muted);cursor:progress}.wl-join-submit{white-space:nowrap;flex:none}.wl-join-submit:disabled{opacity:.72;cursor:progress}.wl-join-hint{color:var(--r-muted);margin:10px 0 0;font-size:13px;line-height:20px}.wl-join-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.r-site .wl-join-input:focus-visible{outline-offset:2px}.wl-join-error{color:#a52839;margin:10px 0 0;font-size:14px;line-height:21px}.wl-join-confirmation{border:1px solid var(--r-border);background:#fffdfa;border-radius:18px;align-items:flex-start;gap:14px;margin:0;padding:18px 20px;display:flex;box-shadow:0 12px 32px #3427200f}.wl-join-confirmation:focus{outline:none}.wl-join-confirmation:focus-visible{outline-offset:5px;outline:3px solid #aa3343}.wl-join-check{background:var(--r-accent);color:#211c20;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:inline-grid}.wl-join-check svg{width:16px;height:16px}.wl-join-confirmation-copy{color:var(--r-text);margin:2px 0 0;font-size:15px;line-height:22px}.wl-join-confirmation-copy strong{font-weight:600}.wl-join-confirmation-copy span{color:var(--r-muted)}.r-dark .wl-join-input,.r-dark .wl-join-confirmation{color:#fbf8f5;background:#2c2831}.r-dark .wl-join-input::placeholder{color:#aaa2b0}@media (max-width:700px){.wl-join{width:100%;max-width:none;margin-inline:auto}.wl-join-row{flex-direction:column}.wl-join-submit{width:100%}}