:root{color:#172033;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f6fa;font-family:system-ui,sans-serif}body{margin:0;padding:24px}main{background:#fff;border-radius:12px;max-width:420px;margin:8vh auto;padding:28px;box-shadow:0 4px 24px #17203314}label{margin:16px 0;display:block}input,select,button{font:inherit;box-sizing:border-box;border:1px solid #718096;border-radius:6px;width:100%;padding:12px}button{color:#fff;cursor:pointer;background:#163e7a;margin-top:12px}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline-offset:3px;outline:3px solid #3176de}code{overflow-wrap:anywhere;background:#edf2fa;padding:12px;display:block}#status{line-height:1.5}a{color:#163e7a;margin-top:20px;display:block}@media (width<=480px){body{padding:12px}main{margin:16px auto;padding:20px}}select{width:100%;font:inherit;margin:.4rem 0 1rem;padding:.65rem;display:block}select:focus-visible{outline-offset:2px;outline:3px solid #2563eb}