@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.pn-demo-root{--pn-bg:#0c0a14;--pn-surface:#17141f;--pn-surface-2:#201b2d;--pn-line:#f6f4ff1f;--pn-text:#f6f4ff;--pn-muted:#f6f4ff9e;--pn-faint:#f6f4ff6b;--pn-purple:#8b5cf6;--pn-purple-light:#a78bfa;--pn-purple-deep:#6d28d9;--pn-grad:linear-gradient(135deg, #8b5cf6, #a78bfa);--pn-paper:#fff;--pn-ink:#202124;--pn-ink-soft:#5f6368;--pn-rule:#dadce0;--pn-tint:#f1f3f4;--pn-green:#188038;--pn-font:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif}.pn-demo-overlay{--pn-bg:#0c0a14;--pn-surface:#17141f;--pn-surface-2:#201b2d;--pn-line:#f6f4ff1f;--pn-text:#f6f4ff;--pn-muted:#f6f4ff9e;--pn-faint:#f6f4ff6b;--pn-purple:#8b5cf6;--pn-purple-light:#a78bfa;--pn-purple-deep:#6d28d9;--pn-grad:linear-gradient(135deg, #8b5cf6, #a78bfa);--pn-paper:#fff;--pn-ink:#202124;--pn-ink-soft:#5f6368;--pn-rule:#dadce0;--pn-tint:#f1f3f4;--pn-green:#188038;--pn-font:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;font-family:var(--pn-font);color:var(--pn-text)}.pn-demo-root *,.pn-demo-overlay *{box-sizing:border-box}.pn-demo-root h1,.pn-demo-root h2,.pn-demo-root h3,.pn-demo-root h4,.pn-demo-overlay h1,.pn-demo-overlay h2,.pn-demo-overlay h3,.pn-demo-overlay h4{font-family:var(--pn-font);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.14}.pn-demo-root p,.pn-demo-overlay p{margin:0}.pn-demo-root a,.pn-demo-overlay a{color:var(--pn-purple-light);text-decoration:none}.pn-demo-root a:hover,.pn-demo-overlay a:hover{color:var(--pn-purple);text-decoration:underline}.pn-demo-root :focus-visible,.pn-demo-overlay :focus-visible{outline:2px solid var(--pn-purple-light);outline-offset:2px}.pn-demo-root ::selection{background:#8b5cf659}.pn-demo-overlay ::selection{background:#8b5cf659}.pn-hover-soft:hover{background:#8b5cf638!important}.pn-hover-tint:hover{background:#8b5cf62e!important}.pn-hover-slot:hover{background:#8b5cf633!important;border-color:#8b5cf68c!important}.pn-hover-bright:hover{filter:brightness(1.08)}.pn-hover-ghost:hover{background:#f6f4ff14!important}@keyframes pn-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pn-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes pn-row{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes pn-ev{0%{opacity:0;transform:translateY(-6px)scaleY(.82)}to{opacity:1;transform:none}}@keyframes pn-toast{0%{opacity:0;transform:translateY(-10px)}12%{opacity:1;transform:none}82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}@keyframes pn-check{0%{opacity:0;transform:scale(.4)rotate(-12deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pn-demo-root *,.pn-demo-root :before,.pn-demo-root :after,.pn-demo-overlay *,.pn-demo-overlay :before,.pn-demo-overlay :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}