.react-demo{border:1px solid rgba(255,255,255,.08);border-radius:.75rem;overflow:hidden;margin:1.5rem 0;background:#0c0c0f}.react-demo-chrome{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;background:#18181b;border-bottom:1px solid rgba(255,255,255,.06)}.react-demo-dots{display:flex;gap:.375rem}.react-demo-dots .dot{width:.5rem;height:.5rem;border-radius:50%}.react-demo-dots .red{background:#ef444499}.react-demo-dots .yellow{background:#eab30899}.react-demo-dots .green{background:#22c55e99}.react-demo-filename{font-size:.6875rem;font-family:JetBrains Mono,monospace;color:#71717a}.react-demo-badge{font-size:.5625rem;font-weight:700;color:#f472b6;background:#ec48991a;padding:.125rem .5rem;border-radius:9999px;letter-spacing:.05em}.react-demo-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto;scrollbar-width:none}.react-demo-tabs::-webkit-scrollbar{display:none}.react-demo-tab{padding:.625rem 1rem;font-size:.75rem;font-weight:500;color:#71717a;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s;font-family:inherit}.react-demo-tab:hover{color:#a1a1aa}.react-demo-tab.active{color:#fafafa;border-bottom-color:#ec4899}.react-demo-content{padding:1.25rem}.react-demo-panel{display:none}.react-demo-panel.active{display:block}.react-demo-hint{font-size:.6875rem;color:#52525b;text-align:center;margin:1rem 0 0}.react-demo-section-label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#71717a;margin-bottom:.75rem}.react-demo-sub-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.04)}.react-demo-sub-section:last-of-type{border-bottom:none;margin-bottom:.5rem;padding-bottom:0}.react-demo-code-line{margin-top:.75rem;padding:.5rem .75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.375rem;font-size:.6875rem;font-family:JetBrains Mono,monospace;color:#a1a1aa;overflow-x:auto}.react-demo-code-line code{background:none;padding:0;font-size:inherit;color:inherit}.react-demo-hl-var{color:#f472b6}.react-demo-hl-val{color:#fbbf24}.react-demo-hl-fn{color:#67e8f9}.react-demo-hl-dep{color:#a78bfa}.react-demo-split{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.react-demo-tree-area{padding-right:.75rem}.react-demo-tree{padding-left:0}.react-demo-tree-node{margin-bottom:.25rem;cursor:pointer}.react-demo-pill{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.6875rem;font-weight:600;color:#a1a1aa;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:color .2s ease,background .2s ease,border-color .2s ease;user-select:none}.react-demo-pill:hover{border-color:#ec48994d;color:#d4d4d8}.react-demo-pill.active{color:#f472b6;background:#ec48991a;border-color:#ec48994d}.react-demo-tree-children,.react-demo-tree-children.nested{padding-left:1.25rem}.react-demo-tree-branch{position:relative;margin-bottom:.25rem}.react-demo-tree-line{position:absolute;left:-.75rem;top:0;width:.75rem;height:.8rem;border-left:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);border-bottom-left-radius:.25rem}.react-demo-preview-area{padding-left:.75rem;border-left:1px solid rgba(255,255,255,.06)}.react-demo-mini-preview{border:1px solid rgba(255,255,255,.08);border-radius:.5rem;overflow:hidden;background:#ffffff05}.react-demo-rendered{transition:box-shadow .25s ease,background .25s ease,border-color .25s ease}.react-demo-rendered.app{padding:.25rem}.react-demo-rendered.header{padding:.5rem .625rem;background:#ffffff08;font-size:.625rem;font-weight:600;color:#71717a;border-bottom:1px solid rgba(255,255,255,.04)}.react-demo-rendered.main{display:flex;gap:.375rem;padding:.5rem}.react-demo-rendered.card{flex:1;padding:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:.375rem;text-align:center}.react-demo-rendered .card-title{display:block;font-size:.625rem;font-weight:700;color:#d4d4d8}.react-demo-rendered .card-subtitle{display:block;font-size:.5rem;font-family:JetBrains Mono,monospace;color:#52525b;margin-top:.125rem}.react-demo-rendered.footer{padding:.375rem .625rem;background:#ffffff05;font-size:.5625rem;color:#52525b;border-top:1px solid rgba(255,255,255,.04);text-align:center}.react-demo-rendered.highlighted{box-shadow:inset 0 0 0 2px #ec489980;border-radius:.375rem;background:#ec48990d}.react-demo-props-display{margin-top:.5rem;text-align:center;font-size:.6875rem;font-family:JetBrains Mono,monospace;color:#71717a;min-height:1.5rem}.react-demo-props-display code{background:#ec489914;padding:.125rem .5rem;border-radius:.25rem;color:#f472b6;font-size:.625rem}.react-demo-counter-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.5rem;transition:box-shadow .3s ease}.react-demo-counter-wrap.flash{box-shadow:inset 0 0 0 2px #ec489980,0 0 20px #ec48991a}.react-demo-counter-display{font-size:3rem;font-weight:800;color:#fafafa;font-variant-numeric:tabular-nums;line-height:1}.react-demo-counter-btns{display:flex;gap:.5rem}.react-demo-ctrl-btn{padding:.5rem 1rem;min-height:2.75rem;font-size:.75rem;font-weight:600;color:#f472b6;background:#ec48991a;border:1px solid rgba(236,72,153,.2);border-radius:.375rem;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.react-demo-ctrl-btn:hover{background:#ec489933;border-color:#ec48994d}.react-demo-ctrl-btn.reset{color:#a1a1aa;background:#ffffff0d;border-color:#ffffff1a}.react-demo-ctrl-btn.reset:hover{background:#ffffff14}.react-demo-color-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem}.react-demo-color-box{width:5rem;height:5rem;border-radius:.75rem;transition:background-color .3s ease,box-shadow .3s ease;border:2px solid transparent}.react-demo-color-box.flash{box-shadow:0 0 0 3px #ec489966}.react-demo-color-btns{display:flex;gap:.5rem}.react-demo-color-btn{width:2rem;height:2rem;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .2s ease}.react-demo-color-btn:hover{transform:scale(1.15)}.react-demo-color-btn.active{border-color:#fff;transform:scale(1.15)}.react-demo-timer-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem}.react-demo-timer-display{font-size:2rem;font-weight:800;color:#fafafa;font-variant-numeric:tabular-nums}.react-demo-storage-wrap{display:flex;flex-direction:column;gap:.5rem}.react-demo-storage-row{display:flex;align-items:center;gap:.5rem}.react-demo-text-input{flex:1;padding:.5rem .75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.375rem;color:#fafafa;font-size:.8125rem;font-family:inherit;outline:none;transition:border-color .2s ease}.react-demo-text-input:focus{border-color:#ec489966}.react-demo-text-input::placeholder{color:#52525b}.react-demo-saved-badge{font-size:.625rem;font-weight:700;color:#34d399;opacity:0;transition:opacity .2s ease;white-space:nowrap}.react-demo-saved-badge.show{opacity:1}.react-demo-mount-wrap{display:flex;flex-direction:column;gap:.5rem}.react-demo-ctrl-btn.mount-btn{align-self:flex-start}.react-demo-mounted-box{padding:.75rem 1rem;background:#ec489914;border:1px solid rgba(236,72,153,.2);border-radius:.375rem;color:#f472b6;font-size:.8125rem;font-weight:600;text-align:center;animation:react-demo-mount-in .3s ease-out}@keyframes react-demo-mount-in{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.react-demo-console{background:#111114;border:1px solid rgba(255,255,255,.06);border-radius:.375rem;padding:.5rem .75rem;max-height:7rem;overflow-y:auto;font-family:JetBrains Mono,monospace;font-size:.625rem}.react-demo-console-line{padding:.125rem 0;color:#a1a1aa}.react-demo-console-line.mount{color:#34d399}.react-demo-console-line.unmount{color:#f87171}.react-demo-console-line.muted{color:#3f3f46}.react-demo-dep-ref{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.react-demo-dep-item{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.375rem}.react-demo-dep-code{font-family:JetBrains Mono,monospace;font-size:.625rem;color:#a78bfa;background:#a78bfa1a;padding:.0625rem .375rem;border-radius:.25rem}.react-demo-dep-desc{font-size:.625rem;color:#71717a}.react-demo-memo-wrap{display:flex;flex-direction:column;gap:.75rem}.react-demo-memo-filters{display:flex;gap:.625rem;align-items:center;flex-wrap:wrap}.react-demo-memo-filters .memo-filter-input{flex:1;min-width:120px}.react-demo-memo-cats{display:flex;gap:.25rem}.react-demo-cat-btn{padding:.3125rem .75rem;font-size:.6875rem;font-weight:600;color:#71717a;background:none;border:1px solid rgba(255,255,255,.08);border-radius:9999px;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease;font-family:inherit}.react-demo-cat-btn:hover{color:#a1a1aa;border-color:#ffffff26}.react-demo-cat-btn.active{color:#f472b6;background:#ec48991a;border-color:#ec48994d}.react-demo-memo-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.375rem;min-height:3rem}.react-demo-memo-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:.375rem;transition:opacity .2s ease,transform .2s ease}.react-demo-memo-item .item-emoji{font-size:1rem}.react-demo-memo-item .item-name{font-size:.75rem;font-weight:600;color:#d4d4d8}.react-demo-memo-item .item-cat{font-size:.5625rem;color:#52525b;margin-left:auto;font-family:JetBrains Mono,monospace}.react-demo-memo-empty{grid-column:1 / -1;text-align:center;padding:1.5rem;color:#3f3f46;font-size:.75rem}.react-demo-render-counts{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.react-demo-render-count-box{flex:1;min-width:200px;padding:.75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.5rem}.react-demo-render-label{font-size:.625rem;color:#52525b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.react-demo-render-numbers{display:flex;gap:1.5rem}.react-demo-render-col{display:flex;flex-direction:column;align-items:center;gap:.25rem}.react-demo-render-num{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}.react-demo-render-num.with-memo{color:#34d399}.react-demo-render-num.without-memo{color:#f87171}.react-demo-render-tag{font-size:.5625rem;font-weight:700;padding:.0625rem .375rem;border-radius:9999px}.react-demo-render-tag.good{color:#34d399;background:#34d3991a}.react-demo-render-tag.bad{color:#f87171;background:#ef44441a}.react-demo-memo-toggle-wrap{display:flex;align-items:center}.react-demo-toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.75rem;color:#a1a1aa;user-select:none}.react-demo-toggle-label input{display:none}.react-demo-toggle-slider{width:2.25rem;height:1.25rem;background:#ffffff1a;border-radius:9999px;position:relative;transition:background .2s ease;flex-shrink:0}.react-demo-toggle-slider:after{content:"";position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;background:#52525b;border-radius:50%;transition:transform .2s ease,background .2s ease}.react-demo-toggle-label input:checked+.react-demo-toggle-slider{background:#ec48994d}.react-demo-toggle-label input:checked+.react-demo-toggle-slider:after{transform:translate(1rem);background:#ec4899}.react-demo-tabs{position:relative}.react-demo-tabs:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2rem;background:linear-gradient(to right,transparent,#0c0c0f);pointer-events:none}@media(prefers-reduced-motion:reduce){.react-demo *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:540px){.react-demo-split{grid-template-columns:1fr}.react-demo-preview-area{border-left:none;padding-left:0;border-top:1px solid rgba(255,255,255,.06);padding-top:.75rem}.react-demo-memo-list{grid-template-columns:1fr}.react-demo-memo-filters{flex-direction:column;align-items:stretch}.react-demo-render-numbers{gap:.75rem}.react-demo-dep-ref,.react-demo-render-counts{flex-direction:column}}.react-inline-component-demo{position:relative;border:1px solid var(--demo-border, rgba(255,255,255,.08));border-radius:.5rem;background:var(--demo-bg, #0c0c0f);padding:1rem;margin:1rem 0}.react-inline-label{position:absolute;top:.5rem;right:.625rem;font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--demo-text-faint, #52525b)}.react-inline-hint{text-align:center;font-size:.5625rem;color:#3f3f46;margin-top:.5rem}.react-inline-component-split{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.react-inline-component-tree{padding-right:.5rem}.react-inline-tree-title,.react-inline-render-title{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--demo-text-faint, #52525b);margin-bottom:.5rem}.react-inline-tree-node{cursor:pointer;margin-bottom:.25rem}.react-inline-tree-children{padding-left:.75rem}.react-inline-tree-branch{display:flex;align-items:center;gap:.25rem;margin-bottom:.25rem;cursor:pointer}.react-inline-tree-connector{font-family:Geist Mono,monospace;font-size:.625rem;color:#3f3f46;flex-shrink:0}.react-inline-tree-pill{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:600;color:var(--demo-text-secondary, #a1a1aa);background:#ffffff0a;border:1px solid var(--demo-border, rgba(255,255,255,.08));transition:all .2s ease;user-select:none}.react-inline-tree-pill.active{color:#f472b6;background:#ec48991a;border-color:#ec48994d}.react-inline-tree-prop{font-family:Geist Mono,monospace;font-size:.5rem;color:var(--demo-text-muted, #71717a)}.react-inline-component-output{padding-left:.5rem;border-left:1px solid var(--demo-border, rgba(255,255,255,.08))}.react-inline-render-frame{border:1px solid var(--demo-border, rgba(255,255,255,.08));border-radius:.375rem;overflow:hidden;background:var(--demo-bg-surface, rgba(255,255,255,.02))}.react-inline-render-el{transition:box-shadow .2s ease,background .2s ease}.react-inline-render-el.highlighted{box-shadow:inset 0 0 0 2px #ec489980;background:#ec48990d}.react-inline-render-el.header-el{padding:.375rem .5rem;font-size:.625rem;font-weight:700;color:var(--demo-text-secondary, #a1a1aa);background:var(--demo-bg-surface, rgba(255,255,255,.02));border-bottom:1px solid rgba(255,255,255,.04)}.react-inline-render-el.app-el{display:flex;gap:.375rem;padding:.375rem}.react-inline-render-card{flex:1;padding:.375rem;background:var(--demo-bg-surface, rgba(255,255,255,.02));border:1px solid var(--demo-border, rgba(255,255,255,.08));border-radius:.25rem;text-align:center;transition:box-shadow .2s ease,background .2s ease}.react-inline-render-card.highlighted{box-shadow:inset 0 0 0 2px #ec489980;background:#ec48990d}.react-inline-card-icon{font-size:.875rem;line-height:1;margin-bottom:.125rem}.react-inline-card-title{font-size:.5625rem;font-weight:700;color:#d4d4d8}.react-inline-component-jsx{margin-top:.375rem;text-align:center}.react-inline-component-jsx code{font-family:Geist Mono,monospace;font-size:.5625rem;color:#f472b6;background:#ec489914;padding:.0625rem .375rem;border-radius:.25rem}@media(max-width:540px){.react-inline-component-split{grid-template-columns:1fr}.react-inline-component-output{border-left:none;padding-left:0;border-top:1px solid var(--demo-border, rgba(255,255,255,.08));padding-top:.5rem}}.react-inline-usestate-demo{position:relative;border:1px solid var(--demo-border, rgba(255,255,255,.08));border-radius:.5rem;background:var(--demo-bg, #0c0c0f);padding:1rem;margin:1rem 0}.react-inline-usestate-body{display:flex;flex-direction:column;align-items:center;gap:.625rem}.react-inline-usestate-counter{padding:.25rem;transition:box-shadow .3s ease;border-radius:.375rem}.react-inline-usestate-counter.flash{box-shadow:0 0 0 2px #ec489980,0 0 15px #ec48991a}.react-inline-usestate-value{font-size:2.5rem;font-weight:800;color:var(--demo-text, #fafafa);font-variant-numeric:tabular-nums;line-height:1}.react-inline-usestate-btns{display:flex;gap:.375rem}.react-inline-usestate-btn{padding:.375rem .875rem;font-size:.75rem;font-weight:700;border-radius:.375rem;cursor:pointer;border:1px solid;font-family:inherit;transition:background .15s,border-color .15s}.react-inline-usestate-btn.minus,.react-inline-usestate-btn.plus{color:#f472b6;background:#ec48991a;border-color:#ec489933}.react-inline-usestate-btn.minus:hover,.react-inline-usestate-btn.plus:hover{background:#ec489933;border-color:#ec48994d}.react-inline-usestate-btn.reset{color:var(--demo-text-secondary, #a1a1aa);background:var(--demo-bg-hover, rgba(255,255,255,.05));border-color:#ffffff1a}.react-inline-usestate-btn.reset:hover{background:#ffffff14}.react-inline-usestate-history{display:flex;align-items:center;gap:.25rem;font-family:Geist Mono,monospace;font-size:.625rem;color:var(--demo-text-faint, #52525b);min-height:1rem;flex-wrap:wrap;justify-content:center}.react-inline-usestate-history-item{padding:.0625rem .25rem;background:#ffffff0a;border-radius:.125rem}.react-inline-usestate-history-item.current{color:#f472b6;background:#ec48991a}.react-inline-usestate-history-arrow{color:#3f3f46}.react-inline-usestate-code{padding:.375rem .625rem;background:var(--demo-bg-surface, rgba(255,255,255,.02));border:1px solid var(--demo-border, rgba(255,255,255,.08));border-radius:.375rem;font-family:Geist Mono,monospace;font-size:.625rem;color:var(--demo-text-secondary, #a1a1aa)}.react-inline-usestate-code code{background:none;padding:0;font-size:inherit;color:inherit}.react-inline-hl-var{color:#f472b6}.react-inline-hl-val{color:#fbbf24;transition:color .15s}.react-inline-hl-val.flash{color:#f472b6}.react-inline-useeffect-demo{position:relative;border:1px solid var(--demo-border, rgba(255,255,255,.08));border-radius:.5rem;background:var(--demo-bg, #0c0c0f);padding:1rem;margin:1rem 0}.react-inline-useeffect-body{display:flex;flex-direction:column;gap:.75rem}.react-inline-useeffect-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.react-inline-useeffect-section{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.625rem;background:var(--demo-bg-surface, rgba(255,255,255,.02));border:1px solid var(--demo-border, rgba(255,255,255,.08));border-radius:.375rem}.react-inline-useeffect-stitle{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--demo-text-faint, #52525b)}.react-inline-useeffect-timer{font-size:1.75rem;font-weight:800;color:var(--demo-text, #fafafa);font-variant-numeric:tabular-nums;line-height:1}.react-inline-useeffect-input-row{display:flex;align-items:center;gap:.375rem;width:100%}.react-inline-useeffect-input{flex:1;padding:.375rem .5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.25rem;color:var(--demo-text, #fafafa);font-size:.75rem;font-family:inherit;outline:none;transition:border-color .2s;min-width:0}.react-inline-useeffect-input:focus{border-color:#ec489966}.react-inline-useeffect-input::placeholder{color:#3f3f46}.react-inline-useeffect-saved{font-size:.5625rem;font-weight:700;color:#34d399;opacity:0;transition:opacity .2s;white-space:nowrap}.react-inline-useeffect-saved.show{opacity:1}.react-inline-useeffect-depbox{padding:.25rem .5rem;background:var(--demo-bg-surface, rgba(255,255,255,.02));border:1px solid var(--demo-border, rgba(255,255,255,.08));border-radius:.25rem;font-family:Geist Mono,monospace;font-size:.5625rem;color:var(--demo-text-muted, #71717a)}.react-inline-useeffect-depbox code{background:none;padding:0;font-size:inherit;color:inherit}.react-inline-dep-hl{color:#a78bfa;font-weight:700}.react-inline-useeffect-legend{display:flex;gap:.625rem;justify-content:center;flex-wrap:wrap}.react-inline-useeffect-leg-item{font-size:.5625rem;color:var(--demo-text-faint, #52525b);display:flex;align-items:center;gap:.25rem}.react-inline-dep-tag{font-family:Geist Mono,monospace;font-size:.5rem;color:#a78bfa;background:#a78bfa1a;padding:0 .25rem;border-radius:.125rem}@media(max-width:540px){.react-inline-useeffect-row{grid-template-columns:1fr}.react-inline-useeffect-legend{flex-direction:column;align-items:center}}.react-inline-usememo-demo{position:relative;border:1px solid var(--demo-border, rgba(255,255,255,.08));border-radius:.5rem;background:var(--demo-bg, #0c0c0f);padding:1rem;margin:1rem 0}.react-inline-usememo-body{display:flex;flex-direction:column;gap:.5rem}.react-inline-usememo-search{width:100%;padding:.375rem .625rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.375rem;color:var(--demo-text, #fafafa);font-size:.75rem;font-family:inherit;outline:none;transition:border-color .2s;box-sizing:border-box}.react-inline-usememo-search:focus{border-color:#ec489966}.react-inline-usememo-search::placeholder{color:#3f3f46}.react-inline-usememo-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;min-height:2.5rem}.react-inline-usememo-item{display:flex;align-items:center;gap:.25rem;padding:.3125rem .5rem;background:var(--demo-bg-surface, rgba(255,255,255,.02));border:1px solid var(--demo-border, rgba(255,255,255,.08));border-radius:.25rem;font-size:.6875rem;color:#d4d4d8;transition:opacity .15s}.react-inline-usememo-item .memo-emoji{font-size:.75rem}.react-inline-usememo-empty{grid-column:1 / -1;text-align:center;padding:.75rem;color:#3f3f46;font-size:.6875rem}.react-inline-usememo-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.react-inline-usememo-code{padding:.25rem .5rem;background:var(--demo-bg-surface, rgba(255,255,255,.02));border:1px solid var(--demo-border, rgba(255,255,255,.08));border-radius:.25rem;font-family:Geist Mono,monospace;font-size:.5625rem;color:var(--demo-text-muted, #71717a)}.react-inline-usememo-code code{background:none;padding:0;font-size:inherit;color:inherit}.react-inline-usememo-stats{font-size:.5625rem;color:var(--demo-text-faint, #52525b)}.react-inline-usememo-stat strong{font-weight:800;font-variant-numeric:tabular-nums}@media(max-width:540px){.react-inline-usememo-list{grid-template-columns:repeat(2,1fr)}.react-inline-usememo-footer{flex-direction:column;align-items:flex-start}}.react-inline-form-demo{position:relative;border:1px solid var(--demo-border, rgba(255,255,255,.08));border-radius:.5rem;background:var(--demo-bg, #0c0c0f);padding:1rem;margin:1rem 0}.react-inline-form-body{display:flex;flex-direction:column;gap:.5rem}.react-inline-form-fields{display:flex;gap:.375rem;align-items:center;flex-wrap:wrap}.react-inline-form-input{flex:1;min-width:80px;padding:.375rem .5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.25rem;color:var(--demo-text, #fafafa);font-size:.75rem;font-family:inherit;outline:none;transition:border-color .2s;box-sizing:border-box}.react-inline-form-input:focus{border-color:#ec489966}.react-inline-form-input::placeholder{color:#3f3f46}.react-inline-form-submit{padding:.375rem .75rem;font-size:.6875rem;font-weight:700;color:#fff;background:#3b82f6cc;border:1px solid rgba(59,130,246,.4);border-radius:.25rem;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap}.react-inline-form-submit:hover{background:#3b82f6}.react-inline-form-state{padding:.375rem .5rem;background:var(--demo-bg-surface, rgba(255,255,255,.02));border:1px solid var(--demo-border, rgba(255,255,255,.08));border-radius:.25rem;font-family:Geist Mono,monospace;font-size:.5625rem}.react-inline-form-state-title{font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--demo-text-faint, #52525b);margin-bottom:.25rem}.react-inline-form-state-row{display:flex;gap:.25rem;line-height:1.4}.react-inline-form-state-key{color:#f472b6}.react-inline-form-state-val{color:#fbbf24;transition:color .15s;word-break:break-all}.react-inline-form-result{padding:.375rem .5rem;background:#34d39914;border:1px solid rgba(52,211,153,.2);border-radius:.25rem;animation:react-inline-form-fadein .3s ease-out}@keyframes react-inline-form-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.react-inline-form-result-text{font-size:.625rem;color:#34d399;font-family:Geist Mono,monospace}.react-inline-form-code{padding:.25rem .5rem;background:var(--demo-bg-surface, rgba(255,255,255,.02));border:1px solid var(--demo-border, rgba(255,255,255,.08));border-radius:.25rem;font-family:Geist Mono,monospace;font-size:.5625rem;color:var(--demo-text-muted, #71717a)}.react-inline-form-code code{background:none;padding:0;font-size:inherit;color:inherit}@media(max-width:540px){.react-inline-form-fields{flex-direction:column}.react-inline-form-input{width:100%}}