/* Belong's email field, scoped to the Foundation invitation. */
.foundation-belong{width:100%;max-width:640px;margin:38px auto 0;text-align:center;color:#f2f0eb}
.foundation-belong .foundation-belong-form{display:block;position:relative;margin:0;width:100%}
.foundation-belong .foundation-belong-form>input{box-sizing:border-box;width:100%;min-width:0;height:78px;padding:18px 90px 18px 24px;font:22px var(--font-sans,Arial),sans-serif;color:#f2f0eb;background:#222;border:1px solid #797184;border-radius:16px}
.foundation-belong .foundation-belong-form>input::placeholder{color:#aba8b2;opacity:1}
.foundation-belong .foundation-belong-form>input:focus{border-color:#b8adf2;outline:0;box-shadow:0 0 0 1px #b8adf2}
.foundation-belong .foundation-belong-arrow{position:absolute;top:10px;right:10px;width:58px;height:58px;padding:0;display:grid;place-items:center;border:0;border-radius:12px;background:#b8adf2;color:#191919;font-family:inherit;line-height:1;cursor:pointer;font-size:30px}
.foundation-belong .foundation-belong-arrow:hover{background:#ccc4fa}
.foundation-belong button:disabled{opacity:.45;cursor:default}
.foundation-belong button:focus-visible{outline:2px solid #b8adf2;outline-offset:4px}
.foundation-belong .foundation-belong-helper,.foundation-belong .foundation-belong-status{margin:22px 0 0;color:#aaa;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.foundation-belong .foundation-belong-status{color:#f3b7ae}
.foundation-belong .foundation-belong-status:empty,.foundation-belong .foundation-belong-helper:empty{display:none}
.foundation-belong .foundation-belong-welcome{font-size:24px;line-height:1.4;margin:0}
.foundation-belong .foundation-belong-welcome:focus{outline:none}
.foundation-belong .foundation-belong-form.is-code{display:flex;align-items:center;gap:24px;max-width:520px;margin:24px auto 0}
.foundation-belong .is-code .foundation-belong-arrow{position:static;flex:0 0 58px}
.foundation-code-box{flex:1;min-width:0;position:relative;height:92px}
.foundation-code-box input{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:.01;cursor:text;caret-color:transparent;font-size:22px}
.foundation-code-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;height:100%;pointer-events:none}
.foundation-code-cells span{display:grid;place-items:center;border:1px solid #65616b;border-radius:14px;font-size:34px;font-weight:700}
.foundation-code-cells span.is-active{border:2px solid #b8adf2;background:#b8adf20a}
.foundation-belong-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:24px}
.foundation-belong-actions button{border:0;background:none;color:#bbb;font:inherit;font-size:15px;padding:6px;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
@media(max-width:600px){
 .foundation-belong .foundation-belong-form>input{height:70px;padding-left:18px;font-size:18px}
 .foundation-belong .foundation-belong-arrow{width:50px;height:50px;font-size:27px}
 .foundation-belong .foundation-belong-form.is-code{gap:14px}
 .foundation-belong .is-code .foundation-belong-arrow{flex-basis:44px;width:44px;height:48px}
 .foundation-code-box{height:72px}.foundation-code-cells{gap:8px}.foundation-code-cells span{border-radius:11px;font-size:28px}
 .foundation-belong-actions{gap:14px}.foundation-belong-actions button{font-size:14px}
}