.wait{max-width:720px}.wait [hidden]{display:none}.wait-lead{color:#fff4dc;margin:0;font-size:24px}.wait-count{color:#ffe7a8;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:22px}.wait-card{color:var(--ink);gap:18px;display:grid}.wait-card h2{margin:0;font-size:34px}.wait-card p{margin:0}.tasks{gap:16px;margin:0;padding:0;list-style:none;display:grid}.task{gap:8px;display:grid}.task-head{align-items:center;gap:12px;display:flex}.task-no{border:3px solid var(--ink);background:var(--sand);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:22px;display:grid}.task-name{flex:1;font-size:26px;font-weight:400}.task-go{flex:none;padding:6px 14px 10px;font-size:18px}.task-field{position:relative}.task-tip{margin-top:-4px}.wait input{box-sizing:border-box;width:100%;font:inherit;color:var(--ink);background:var(--cream);border:3px solid var(--ink);border-radius:8px;padding:8px 48px 10px 12px;font-size:20px}.wait input:focus{outline:3px solid var(--amber);outline-offset:1px}.mark-box{box-sizing:border-box;width:22px;height:22px;margin-top:-11px;position:absolute;top:50%;right:12px}.task[data-state=checking] .mark-box{border:4px solid var(--cream-dark);border-top-color:var(--wax);border-radius:50%;animation:.8s linear infinite wait-turn}.task[data-state=done] .mark-box{border:solid var(--leaf);border-width:0 5px 5px 0;width:12px;height:22px;margin-top:-14px;transform:rotate(45deg)}.task[data-state=done] input{border-color:var(--leaf-dark);background:#eef5df}.task[data-state=bad] input{border-color:var(--rose)}@keyframes wait-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.task[data-state=checking] .mark-box{animation-duration:2.4s}}.wallet{gap:6px;display:grid}.wallet .connect{justify-self:start}.wallet-on{border:3px solid var(--leaf-dark);background:#eef5df;border-radius:8px;margin:0;padding:8px 12px 10px;font-size:20px}.wait small{color:var(--muted);font-size:18px}.wait .bad{color:var(--rose);margin:0;font-size:18px}.join{justify-self:start}.human{justify-self:start;max-width:100%;min-height:65px}.wait-place{color:var(--leaf-dark);margin:0;font-size:40px}.wait-closed{color:#ffe7a8;margin:0;font-size:26px}@media (width<=520px){.task-head{flex-wrap:wrap}.task-name{font-size:23px}.join{justify-self:stretch}}.wallet .agree{cursor:pointer;align-items:center;gap:10px;display:flex}.wallet .agree input{accent-color:#5f8f4a;width:20px;height:20px}.wallet .terms-link{color:inherit;font-size:18px}