.l2-demo{box-sizing:border-box;width:min(560px,100% - 32px);max-width:none;max-height:none;color:var(--ink);font-family:var(--font);background:0 0;border:0;margin:auto;padding:0}.l2-demo::backdrop{background:#1116}html:has(.l2-demo[open]){scrollbar-gutter:stable;overflow:hidden}.l2-demo[open]{opacity:1;transition:opacity .25s,transform .25s;transform:translateY(0)}.l2-demo[open]::backdrop{transition:background .25s}@starting-style{.l2-demo[open]{opacity:0;transform:translateY(12px)}.l2-demo[open]::backdrop{background:#1110}}@media (prefers-reduced-motion:reduce){.l2-demo[open],.l2-demo[open]::backdrop{transition:none}}.l2-demo-card{box-sizing:border-box;border-radius:var(--r-btn);border:1px solid var(--border);background:#fff;max-height:calc(100dvh - 32px);padding:40px;position:relative;overflow-y:auto;box-shadow:0 24px 48px #11111129}.l2-demo-close{width:40px;padding:0;position:absolute;top:16px;right:16px}.l2-demo-head{flex-direction:column;gap:12px;margin-bottom:32px;padding-right:48px;display:flex}.l2-demo-title{letter-spacing:-.04em;color:var(--ink);margin:0;font-size:32px;font-weight:500;line-height:1.3}.l2-demo-sub{color:var(--text-3);margin:0;font-size:16px;font-weight:400;line-height:1.5}.l2-demo-form{flex-direction:column;gap:24px;display:flex}.l2-demo-fields{border:0;flex-direction:column;gap:20px;min-width:0;margin:0;padding:0;display:flex}.l2-demo-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.l2-demo-field{flex-direction:column;gap:8px;min-width:0;display:flex}.l2-demo-label{color:var(--ink);font-size:14px;font-weight:500;line-height:1.5}.l2-demo-input{box-sizing:border-box;border-radius:var(--r-btn);border:1px solid var(--border-btn);width:100%;height:48px;font-family:var(--font);color:var(--ink);background:#fff;outline:none;padding:0 16px;font-size:16px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.l2-demo-input::placeholder{color:var(--text-3)}.l2-demo-input:focus-visible{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-20)}.l2-demo-input.is-invalid{border-color:#dc2626}.l2-demo-input.is-invalid:focus-visible{box-shadow:0 0 0 3px #dc262633}.l2-demo-fields:disabled .l2-demo-input{opacity:.5}.l2-demo-interests{border:0;min-width:0;margin:0;padding:0}.l2-demo-interests legend{margin-bottom:8px;padding:0}.l2-demo-chips{flex-wrap:wrap;gap:8px;display:flex}.l2-demo-chip{border-radius:var(--r-pill);border:1px solid var(--border-btn);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;align-items:center;padding:7px 14px;font-size:14px;line-height:1.5;transition:border-color .2s,background .2s,box-shadow .2s;display:inline-flex;position:relative}.l2-demo-chip input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.l2-demo-chip:hover{border-color:var(--purple)}.l2-demo-chip:has(input:focus-visible){border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-20)}.l2-demo-chip:has(input:checked){border-color:var(--purple);background:var(--purple-10)}.l2-demo-interests .l2-demo-error{margin-top:8px}.l2-demo-fields:disabled .l2-demo-chip{opacity:.5;cursor:default}.l2-demo-error{color:#dc2626;margin:0;font-size:14px;line-height:1.5}.l2-demo-error--form{border-radius:var(--r-btn);background:#dc26260f;border:1px solid #dc262633;padding:12px 16px}.l2-demo-submit{width:100%}.l2-demo-submit:disabled{opacity:.5;cursor:default}.l2-demo-success{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 0 8px;display:flex}.l2-demo-success .l2-demo-sub{max-width:400px}.l2-demo-success-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}@media (max-width:639px){.l2-demo{width:calc(100% - 24px)}.l2-demo-card{max-height:calc(100dvh - 24px);padding:24px}.l2-demo-close{top:12px;right:12px}.l2-demo-head{margin-bottom:24px}.l2-demo-title{font-size:28px}.l2-demo-success-actions{flex-direction:column;align-self:stretch}.l2-demo-success-actions .l2-btn{width:100%}}