.fmenu{--fm-background: oklch(1 0 0);--fm-foreground: oklch(0% 0 0);--fm-primary: oklch(0% 0 0);--fm-primary-foreground: oklch(.985 0 0);--fm-accent: oklch(.97 0 0);--fm-accent-foreground: oklch(.205 0 0);--fm-muted: oklch(.97 0 0);--fm-border: oklch(.922 0 0);--fm-ring: oklch(.708 0 0);--fm-brand: rgb(255, 61, 9);--fm-radius: .5rem;--fm-sticky-top: 104px;--fm-ease: cubic-bezier(.4, 0, .2, 1);width:32px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;font-family:Geist,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--fm-foreground)}.dark .fmenu,.fmenu.dark{--fm-background: oklch(.145 0 0);--fm-foreground: oklch(.985 0 0);--fm-primary: oklch(.922 0 0);--fm-primary-foreground: oklch(.205 0 0);--fm-accent: oklch(.371 0 0);--fm-accent-foreground: oklch(.985 0 0);--fm-muted: oklch(.269 0 0);--fm-border: oklch(1 0 0 / 10%);--fm-ring: oklch(.556 0 0)}.fm-stick{position:sticky;top:var(--fm-sticky-top);display:flex;flex-direction:column;gap:12px;z-index:15}.fm-grp{display:flex;flex-direction:column;gap:4px}.fm-separator{flex-shrink:0;height:1px;width:100%;background:var(--fm-border)}.fm-body{display:grid;grid-template-rows:1fr;opacity:1;margin-top:0;transition:grid-template-rows .3s var(--fm-ease),opacity .25s ease,margin-top .3s var(--fm-ease)}.fm-body[data-open=false]{grid-template-rows:0fr;opacity:0;margin-top:-12px;pointer-events:none}.fm-inner{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:12px}.fm-body[data-open=true] .fm-inner{animation:fm-vis 0s .3s forwards}@keyframes fm-vis{to{overflow:visible}}.fm-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;border:1px solid transparent;border-radius:var(--fm-radius);background:transparent;color:var(--fm-foreground);cursor:pointer;outline:none;font:inherit;transition:background-color .15s,color .15s}.fm-btn svg{width:1rem;height:1rem;pointer-events:none;flex-shrink:0}.fm-btn[data-variant=ghost]:hover{background:var(--fm-accent);color:var(--fm-accent-foreground)}.fm-btn[data-variant=ghost]:active{background:var(--fm-muted);color:var(--fm-foreground)}.fm-btn:focus-visible{outline:2px solid var(--fm-ring);outline-offset:1px}.fm-btn[data-variant=default]{background:var(--fm-primary);color:var(--fm-primary-foreground)}.fm-btn[data-variant=default]:hover{background:color-mix(in oklab,var(--fm-primary) 90%,transparent)}.fm-toggle svg{transition:transform .6s var(--fm-ease);transform:rotate(0)}.fm-toggle[data-open=true] svg{transform:rotate(180deg)}.fm-like[data-on=true],.fm-like[data-on=true]:hover{color:var(--fm-brand)}.fm-like[data-on=true] svg{fill:var(--fm-brand);stroke:var(--fm-brand)}.fm-like[data-on=true] svg path:last-child{stroke:var(--fm-background);stroke-width:1.5;stroke-linecap:butt}.fm-tooltip-anchor{position:relative;display:inline-flex}.fm-tooltip{position:absolute;z-index:50;width:max-content;max-width:20rem;border-radius:var(--fm-radius);background:var(--fm-foreground);color:var(--fm-background);padding:.375rem .75rem;font-size:.75rem;line-height:1rem;pointer-events:none;animation:fm-zoom-in .15s cubic-bezier(0,0,.2,1)}.fm-tooltip:after{content:"";position:absolute;width:.625rem;height:.625rem;background:var(--fm-foreground);border-radius:2px;transform:rotate(45deg)}.fm-tooltip[data-side=right]{left:calc(100% + 6px);top:50%;translate:0 -50%}.fm-tooltip[data-side=right]:after{top:calc(50% - .3125rem);left:-.25rem}@keyframes fm-zoom-in{0%{opacity:0;transform:scale(.95)}}@media (prefers-reduced-motion: reduce){.fm-body,.fm-toggle svg,.fm-tooltip{transition:none;animation:none}.fm-body[data-open=true] .fm-inner{overflow:visible}}*{box-sizing:border-box}html,body{margin:0}.demo{--bg: #fff;--fg: #000;--border: oklch(.922 0 0);min-height:100vh;display:grid;place-items:center;padding:48px 16px;background:var(--bg);color:var(--fg);font-family:Geist,ui-sans-serif,system-ui,sans-serif;transition:background-color .2s}.demo.dark{--bg: oklch(.145 0 0);--fg: oklch(.985 0 0);--border: oklch(1 0 0 / 10%)}.demo .fmenu{--fm-sticky-top: 0}.theme{position:fixed;top:16px;right:16px;font:500 13px/1 inherit;font-family:inherit;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--fg);cursor:pointer}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,8px);opacity:0;padding:8px 14px;border-radius:8px;font-size:13px;background:var(--fg);color:var(--bg);transition:opacity .2s,transform .2s;pointer-events:none}.toast[data-on=true]{opacity:1;transform:translate(-50%)}