@aiquants/menu-bar 1.22.1 → 1.23.0

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # Changelog
 
+## 1.23.0 (2026-10-31)
+
+### Changed
+
+- **The list's rows are 2.25rem (36px) tall.** Under every pointer, the list's links, the group headings and the links
+  inside a group are 2.25rem tall (one 1.25rem body line with 0.5rem above and below) in place of 2.75rem (44px), and a
+  group heading's pin button is 2.25rem × 2.25rem, so a top-level row (a link or a group heading, with the 0.125rem
+  margin below it) takes 38px of the list instead of 46px, and a link inside a group, which has no margin, takes 36px
+  instead of 44px. The rows stay past the 24px minimum of WCAG 2.5.8 (AA) and no longer reach the 44px of 2.5.5 (AAA);
+  the footer's buttons and the links of `SessionInfo` keep 2.75rem.
+- **The short-viewport threshold is 16.8125rem (269px).** With the shorter rows, the viewport height at or below which
+  the whole drawer scrolls as one (the signed-in `SessionInfo` header, the footer and two rows of the list) falls from
+  17.8125rem.
+
+### Fixed
+
+- **The wheel or a touch drag over the open drawer no longer scrolls the page behind it.** The drawer
+  (`.aiquants-menu-content`) and the list's scroll container (`.aiquants-menu-list-scroller`) declare
+  `overscroll-behavior: contain`, so a scroll the drawer cannot take is no longer handed on to the page: over a list
+  that fits, over the header and the footer, at either end of a list that overflows, and at the ends of the whole
+  drawer on a short viewport. Before, the page scrolled in every one of these, with the drawer overlaid or pinned.
+- **The wheel or a touch drag over the backdrop no longer scrolls the page.** While shown, the backdrop is a scroll
+  container with nothing to scroll (`overflow-hidden`) and `overscroll-behavior: contain`.
+- Where nothing under the pointer can scroll (a list that fits, the header or the footer on a tall viewport, the
+  backdrop), the containment holds in the browsers that treat such a container as a boundary, Chrome/Edge 144+ and
+  Firefox 150+; Safari still scrolls the page there (WebKit bug 243452). At the ends of a list or a drawer that
+  scrolls, every supported browser stops the scroll. The wheel over the switch, which is not part of the drawer, still
+  scrolls the page.
+
+### Documentation
+
+- The README has a "Scroll Containment" key feature and a "Drawer Layout and Scrolling" section: what stays in the
+  drawer, the browsers the containment needs where nothing under the pointer can scroll, and the switch, over which
+  the wheel still scrolls the page. "Browser Support" and "CSS Classes" say the same.
+- The README's `SessionInfo` section says its two links sit side by side, as they have since 1.22.1.
+
 ## 1.22.1 (2026-10-29)
 
 ### Changed

package/README.md

@@ -10,6 +10,7 @@ A React menu bar component with authentication support and theming for modern we
 - **Session Management**: Built-in session information display with user profiles
 - **Pinning**: Keep the drawer open while navigating, with the pinned width exposed as a CSS variable and an event
 - **Accessible**: Named switch with `aria-expanded`, an inert closed drawer, focus that returns to the switch, visible focus rings, reduced-motion and forced-colors support
+- **Scroll Containment**: The wheel or a touch drag over the open drawer, or over the backdrop, does not scroll the page behind it (where nothing under the pointer can scroll, this needs Chrome/Edge 144+ or Firefox 150+; see "Drawer Layout and Scrolling")
 - **Configurable Switch**: Position, size, layering and caption of the open/close switch set through CSS custom properties
 - **TypeScript Support**: Full TypeScript definitions included
 - **React Router Integration**: Built for React Router with generic link component support
@@ -275,11 +276,16 @@ Example — a 44px target (WCAG 2.5.5, AAA), the same under every pointer. Set t
 
 The drawing stays 24px and the box becomes 48 × 48 with 12px of inline padding, at 4px from the top; its focus ring spans 0 to 56px, exactly the band. Anything you lay out beside the switch should reserve the box B rather than the drawing S (for example `max(var(--aqmb-switch-size), var(--aqmb-switch-target-size))`).
 
-Under every pointer (a mouse, a pen or a finger) the drawer's own controls are at least 2.75rem × 2.75rem (44 × 44 px at the default root font size): the footer's pin, theme and sign-out buttons, every link of the list (it fills its row, and the rows have no block padding of their own), the group headings and their pin buttons, and the links of `SessionInfo`.
+## Drawer Layout and Scrolling
 
-The drawer is never taller than the viewport. On a viewport at most 17.8125rem tall (285px at the default font size: the signed-in `SessionInfo` header, the footer and two rows of the list), the header, the list and the footer scroll together as one, so nothing is cut off or out of reach at high zoom (for example 360 × 225 CSS px, a 1440 × 900 window at 400 %); on taller viewports the header and the footer stay in place and only the list scrolls.
+Under every pointer (a mouse, a pen or a finger) the footer's pin, theme and sign-out buttons and the links of `SessionInfo` are at least 2.75rem × 2.75rem (44 × 44 px at the default root font size, the WCAG 2.5.5 target). The list's rows are 2.25rem tall (36px: one 1.25rem body line with 0.5rem above and below, past the 24px minimum of WCAG 2.5.8): every link of the list fills its row (the rows have no block padding of their own), and the group headings, the links inside a group and the group headings' pin buttons (2.25rem × 2.25rem) are as tall.
+
+The drawer is never taller than the viewport. On a viewport at most 16.8125rem tall (269px at the default font size: the signed-in `SessionInfo` header, the footer and two rows of the list), the header, the list and the footer scroll together as one, so nothing is cut off or out of reach at high zoom (for example 360 × 225 CSS px, a 1440 × 900 window at 400 %); on taller viewports the header and the footer stay in place and only the list scrolls.
 The threshold is in rem, so it rises with the browser's default font-size setting as the drawer's parts do. With a header of your own that is taller than `SessionInfo`, the drawer still scrolls as a whole once the header and the footer alone no longer fit.
 
+Scrolling over the drawer stays in the drawer. The drawer and the list's scroll container are boundaries of scroll chaining (`overscroll-behavior: contain`), and so is the backdrop while it is shown (a scroll container with nothing to scroll): the wheel or a touch drag over the open drawer, overlaid or pinned, scrolls the list (on a short viewport, the whole drawer) and stops at its ends instead of moving on to the page behind it, and over the backdrop it scrolls nothing.
+Where nothing under the pointer can scroll (a list that fits, the header or the footer on a tall viewport, the backdrop), this needs a browser that treats a scroll container with nothing to scroll as a boundary: Chrome/Edge 144+ and Firefox 150+ do, Safari does not ([WebKit bug 243452](https://bugs.webkit.org/show_bug.cgi?id=243452)) and scrolls the page there. The switch is not part of the drawer, so the wheel over it scrolls the page.
+
 ## Text Size
 
 The drawer's controls and list rows draw their text on two steps of a type scale, each read from a custom property with the step's default as its fallback. The defaults are in rem, so the text follows page zoom and the browser's root font-size setting.
@@ -303,7 +309,7 @@ The package only reads these properties and never declares them, so a host can b
 ```
 
 The drawer stays 240px wide. At the default sizes the sign-out label (about 78px) fits on one line beside the two 44px buttons with about 5px to spare; with a larger body size, or a root font size above 16px, it wraps inside its button, which grows taller, and above a root of about 23px the footer row wraps and the button takes a line of its own.
-A label of the list longer than its row wraps the same way, even inside an unbreakable word, and its row grows past 2.75rem; the name and the links of `SessionInfo` wrap too, so no label is cut off.
+A label of the list longer than its row wraps the same way, even inside an unbreakable word, and its row grows past 2.25rem; the name and the links of `SessionInfo` wrap too, so no label is cut off.
 
 ## Theming
 
@@ -494,6 +500,7 @@ The main menu bar component that includes:
 - Header slot (`menuHeader`) and navigation menu
 - Pin, theme toggle and sign-out buttons
 - Backdrop that closes the drawer when pressed
+- Scrolling that stays in the drawer, off the page behind the drawer and the backdrop
 - Focus management and current page highlighting
 
 ### SessionInfo
@@ -501,7 +508,7 @@ The main menu bar component that includes:
 A standalone session information component that displays:
 
 - The user's avatar (a default icon when `photo` is empty), display name and a "Google Account" label (at the caption step, see "Text Size"). The name and the label wrap, even inside an unbreakable word, rather than being cut to an ellipsis
-- Two links rendered through the customizable `LinkComponent` (default: `DefaultLink`, a plain `<a>`): a profile link to `/` and a link to `https://myaccount.google.com/`. They are stacked, each a row as wide as the card and at least 2.75rem tall (44px at the default root font size), its label at the body step, wrapping onto more lines (the link growing taller) when a large root font size leaves it too little width
+- Two links rendered through the customizable `LinkComponent` (default: `DefaultLink`, a plain `<a>`): a profile link to `/` and a link to `https://myaccount.google.com/`. They sit side by side, each half the card's inner width and at least 2.75rem tall (44px at the default root font size), its label at the caption step, wrapping onto more lines (the link growing taller) when a large root font size leaves it too little width
 - A "please sign in" card ("ログインしてください") when `user` is `null`
 
 The card carries `data-aqmb-session-card` in both states. Sign-out is not part of `SessionInfo`: it is the drawer's sign-out button, which calls `onClickSignout`.
@@ -534,9 +541,9 @@ Hand-written component classes use the `.aiquants-` prefix (the modifiers are th
 
 - `.aiquants-menu-bar` - Main container (with the theme class `light` or `dark`)
 - `.aiquants-menu-switch` - Open/close switch (`.aiquants-menu-switch-bars`, `.aiquants-menu-switch-bar`, `.aiquants-menu-switch-caption`)
-- `.aiquants-menu-content` - Drawer (never taller than the viewport; it scrolls as a whole on a short one)
+- `.aiquants-menu-content` - Drawer (never taller than the viewport; it scrolls as a whole on a short one, and is a boundary of scroll chaining)
 - `.aiquants-menu-list-region` - The list's region between the drawer's header and footer
-- `.aiquants-menu-list-scroller` - The list's scroll container (`data-aqmb-menu-list`) on a tall viewport
+- `.aiquants-menu-list-scroller` - The list's scroll container (`data-aqmb-menu-list`) on a tall viewport, a boundary of scroll chaining
 - `.aiquants-menu-list-item` - Menu item and group summary
 - `.aiquants-session-card` - Session information card
 
@@ -552,6 +559,8 @@ These classes are a styling contract, not DOM hooks — use the `data-aqmb-*` at
 
 These are the versions Tailwind CSS v4, which builds both stylesheets, targets. The stylesheets also sit in cascade layers, which an older browser drops whole, and the closed drawer and the backdrop rely on the HTML `inert` attribute.
 
+Every one of these versions stops a scroll at the ends of a list or a drawer that scrolls. Keeping the wheel off the page where nothing under the pointer can scroll (a list that fits, the header or the footer, the backdrop) needs Chrome/Edge 144+ or Firefox 150+; Safari and older versions scroll the page there.
+
 ## Development
 
 ```bash

package/dist/index.es.js

@@ -488,7 +488,7 @@ const ct = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 9h18", key: "1pudct" }],
   ["path", { d: "M3 15h18", key: "5xshup" }]
-], ut = E("table", ct), le = "flex min-h-11 flex-1 items-center", dt = "min-h-11 min-w-11", ft = typeof window < "u" ? ye : F, xe = "aiquants-menu-scroll", Ce = new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/), mt = {
+], ut = E("table", ct), le = "flex min-h-9 flex-1 items-center", dt = "min-h-9 min-w-9", ft = typeof window < "u" ? ye : F, xe = "aiquants-menu-scroll", Ce = new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/), mt = {
   report: ve,
   slip: ve,
   table: ut,
@@ -610,7 +610,7 @@ const ct = [
     /* @__PURE__ */ r.jsxs(
       "summary",
       {
-        className: `aiquants-menu-list-item aiquants-menu-accordion-summary relative mb-0.5 ml-1 min-h-11 list-none rounded-l-xl px-2.5 ${$} before:mr-2 before:inline-block before:h-2 before:w-2 before:shrink-0 before:rounded-full before:content-[''] focus-visible:outline-2 focus-visible:outline-current focus-visible:-outline-offset-2 sm:text-sm`,
+        className: `aiquants-menu-list-item aiquants-menu-accordion-summary relative mb-0.5 ml-1 min-h-9 list-none rounded-l-xl px-2.5 ${$} before:mr-2 before:inline-block before:h-2 before:w-2 before:shrink-0 before:rounded-full before:content-[''] focus-visible:outline-2 focus-visible:outline-current focus-visible:-outline-offset-2 sm:text-sm`,
         onClick: (p) => {
           p.preventDefault(), w(c.id);
         },
@@ -702,7 +702,7 @@ const ct = [
       "aria-hidden": "true",
       "data-aqmb-menu-overlay": !0,
       inert: !n,
-      className: `fixed inset-0 z-2147483640 bg-black/50 motion-safe:transition-opacity motion-safe:duration-500 ${n ? "opacity-100" : "pointer-events-none opacity-0"}`,
+      className: `fixed inset-0 z-2147483640 overflow-hidden overscroll-contain bg-black/50 motion-safe:transition-opacity motion-safe:duration-500 ${n ? "opacity-100" : "pointer-events-none opacity-0"}`,
       onMouseDown: gt,
       onClick: a
     }

package/dist/index.umd.js

@@ -3,4 +3,4 @@
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,v,x,q,x),b[x+v]=!0)}if(x=null,m!==void 0&&(a(m),x=""+m),d(i)&&(a(i.key),x=""+i.key),"key"in i){m={};for(var le in i)le!=="key"&&(m[le]=i[le])}else m=i;return x&&f(m,typeof e=="function"?e.displayName||e.name||"Unknown":e),k(e,x,m,l(),X,ce)}function E(e){N(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===V&&(e._payload.status==="fulfilled"?N(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function N(e){return typeof e=="object"&&e!==null&&e.$$typeof===M}var S=c,M=Symbol.for("react.transitional.element"),O=Symbol.for("react.portal"),u=Symbol.for("react.fragment"),p=Symbol.for("react.strict_mode"),C=Symbol.for("react.profiler"),w=Symbol.for("react.consumer"),T=Symbol.for("react.context"),L=Symbol.for("react.forward_ref"),Y=Symbol.for("react.suspense"),se=Symbol.for("react.suspense_list"),oe=Symbol.for("react.memo"),V=Symbol.for("react.lazy"),W=Symbol.for("react.activity"),B=Symbol.for("react.client.reference"),D=S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,R=Object.prototype.hasOwnProperty,ie=Array.isArray,P=console.createTask?console.createTask:function(){return null};S={react_stack_bottom_frame:function(e){return e()}};var Z,J={},A=S.react_stack_bottom_frame.bind(S,o)(),F=P(s(o)),b={};H.Fragment=u,H.jsx=function(e,i,m){var v=1e4>D.recentlyCreatedOwnerStacks++;return _(e,i,m,!1,v?Error("react-stack-top-frame"):A,v?P(s(e)):F)},H.jsxs=function(e,i,m){var v=1e4>D.recentlyCreatedOwnerStacks++;return _(e,i,m,!0,v?Error("react-stack-top-frame"):A,v?P(s(e)):F)}})()),H}var fe;function Te(){return fe||(fe=1,process.env.NODE_ENV==="production"?U.exports=Se():U.exports=Ce()),U.exports}var r=Te();const Me=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Pe=t=>t.replace(/^([A-Z])|[\s-_]+(\w)/g,(n,a,s)=>s?s.toUpperCase():a.toLowerCase()),me=t=>{const n=Pe(t);return n.charAt(0).toUpperCase()+n.slice(1)},he=(...t)=>t.filter((n,a,s)=>!!n&&n.trim()!==""&&s.indexOf(n)===a).join(" ").trim(),Re=t=>{for(const n in t)if(n.startsWith("aria-")||n==="role"||n==="title")return!0};var Ae={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};const Ie=c.forwardRef(({color:t="currentColor",size:n=24,strokeWidth:a=2,absoluteStrokeWidth:s,className:l="",children:o,iconNode:d,...f},h)=>c.createElement("svg",{ref:h,...Ae,width:n,height:n,stroke:t,strokeWidth:s?Number(a)*24/Number(n):a,className:he("lucide",l),...!o&&!Re(f)&&{"aria-hidden":"true"},...f},[...d.map(([k,_])=>c.createElement(k,_)),...Array.isArray(o)?o:[o]]));const j=(t,n)=>{const a=c.forwardRef(({className:s,...l},o)=>c.createElement(Ie,{ref:o,iconNode:n,className:he(`lucide-${Me(me(t))}`,`lucide-${t}`,s),...l}));return a.displayName=me(t),a};const Oe=j("external-link",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]]);const Le=j("user",[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]]),I="text-[length:var(--aqmb-font-size-body,0.8125rem)] leading-[var(--aqmb-line-height-body,1.25rem)]",be="text-[length:var(--aqmb-font-size-caption,0.6875rem)] leading-[var(--aqmb-line-height-caption,1.25rem)]",De="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2NiZDVlMSI+PHBhdGggZD0iTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00eiIvPjwvc3ZnPg==",pe=({to:t,className:n,children:a})=>r.jsx("a",{href:t,className:n,children:a}),ve=`flex min-h-11 items-center justify-center gap-1 rounded-md border border-white/15 bg-white/10 px-1 py-1 font-medium ${be} text-white transition duration-150 hover:bg-white/25 active:scale-95 dark:border-slate-600/50 dark:bg-slate-700/50 dark:text-slate-200 dark:hover:bg-slate-600/80`,qe=t=>{const{user:n,LinkComponent:a=pe}=t;return r.jsx("div",{className:"w-full",children:n?r.jsxs("div",{"data-aqmb-session-card":!0,className:"aiquants-session-card group relative flex flex-col gap-2 rounded-xl border border-white/20 bg-white/10 p-2.5 shadow-sm backdrop-blur-md transition-colors duration-200 hover:border-white/30 hover:bg-white/15 dark:border-slate-700/60 dark:bg-slate-800/60 dark:hover:border-slate-600/80 dark:hover:bg-slate-800/90",children:[r.jsxs("div",{className:"flex min-w-0 items-center gap-2.5",children:[r.jsxs("div",{className:"relative shrink-0",children:[r.jsx("div",{className:"h-8 w-8 overflow-hidden rounded-full border border-white/40 shadow-xs dark:border-slate-500",children:r.jsx("img",{className:"h-full w-full rounded-full object-cover",src:n.photo||De,alt:n.displayName||"user profile"})}),r.jsx("span",{className:"absolute -right-0.5 -bottom-0.5 h-2.5 w-2.5 rounded-full border-2 border-slate-900 bg-emerald-400",title:"Online"})]}),r.jsxs("div",{className:"min-w-0 flex-1 leading-tight",children:[r.jsx("div",{className:"font-semibold text-white text-xs tracking-tight dark:text-slate-100",children:n.displayName}),r.jsx("div",{className:`mt-0.5 font-medium ${be} text-white/75 tracking-tight dark:text-slate-400`,children:"Google Account"})]})]}),r.jsxs("div",{className:"grid grid-cols-2 gap-1.5 border-white/15 border-t pt-1.5 dark:border-slate-700/50",children:[r.jsxs(a,{className:ve,to:"/",children:[r.jsx(Le,{size:11,className:"shrink-0 opacity-80"}),r.jsx("span",{className:"min-w-0 text-center",children:"プロフィール"})]}),r.jsxs(a,{className:ve,to:"https://myaccount.google.com/",children:[r.jsx(Oe,{size:11,className:"shrink-0 opacity-80"}),r.jsx("span",{className:"min-w-0 text-center",children:"Google"})]})]})]}):r.jsx("div",{"data-aqmb-session-card":!0,className:"aiquants-session-card flex items-center justify-between rounded-xl border border-white/20 bg-white/10 p-2.5 shadow-xs dark:border-slate-700/60 dark:bg-slate-800/60",children:r.jsx("span",{className:"font-medium text-white/90 text-xs dark:text-slate-200",children:"ログインしてください"})})})},G="aiquants-menu-pin-change";let g={pinned:!1,width:0,active:!1};const K=(t=240)=>{if(typeof window>"u"||typeof document>"u")return{pinned:!1,width:0,active:!1};try{const n=getComputedStyle(document.documentElement).getPropertyValue("--aiquants-menu-pinned-width").trim();if(n){const d=Number.parseInt(n,10);if(!Number.isNaN(d)){const f=d>0,h=f?d||t:0,k=g.active??f;return g.pinned===f&&g.width===h&&g.active===k||(g={pinned:f,width:h,active:k}),g}}const s=localStorage.getItem("aiquants-menu-pinned")==="true",l=s?t:0,o=g.active??s;return g.pinned===s&&g.width===l&&g.active===o||(g={pinned:s,width:l,active:o}),g}catch{return{pinned:!1,width:0,active:!1}}},$=(t,n,a)=>{if(typeof window>"u")return;const s=a??t,l={pinned:t,width:n,active:s};(g.pinned!==t||g.width!==n||g.active!==s)&&(g=l);const o=new CustomEvent(G,{detail:l,bubbles:!0,cancelable:!1});window.dispatchEvent(o)},xe=(t,n)=>{if(typeof window>"u")return()=>{};const{immediate:a=!0,defaultPinnedWidth:s=240}=n??{};if(a){const o=K(s);t(o)}const l=o=>{const d=o;d.detail&&t(d.detail)};return window.addEventListener(G,l,{passive:!0}),()=>{window.removeEventListener(G,l)}},ze=t=>{const n=t?.defaultPinnedWidth??240,a=t?.initialPinned??!1,s=c.useCallback(d=>xe(()=>{d()},{immediate:!1,defaultPinnedWidth:n}),[n]),l=c.useCallback(()=>K(n),[n]),o=c.useCallback(()=>({pinned:a,width:a?n:0}),[a,n]);return c.useSyncExternalStore(s,l,o)};const He=j("log-out",[["path",{d:"m16 17 5-5-5-5",key:"1bji2h"}],["path",{d:"M21 12H9",key:"dn1m92"}],["path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4",key:"1uf3rs"}]]);const ge=j("pin",[["path",{d:"M12 17v5",key:"bb1du9"}],["path",{d:"M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z",key:"1nkz8b"}]]);const ke=j("pin-off",[["path",{d:"M12 17v5",key:"bb1du9"}],["path",{d:"M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89",key:"znwnzq"}],["path",{d:"m2 2 20 20",key:"1ooewy"}],["path",{d:"M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11",key:"c9qhm2"}]]);const Ye=j("chart-no-axes-column-increasing",[["path",{d:"M5 21v-6",key:"1hz6c0"}],["path",{d:"M12 21V9",key:"uvy0l4"}],["path",{d:"M19 21V3",key:"11j9sm"}]]);const Ve=j("download",[["path",{d:"M12 15V3",key:"m9g1x1"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["path",{d:"m7 10 5 5 5-5",key:"brsn70"}]]);const we=j("file-text",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]]);const We=j("link",[["path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",key:"1cjeqo"}],["path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",key:"19qd67"}]]);const Fe=j("lock",[["rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2",key:"1w4ew1"}],["path",{d:"M7 11V7a5 5 0 0 1 10 0v4",key:"fwvmzm"}]]);const Ue=j("table",[["path",{d:"M12 3v18",key:"108xh3"}],["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M3 9h18",key:"1pudct"}],["path",{d:"M3 15h18",key:"5xshup"}]]),ee="flex min-h-11 flex-1 items-center",Ge="min-h-11 min-w-11",Be=typeof window<"u"?c.useLayoutEffect:c.useEffect,ye="aiquants-menu-scroll",Ne=new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/),Ze={report:we,slip:we,table:Ue,chart:Ye,download:Ve,lock:Fe,href:We},Je=({mark:t,children:n})=>{const a=t?Ze[t]:void 0;return a?r.jsxs("div",{className:"flex flex-nowrap items-center",children:[r.jsx(a,{className:"h-3.5 w-3.5 shrink-0"}),r.jsx("div",{className:"aiquants-menu-link mx-1 hover:underline",children:n})]}):r.jsx("span",{className:"mx-1 text-sky-600 hover:underline dark:text-sky-400",children:n})},te=(t,n)=>n?{menu:{id:t.id,title:t.title,href:t.href},submenu:{subid:n.subid,title:n.title,href:n.href,mark:n.mark,new:n.new}}:{menu:{id:t.id,title:t.title,href:t.href}},Xe=({item:t,parentMenu:n,isCurrent:a,onMenuSelected:s})=>{if(t.href==="separator")return r.jsx("hr",{className:"aiquants-menu-separator mx-2 my-1 h-px"});const l=r.jsx(Je,{mark:t.mark,children:t.title}),o={className:ee,"aria-current":a?"page":void 0,onClick:()=>{s&&s(te(n,t))}};return t.new?r.jsx("a",{href:t.href,rel:"noopener noreferrer",target:"_blank",...o,children:l}):Ne.test(t.href)?r.jsx("a",{href:t.href,...o,children:l}):r.jsx(Q.Link,{to:t.href,...o,children:l})},_e=t=>t?t.split(/[?#]/)[0].replace(/(?!^\/)\/$/,""):"",Ee=(t,n,a)=>{const s=_e(t);return s===""?-1:s===a||n==="prefix"&&s!=="/"&&a.startsWith(`${s}/`)?s.length:-1},Qe=(t,n)=>{const a=_e(n);let s=null,l=-1;for(const o of t){const d=Ee(o.href,o.match,a);if(d>l&&(s={menuId:o.id,subid:null},l=d),o.submenu)for(const f of o.submenu){const h=Ee(f.href,f.match,a);h>l&&(s={menuId:o.id,subid:f.subid},l=h)}}return s},ne=(t,n,a)=>t!==null&&t.menuId===n&&t.subid===a,Ke=t=>{const{menuList:n,onMenuSelected:a,pinnedSubmenuIds:s=[],onToggleSubmenuPin:l}=t;let o="";try{o=Q.useLocation().pathname}catch{typeof window<"u"&&(o=window.location.pathname)}const d=c.useMemo(()=>Qe(n,o),[n,o]),f=d===null?null:d.menuId,[h,k]=c.useState(f),_=c.useRef(o),E=c.useRef(f!==null);c.useEffect(()=>{_.current!==o&&(_.current=o,E.current=!1),!E.current&&f!==null&&(k(f),E.current=!0)},[o,f]);const N=c.useCallback(u=>{s.includes(u)||k(C=>C===u?null:u)},[s]),S=c.useRef(null);Be(()=>{const u=S.current;if(u)try{const p=sessionStorage.getItem(ye);if(p!==null){const C=Number.parseFloat(p);Number.isNaN(C)||(u.scrollTop=C)}}catch{}},[]);const M=c.useCallback(()=>{const u=S.current;if(u)try{sessionStorage.setItem(ye,String(u.scrollTop))}catch{}},[]),O=c.useMemo(()=>r.jsx(r.Fragment,{children:n.map(u=>r.jsx("div",{children:u.href?r.jsx("div",{className:`aiquants-menu-list-item relative mb-0.5 ml-1 flex items-center rounded-l-xl px-2.5 ${I} before:mr-2 before:inline-block before:h-2 before:w-2 before:shrink-0 before:rounded-full before:content-[''] sm:text-sm`,children:Ne.test(u.href)?r.jsx("a",{href:u.href,className:ee,"aria-current":ne(d,u.id,null)?"page":void 0,onClick:()=>{a&&a(te(u))},children:r.jsx("span",{className:"aiquants-menu-link hover:underline",children:u.title})}):r.jsx(Q.Link,{to:u.href,className:ee,"aria-current":ne(d,u.id,null)?"page":void 0,onClick:()=>{a&&a(te(u))},children:r.jsx("span",{className:"aiquants-menu-link hover:underline",children:u.title})})}):r.jsxs("details",{className:"aiquants-menu-accordion-details",open:u.id===h||s.includes(u.id),children:[r.jsxs("summary",{className:`aiquants-menu-list-item aiquants-menu-accordion-summary relative mb-0.5 ml-1 min-h-11 list-none rounded-l-xl px-2.5 ${I} before:mr-2 before:inline-block before:h-2 before:w-2 before:shrink-0 before:rounded-full before:content-[''] focus-visible:outline-2 focus-visible:outline-current focus-visible:-outline-offset-2 sm:text-sm`,onClick:p=>{p.preventDefault(),N(u.id)},onKeyDown:p=>{(p.key==="Enter"||p.key===" ")&&(p.preventDefault(),N(u.id))},children:[r.jsx("span",{children:u.title}),r.jsx("button",{type:"button","data-aqmb-submenu-pin-button":!0,onClick:p=>{p.stopPropagation(),p.preventDefault(),l&&l(u.id)},className:`aiquants-submenu-pin-button ${Ge} ${s.includes(u.id)?"pinned":""}`,title:s.includes(u.id)?"ピン留め解除":"ピン留め",children:s.includes(u.id)?r.jsx(ge,{size:13}):r.jsx(ke,{size:13})})]}),r.jsx("div",{className:"aiquants-menu-submenu pointer-events-auto my-0.5 mr-1 ml-3.5 rounded-lg px-2 py-1 shadow-sm",children:u.submenu.map(p=>r.jsx("div",{className:`aiquants-menu-accordion-container block w-full ${I}`,children:r.jsx(Xe,{item:p,parentMenu:u,isCurrent:ne(d,u.id,p.subid),onMenuSelected:a})},p.subid))})]})},u.id))}),[n,a,h,N,s,d]);return r.jsx("div",{ref:S,onScroll:M,"data-aqmb-menu-list":!0,className:"aiquants-menu-list-scroller hidden-scrollbar",children:O})},re="min-h-11",je="min-w-11",$e=t=>{const{menuList:n,menuHeader:a,open:s,onMenuSelected:l,onClickSignout:o,theme:d,toggleTheme:f,isPinned:h,onTogglePin:k,pinnedSubmenuIds:_,onToggleSubmenuPin:E,ref:N}=t;return r.jsxs("div",{ref:N,"data-aqmb-menu-content":!0,inert:!s,className:`aiquants-menu-content fixed top-0 right-0 z-2147483642 flex min-h-dvh w-[240px] select-none flex-col motion-safe:transition-transform motion-safe:duration-500 ${s?"aiquants-menu-translate-x-0":"aiquants-menu-translate-x-250"}`,children:[r.jsx("div",{className:"flex shrink-0 flex-col justify-center border-white/15 border-b px-2.5 py-2 dark:border-slate-700/60",children:a}),r.jsx("div",{className:"aiquants-menu-list-region",children:r.jsx(Ke,{menuList:n,onMenuSelected:l,pinnedSubmenuIds:_,onToggleSubmenuPin:E})}),r.jsx("div",{className:"border-white/15 border-t px-2.5 py-1.5 dark:border-slate-700/60",children:r.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-1.5",children:[r.jsx("button",{type:"button",onClick:k,"data-aqmb-pin-button":!0,className:`flex ${re} ${je} items-center justify-center rounded-md px-2 ${I} text-white shadow-2xs transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-300/60 ${h?"bg-amber-500 hover:bg-amber-600 dark:bg-amber-600 dark:hover:bg-amber-500":"border border-white/20 bg-white/10 hover:bg-white/20 dark:border-slate-600/60 dark:bg-slate-700/60 dark:hover:bg-slate-600"}`,title:h?"ピン留め解除":"ピン留め","aria-label":h?"ピン留め解除":"ピン留め",children:h?r.jsx(ge,{size:12}):r.jsx(ke,{size:12})}),r.jsx("button",{type:"button",onClick:f,"data-aqmb-theme-button":!0,className:`group relative flex ${re} ${je} items-center justify-center rounded-md border border-white/20 bg-white/10 px-2 ${I} text-white shadow-2xs backdrop-blur-xs transition-colors duration-200 hover:bg-white/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40 dark:border-slate-600/60 dark:bg-slate-700/60 dark:hover:bg-slate-600`,title:d==="dark"?"ライトモードに切り替え":"ダークモードに切り替え","aria-label":d==="dark"?"ライトモードに切り替え":"ダークモードに切り替え",children:r.jsx("span",{className:"transition-transform duration-200 group-hover:scale-110",children:d==="dark"?"🌞":"🌙"})}),r.jsxs("button",{type:"button","data-aqmb-signout-button":!0,className:`aiquants-signout-button flex ${re} flex-1 items-center justify-center gap-1.5 rounded-md bg-red-500/90 px-2.5 font-medium ${I} text-white shadow-2xs transition-colors duration-200 hover:bg-red-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-300/60 dark:bg-red-600/90 dark:hover:bg-red-500`,onClick:o,children:[r.jsx(He,{size:11,className:"shrink-0"}),r.jsx("span",{className:"text-center",children:"サインアウト"})]})]})})]})},et=t=>{t.preventDefault()},tt=t=>{const{isOverlay:n,onOverlayClick:a}=t;return r.jsx("div",{"aria-hidden":"true","data-aqmb-menu-overlay":!0,inert:!n,className:`fixed inset-0 z-2147483640 bg-black/50 motion-safe:transition-opacity motion-safe:duration-500 ${n?"opacity-100":"pointer-events-none opacity-0"}`,onMouseDown:et,onClick:a})},nt=({isMenuOpen:t,onMenuOpen:n,onMenuClose:a,ref:s})=>r.jsxs("button",{ref:s,type:"button","data-aqmb-menu-switch":"true","aria-label":t?"Close menu":"Open menu","aria-expanded":t,className:"aiquants-menu-switch",onClick:t?a:n,children:[r.jsxs("span",{className:"aiquants-menu-switch-bars",children:[r.jsx("span",{className:"aiquants-menu-switch-bar"}),r.jsx("span",{className:"aiquants-menu-switch-bar"}),r.jsx("span",{className:"aiquants-menu-switch-bar"}),r.jsx("span",{className:"aiquants-menu-switch-bar"})]}),r.jsx("span",{className:"aiquants-menu-switch-caption","aria-hidden":"true",children:t?"close":"menu"})]}),ae=typeof window<"u"?c.useLayoutEffect:c.useEffect,rt=t=>{const{menuList:n,menuHeader:a,onClickSignout:s,isMenuhide:l,isMenuHide:o,theme:d,toggleTheme:f,onMenuNavigate:h,isPinned:k,pinnedWidth:_=240,onPinChange:E,pinnedSubmenuIds:N,initialPinnedSubmenuIds:S,onSubmenuPinChange:M,closeOnEscape:O="auto"}=t,u=o??l??!1,[p,C]=c.useState(()=>{try{return localStorage.getItem("aiquants-menu-pinned")==="true"}catch{return!1}}),w=k!==void 0?k:p,[T,L]=c.useState(w);c.useEffect(()=>{w&&L(!0)},[w]);const[Y,se]=c.useState(()=>{if(S)return S;try{const b=localStorage.getItem("aiquants-submenu-pinned");if(b){const e=JSON.parse(b);if(Array.isArray(e))return e.filter(i=>typeof i=="number")}}catch{}return[]}),oe=N!==void 0?N:Y,V=c.useCallback(b=>{const e=N!==void 0?N:Y,i=e.includes(b)?e.filter(m=>m!==b):[...e,b];if(N===void 0){se(i);try{localStorage.setItem("aiquants-submenu-pinned",JSON.stringify(i))}catch{}}M&&M(i)},[N,Y,M]),W=c.useRef(E);ae(()=>{W.current=E},[E]),ae(()=>{const b=w?_:0,e=`${b}px`;document.documentElement.style.setProperty("--aiquants-menu-pinned-width",e),$(w,b,T||w)},[w,_,T]),ae(()=>()=>{document.documentElement.style.setProperty("--aiquants-menu-pinned-width","0px"),$(!1,0)},[]);const B=c.useRef(null),D=c.useRef(null),R=c.useCallback(()=>{D.current?.contains(document.activeElement)&&B.current?.focus()},[]),ie=c.useCallback(()=>{L(!0)},[]),P=c.useCallback(()=>{if(R(),L(!1),k===void 0){C(!1);try{localStorage.removeItem("aiquants-menu-pinned")}catch{}}W.current?.(!1,0)},[k,R]),Z=c.useCallback(()=>{const b=!w,e=b?_:0;if(k===void 0){C(b);try{b?localStorage.setItem("aiquants-menu-pinned","true"):localStorage.removeItem("aiquants-menu-pinned")}catch{}}W.current?.(b,e)},[w,k,_]),J=c.useCallback(b=>{h&&h(b),w||(R(),L(!1))},[h,w,R]),A=c.useCallback(b=>{b.key==="Escape"&&P()},[P]),F=O===!0||O==="auto"&&!w;return c.useEffect(()=>(T&&F?window.addEventListener("keydown",A):window.removeEventListener("keydown",A),()=>{window.removeEventListener("keydown",A)}),[T,F,A]),u?null:r.jsxs("div",{className:`aiquants-menu-bar ${d}`,children:[r.jsx(nt,{ref:B,isMenuOpen:T,onMenuOpen:ie,onMenuClose:P}),r.jsx($e,{ref:D,menuList:n,menuHeader:a,onClickSignout:s,onMenuSelected:J,open:T,theme:d,toggleTheme:f,isPinned:w,onTogglePin:Z,pinnedSubmenuIds:oe,onToggleSubmenuPin:V}),r.jsx(tt,{isOverlay:T&&!w,onOverlayClick:P})]})};y.DefaultLink=pe,y.MENU_PIN_CHANGE_EVENT=G,y.MenuBar=rt,y.SessionInfo=qe,y.dispatchMenuPinChange=$,y.getInitialPinState=K,y.subscribeMenuPinChange=xe,y.useMenuPinState=ze,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,v,x,q,x),b[x+v]=!0)}if(x=null,m!==void 0&&(a(m),x=""+m),d(i)&&(a(i.key),x=""+i.key),"key"in i){m={};for(var le in i)le!=="key"&&(m[le]=i[le])}else m=i;return x&&f(m,typeof e=="function"?e.displayName||e.name||"Unknown":e),k(e,x,m,l(),X,ce)}function E(e){N(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===V&&(e._payload.status==="fulfilled"?N(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function N(e){return typeof e=="object"&&e!==null&&e.$$typeof===M}var S=c,M=Symbol.for("react.transitional.element"),O=Symbol.for("react.portal"),u=Symbol.for("react.fragment"),p=Symbol.for("react.strict_mode"),C=Symbol.for("react.profiler"),w=Symbol.for("react.consumer"),T=Symbol.for("react.context"),L=Symbol.for("react.forward_ref"),Y=Symbol.for("react.suspense"),se=Symbol.for("react.suspense_list"),oe=Symbol.for("react.memo"),V=Symbol.for("react.lazy"),W=Symbol.for("react.activity"),B=Symbol.for("react.client.reference"),D=S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,R=Object.prototype.hasOwnProperty,ie=Array.isArray,P=console.createTask?console.createTask:function(){return null};S={react_stack_bottom_frame:function(e){return e()}};var Z,J={},A=S.react_stack_bottom_frame.bind(S,o)(),F=P(s(o)),b={};H.Fragment=u,H.jsx=function(e,i,m){var v=1e4>D.recentlyCreatedOwnerStacks++;return _(e,i,m,!1,v?Error("react-stack-top-frame"):A,v?P(s(e)):F)},H.jsxs=function(e,i,m){var v=1e4>D.recentlyCreatedOwnerStacks++;return _(e,i,m,!0,v?Error("react-stack-top-frame"):A,v?P(s(e)):F)}})()),H}var fe;function Te(){return fe||(fe=1,process.env.NODE_ENV==="production"?U.exports=Se():U.exports=Ce()),U.exports}var r=Te();const Me=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Pe=t=>t.replace(/^([A-Z])|[\s-_]+(\w)/g,(n,a,s)=>s?s.toUpperCase():a.toLowerCase()),me=t=>{const n=Pe(t);return n.charAt(0).toUpperCase()+n.slice(1)},he=(...t)=>t.filter((n,a,s)=>!!n&&n.trim()!==""&&s.indexOf(n)===a).join(" ").trim(),Re=t=>{for(const n in t)if(n.startsWith("aria-")||n==="role"||n==="title")return!0};var Ae={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};const Ie=c.forwardRef(({color:t="currentColor",size:n=24,strokeWidth:a=2,absoluteStrokeWidth:s,className:l="",children:o,iconNode:d,...f},h)=>c.createElement("svg",{ref:h,...Ae,width:n,height:n,stroke:t,strokeWidth:s?Number(a)*24/Number(n):a,className:he("lucide",l),...!o&&!Re(f)&&{"aria-hidden":"true"},...f},[...d.map(([k,_])=>c.createElement(k,_)),...Array.isArray(o)?o:[o]]));const j=(t,n)=>{const a=c.forwardRef(({className:s,...l},o)=>c.createElement(Ie,{ref:o,iconNode:n,className:he(`lucide-${Me(me(t))}`,`lucide-${t}`,s),...l}));return a.displayName=me(t),a};const Oe=j("external-link",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]]);const Le=j("user",[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]]),I="text-[length:var(--aqmb-font-size-body,0.8125rem)] leading-[var(--aqmb-line-height-body,1.25rem)]",be="text-[length:var(--aqmb-font-size-caption,0.6875rem)] leading-[var(--aqmb-line-height-caption,1.25rem)]",De="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2NiZDVlMSI+PHBhdGggZD0iTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00eiIvPjwvc3ZnPg==",pe=({to:t,className:n,children:a})=>r.jsx("a",{href:t,className:n,children:a}),ve=`flex min-h-11 items-center justify-center gap-1 rounded-md border border-white/15 bg-white/10 px-1 py-1 font-medium ${be} text-white transition duration-150 hover:bg-white/25 active:scale-95 dark:border-slate-600/50 dark:bg-slate-700/50 dark:text-slate-200 dark:hover:bg-slate-600/80`,qe=t=>{const{user:n,LinkComponent:a=pe}=t;return r.jsx("div",{className:"w-full",children:n?r.jsxs("div",{"data-aqmb-session-card":!0,className:"aiquants-session-card group relative flex flex-col gap-2 rounded-xl border border-white/20 bg-white/10 p-2.5 shadow-sm backdrop-blur-md transition-colors duration-200 hover:border-white/30 hover:bg-white/15 dark:border-slate-700/60 dark:bg-slate-800/60 dark:hover:border-slate-600/80 dark:hover:bg-slate-800/90",children:[r.jsxs("div",{className:"flex min-w-0 items-center gap-2.5",children:[r.jsxs("div",{className:"relative shrink-0",children:[r.jsx("div",{className:"h-8 w-8 overflow-hidden rounded-full border border-white/40 shadow-xs dark:border-slate-500",children:r.jsx("img",{className:"h-full w-full rounded-full object-cover",src:n.photo||De,alt:n.displayName||"user profile"})}),r.jsx("span",{className:"absolute -right-0.5 -bottom-0.5 h-2.5 w-2.5 rounded-full border-2 border-slate-900 bg-emerald-400",title:"Online"})]}),r.jsxs("div",{className:"min-w-0 flex-1 leading-tight",children:[r.jsx("div",{className:"font-semibold text-white text-xs tracking-tight dark:text-slate-100",children:n.displayName}),r.jsx("div",{className:`mt-0.5 font-medium ${be} text-white/75 tracking-tight dark:text-slate-400`,children:"Google Account"})]})]}),r.jsxs("div",{className:"grid grid-cols-2 gap-1.5 border-white/15 border-t pt-1.5 dark:border-slate-700/50",children:[r.jsxs(a,{className:ve,to:"/",children:[r.jsx(Le,{size:11,className:"shrink-0 opacity-80"}),r.jsx("span",{className:"min-w-0 text-center",children:"プロフィール"})]}),r.jsxs(a,{className:ve,to:"https://myaccount.google.com/",children:[r.jsx(Oe,{size:11,className:"shrink-0 opacity-80"}),r.jsx("span",{className:"min-w-0 text-center",children:"Google"})]})]})]}):r.jsx("div",{"data-aqmb-session-card":!0,className:"aiquants-session-card flex items-center justify-between rounded-xl border border-white/20 bg-white/10 p-2.5 shadow-xs dark:border-slate-700/60 dark:bg-slate-800/60",children:r.jsx("span",{className:"font-medium text-white/90 text-xs dark:text-slate-200",children:"ログインしてください"})})})},G="aiquants-menu-pin-change";let g={pinned:!1,width:0,active:!1};const K=(t=240)=>{if(typeof window>"u"||typeof document>"u")return{pinned:!1,width:0,active:!1};try{const n=getComputedStyle(document.documentElement).getPropertyValue("--aiquants-menu-pinned-width").trim();if(n){const d=Number.parseInt(n,10);if(!Number.isNaN(d)){const f=d>0,h=f?d||t:0,k=g.active??f;return g.pinned===f&&g.width===h&&g.active===k||(g={pinned:f,width:h,active:k}),g}}const s=localStorage.getItem("aiquants-menu-pinned")==="true",l=s?t:0,o=g.active??s;return g.pinned===s&&g.width===l&&g.active===o||(g={pinned:s,width:l,active:o}),g}catch{return{pinned:!1,width:0,active:!1}}},$=(t,n,a)=>{if(typeof window>"u")return;const s=a??t,l={pinned:t,width:n,active:s};(g.pinned!==t||g.width!==n||g.active!==s)&&(g=l);const o=new CustomEvent(G,{detail:l,bubbles:!0,cancelable:!1});window.dispatchEvent(o)},xe=(t,n)=>{if(typeof window>"u")return()=>{};const{immediate:a=!0,defaultPinnedWidth:s=240}=n??{};if(a){const o=K(s);t(o)}const l=o=>{const d=o;d.detail&&t(d.detail)};return window.addEventListener(G,l,{passive:!0}),()=>{window.removeEventListener(G,l)}},ze=t=>{const n=t?.defaultPinnedWidth??240,a=t?.initialPinned??!1,s=c.useCallback(d=>xe(()=>{d()},{immediate:!1,defaultPinnedWidth:n}),[n]),l=c.useCallback(()=>K(n),[n]),o=c.useCallback(()=>({pinned:a,width:a?n:0}),[a,n]);return c.useSyncExternalStore(s,l,o)};const He=j("log-out",[["path",{d:"m16 17 5-5-5-5",key:"1bji2h"}],["path",{d:"M21 12H9",key:"dn1m92"}],["path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4",key:"1uf3rs"}]]);const ge=j("pin",[["path",{d:"M12 17v5",key:"bb1du9"}],["path",{d:"M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z",key:"1nkz8b"}]]);const ke=j("pin-off",[["path",{d:"M12 17v5",key:"bb1du9"}],["path",{d:"M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89",key:"znwnzq"}],["path",{d:"m2 2 20 20",key:"1ooewy"}],["path",{d:"M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11",key:"c9qhm2"}]]);const Ye=j("chart-no-axes-column-increasing",[["path",{d:"M5 21v-6",key:"1hz6c0"}],["path",{d:"M12 21V9",key:"uvy0l4"}],["path",{d:"M19 21V3",key:"11j9sm"}]]);const Ve=j("download",[["path",{d:"M12 15V3",key:"m9g1x1"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["path",{d:"m7 10 5 5 5-5",key:"brsn70"}]]);const we=j("file-text",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]]);const We=j("link",[["path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",key:"1cjeqo"}],["path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",key:"19qd67"}]]);const Fe=j("lock",[["rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2",key:"1w4ew1"}],["path",{d:"M7 11V7a5 5 0 0 1 10 0v4",key:"fwvmzm"}]]);const Ue=j("table",[["path",{d:"M12 3v18",key:"108xh3"}],["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M3 9h18",key:"1pudct"}],["path",{d:"M3 15h18",key:"5xshup"}]]),ee="flex min-h-9 flex-1 items-center",Ge="min-h-9 min-w-9",Be=typeof window<"u"?c.useLayoutEffect:c.useEffect,ye="aiquants-menu-scroll",Ne=new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/),Ze={report:we,slip:we,table:Ue,chart:Ye,download:Ve,lock:Fe,href:We},Je=({mark:t,children:n})=>{const a=t?Ze[t]:void 0;return a?r.jsxs("div",{className:"flex flex-nowrap items-center",children:[r.jsx(a,{className:"h-3.5 w-3.5 shrink-0"}),r.jsx("div",{className:"aiquants-menu-link mx-1 hover:underline",children:n})]}):r.jsx("span",{className:"mx-1 text-sky-600 hover:underline dark:text-sky-400",children:n})},te=(t,n)=>n?{menu:{id:t.id,title:t.title,href:t.href},submenu:{subid:n.subid,title:n.title,href:n.href,mark:n.mark,new:n.new}}:{menu:{id:t.id,title:t.title,href:t.href}},Xe=({item:t,parentMenu:n,isCurrent:a,onMenuSelected:s})=>{if(t.href==="separator")return r.jsx("hr",{className:"aiquants-menu-separator mx-2 my-1 h-px"});const l=r.jsx(Je,{mark:t.mark,children:t.title}),o={className:ee,"aria-current":a?"page":void 0,onClick:()=>{s&&s(te(n,t))}};return t.new?r.jsx("a",{href:t.href,rel:"noopener noreferrer",target:"_blank",...o,children:l}):Ne.test(t.href)?r.jsx("a",{href:t.href,...o,children:l}):r.jsx(Q.Link,{to:t.href,...o,children:l})},_e=t=>t?t.split(/[?#]/)[0].replace(/(?!^\/)\/$/,""):"",Ee=(t,n,a)=>{const s=_e(t);return s===""?-1:s===a||n==="prefix"&&s!=="/"&&a.startsWith(`${s}/`)?s.length:-1},Qe=(t,n)=>{const a=_e(n);let s=null,l=-1;for(const o of t){const d=Ee(o.href,o.match,a);if(d>l&&(s={menuId:o.id,subid:null},l=d),o.submenu)for(const f of o.submenu){const h=Ee(f.href,f.match,a);h>l&&(s={menuId:o.id,subid:f.subid},l=h)}}return s},ne=(t,n,a)=>t!==null&&t.menuId===n&&t.subid===a,Ke=t=>{const{menuList:n,onMenuSelected:a,pinnedSubmenuIds:s=[],onToggleSubmenuPin:l}=t;let o="";try{o=Q.useLocation().pathname}catch{typeof window<"u"&&(o=window.location.pathname)}const d=c.useMemo(()=>Qe(n,o),[n,o]),f=d===null?null:d.menuId,[h,k]=c.useState(f),_=c.useRef(o),E=c.useRef(f!==null);c.useEffect(()=>{_.current!==o&&(_.current=o,E.current=!1),!E.current&&f!==null&&(k(f),E.current=!0)},[o,f]);const N=c.useCallback(u=>{s.includes(u)||k(C=>C===u?null:u)},[s]),S=c.useRef(null);Be(()=>{const u=S.current;if(u)try{const p=sessionStorage.getItem(ye);if(p!==null){const C=Number.parseFloat(p);Number.isNaN(C)||(u.scrollTop=C)}}catch{}},[]);const M=c.useCallback(()=>{const u=S.current;if(u)try{sessionStorage.setItem(ye,String(u.scrollTop))}catch{}},[]),O=c.useMemo(()=>r.jsx(r.Fragment,{children:n.map(u=>r.jsx("div",{children:u.href?r.jsx("div",{className:`aiquants-menu-list-item relative mb-0.5 ml-1 flex items-center rounded-l-xl px-2.5 ${I} before:mr-2 before:inline-block before:h-2 before:w-2 before:shrink-0 before:rounded-full before:content-[''] sm:text-sm`,children:Ne.test(u.href)?r.jsx("a",{href:u.href,className:ee,"aria-current":ne(d,u.id,null)?"page":void 0,onClick:()=>{a&&a(te(u))},children:r.jsx("span",{className:"aiquants-menu-link hover:underline",children:u.title})}):r.jsx(Q.Link,{to:u.href,className:ee,"aria-current":ne(d,u.id,null)?"page":void 0,onClick:()=>{a&&a(te(u))},children:r.jsx("span",{className:"aiquants-menu-link hover:underline",children:u.title})})}):r.jsxs("details",{className:"aiquants-menu-accordion-details",open:u.id===h||s.includes(u.id),children:[r.jsxs("summary",{className:`aiquants-menu-list-item aiquants-menu-accordion-summary relative mb-0.5 ml-1 min-h-9 list-none rounded-l-xl px-2.5 ${I} before:mr-2 before:inline-block before:h-2 before:w-2 before:shrink-0 before:rounded-full before:content-[''] focus-visible:outline-2 focus-visible:outline-current focus-visible:-outline-offset-2 sm:text-sm`,onClick:p=>{p.preventDefault(),N(u.id)},onKeyDown:p=>{(p.key==="Enter"||p.key===" ")&&(p.preventDefault(),N(u.id))},children:[r.jsx("span",{children:u.title}),r.jsx("button",{type:"button","data-aqmb-submenu-pin-button":!0,onClick:p=>{p.stopPropagation(),p.preventDefault(),l&&l(u.id)},className:`aiquants-submenu-pin-button ${Ge} ${s.includes(u.id)?"pinned":""}`,title:s.includes(u.id)?"ピン留め解除":"ピン留め",children:s.includes(u.id)?r.jsx(ge,{size:13}):r.jsx(ke,{size:13})})]}),r.jsx("div",{className:"aiquants-menu-submenu pointer-events-auto my-0.5 mr-1 ml-3.5 rounded-lg px-2 py-1 shadow-sm",children:u.submenu.map(p=>r.jsx("div",{className:`aiquants-menu-accordion-container block w-full ${I}`,children:r.jsx(Xe,{item:p,parentMenu:u,isCurrent:ne(d,u.id,p.subid),onMenuSelected:a})},p.subid))})]})},u.id))}),[n,a,h,N,s,d]);return r.jsx("div",{ref:S,onScroll:M,"data-aqmb-menu-list":!0,className:"aiquants-menu-list-scroller hidden-scrollbar",children:O})},re="min-h-11",je="min-w-11",$e=t=>{const{menuList:n,menuHeader:a,open:s,onMenuSelected:l,onClickSignout:o,theme:d,toggleTheme:f,isPinned:h,onTogglePin:k,pinnedSubmenuIds:_,onToggleSubmenuPin:E,ref:N}=t;return r.jsxs("div",{ref:N,"data-aqmb-menu-content":!0,inert:!s,className:`aiquants-menu-content fixed top-0 right-0 z-2147483642 flex min-h-dvh w-[240px] select-none flex-col motion-safe:transition-transform motion-safe:duration-500 ${s?"aiquants-menu-translate-x-0":"aiquants-menu-translate-x-250"}`,children:[r.jsx("div",{className:"flex shrink-0 flex-col justify-center border-white/15 border-b px-2.5 py-2 dark:border-slate-700/60",children:a}),r.jsx("div",{className:"aiquants-menu-list-region",children:r.jsx(Ke,{menuList:n,onMenuSelected:l,pinnedSubmenuIds:_,onToggleSubmenuPin:E})}),r.jsx("div",{className:"border-white/15 border-t px-2.5 py-1.5 dark:border-slate-700/60",children:r.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-1.5",children:[r.jsx("button",{type:"button",onClick:k,"data-aqmb-pin-button":!0,className:`flex ${re} ${je} items-center justify-center rounded-md px-2 ${I} text-white shadow-2xs transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-300/60 ${h?"bg-amber-500 hover:bg-amber-600 dark:bg-amber-600 dark:hover:bg-amber-500":"border border-white/20 bg-white/10 hover:bg-white/20 dark:border-slate-600/60 dark:bg-slate-700/60 dark:hover:bg-slate-600"}`,title:h?"ピン留め解除":"ピン留め","aria-label":h?"ピン留め解除":"ピン留め",children:h?r.jsx(ge,{size:12}):r.jsx(ke,{size:12})}),r.jsx("button",{type:"button",onClick:f,"data-aqmb-theme-button":!0,className:`group relative flex ${re} ${je} items-center justify-center rounded-md border border-white/20 bg-white/10 px-2 ${I} text-white shadow-2xs backdrop-blur-xs transition-colors duration-200 hover:bg-white/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40 dark:border-slate-600/60 dark:bg-slate-700/60 dark:hover:bg-slate-600`,title:d==="dark"?"ライトモードに切り替え":"ダークモードに切り替え","aria-label":d==="dark"?"ライトモードに切り替え":"ダークモードに切り替え",children:r.jsx("span",{className:"transition-transform duration-200 group-hover:scale-110",children:d==="dark"?"🌞":"🌙"})}),r.jsxs("button",{type:"button","data-aqmb-signout-button":!0,className:`aiquants-signout-button flex ${re} flex-1 items-center justify-center gap-1.5 rounded-md bg-red-500/90 px-2.5 font-medium ${I} text-white shadow-2xs transition-colors duration-200 hover:bg-red-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-300/60 dark:bg-red-600/90 dark:hover:bg-red-500`,onClick:o,children:[r.jsx(He,{size:11,className:"shrink-0"}),r.jsx("span",{className:"text-center",children:"サインアウト"})]})]})})]})},et=t=>{t.preventDefault()},tt=t=>{const{isOverlay:n,onOverlayClick:a}=t;return r.jsx("div",{"aria-hidden":"true","data-aqmb-menu-overlay":!0,inert:!n,className:`fixed inset-0 z-2147483640 overflow-hidden overscroll-contain bg-black/50 motion-safe:transition-opacity motion-safe:duration-500 ${n?"opacity-100":"pointer-events-none opacity-0"}`,onMouseDown:et,onClick:a})},nt=({isMenuOpen:t,onMenuOpen:n,onMenuClose:a,ref:s})=>r.jsxs("button",{ref:s,type:"button","data-aqmb-menu-switch":"true","aria-label":t?"Close menu":"Open menu","aria-expanded":t,className:"aiquants-menu-switch",onClick:t?a:n,children:[r.jsxs("span",{className:"aiquants-menu-switch-bars",children:[r.jsx("span",{className:"aiquants-menu-switch-bar"}),r.jsx("span",{className:"aiquants-menu-switch-bar"}),r.jsx("span",{className:"aiquants-menu-switch-bar"}),r.jsx("span",{className:"aiquants-menu-switch-bar"})]}),r.jsx("span",{className:"aiquants-menu-switch-caption","aria-hidden":"true",children:t?"close":"menu"})]}),ae=typeof window<"u"?c.useLayoutEffect:c.useEffect,rt=t=>{const{menuList:n,menuHeader:a,onClickSignout:s,isMenuhide:l,isMenuHide:o,theme:d,toggleTheme:f,onMenuNavigate:h,isPinned:k,pinnedWidth:_=240,onPinChange:E,pinnedSubmenuIds:N,initialPinnedSubmenuIds:S,onSubmenuPinChange:M,closeOnEscape:O="auto"}=t,u=o??l??!1,[p,C]=c.useState(()=>{try{return localStorage.getItem("aiquants-menu-pinned")==="true"}catch{return!1}}),w=k!==void 0?k:p,[T,L]=c.useState(w);c.useEffect(()=>{w&&L(!0)},[w]);const[Y,se]=c.useState(()=>{if(S)return S;try{const b=localStorage.getItem("aiquants-submenu-pinned");if(b){const e=JSON.parse(b);if(Array.isArray(e))return e.filter(i=>typeof i=="number")}}catch{}return[]}),oe=N!==void 0?N:Y,V=c.useCallback(b=>{const e=N!==void 0?N:Y,i=e.includes(b)?e.filter(m=>m!==b):[...e,b];if(N===void 0){se(i);try{localStorage.setItem("aiquants-submenu-pinned",JSON.stringify(i))}catch{}}M&&M(i)},[N,Y,M]),W=c.useRef(E);ae(()=>{W.current=E},[E]),ae(()=>{const b=w?_:0,e=`${b}px`;document.documentElement.style.setProperty("--aiquants-menu-pinned-width",e),$(w,b,T||w)},[w,_,T]),ae(()=>()=>{document.documentElement.style.setProperty("--aiquants-menu-pinned-width","0px"),$(!1,0)},[]);const B=c.useRef(null),D=c.useRef(null),R=c.useCallback(()=>{D.current?.contains(document.activeElement)&&B.current?.focus()},[]),ie=c.useCallback(()=>{L(!0)},[]),P=c.useCallback(()=>{if(R(),L(!1),k===void 0){C(!1);try{localStorage.removeItem("aiquants-menu-pinned")}catch{}}W.current?.(!1,0)},[k,R]),Z=c.useCallback(()=>{const b=!w,e=b?_:0;if(k===void 0){C(b);try{b?localStorage.setItem("aiquants-menu-pinned","true"):localStorage.removeItem("aiquants-menu-pinned")}catch{}}W.current?.(b,e)},[w,k,_]),J=c.useCallback(b=>{h&&h(b),w||(R(),L(!1))},[h,w,R]),A=c.useCallback(b=>{b.key==="Escape"&&P()},[P]),F=O===!0||O==="auto"&&!w;return c.useEffect(()=>(T&&F?window.addEventListener("keydown",A):window.removeEventListener("keydown",A),()=>{window.removeEventListener("keydown",A)}),[T,F,A]),u?null:r.jsxs("div",{className:`aiquants-menu-bar ${d}`,children:[r.jsx(nt,{ref:B,isMenuOpen:T,onMenuOpen:ie,onMenuClose:P}),r.jsx($e,{ref:D,menuList:n,menuHeader:a,onClickSignout:s,onMenuSelected:J,open:T,theme:d,toggleTheme:f,isPinned:w,onTogglePin:Z,pinnedSubmenuIds:oe,onToggleSubmenuPin:V}),r.jsx(tt,{isOverlay:T&&!w,onOverlayClick:P})]})};y.DefaultLink=pe,y.MENU_PIN_CHANGE_EVENT=G,y.MenuBar=rt,y.SessionInfo=qe,y.dispatchMenuPinChange=$,y.getInitialPinState=K,y.subscribeMenuPinChange=xe,y.useMenuPinState=ze,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})}));

package/dist/styles/menu-bar.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
-@layer components{:root{--aiquants-menu-pinned-width:0px;--aqmb-switch-position:fixed;--aqmb-switch-top:6px;--aqmb-switch-right:8px;--aqmb-switch-left:auto;--aqmb-switch-bottom:auto;--aqmb-switch-z-index:calc(infinity);--aqmb-switch-size:27px;--aqmb-switch-target-size:0px;--aqmb-switch-caption-display:block}.aiquants-menu-bar{font-size:1rem;line-height:1.5;position:relative}.aiquants-menu-bar *{box-sizing:border-box}.aiquants-menu-bar a,.aiquants-menu-bar button{cursor:pointer;background:0 0;border:none;text-decoration:none}.aiquants-menu-bar.dark{color-scheme:dark}.aiquants-menu-bar.dark .aiquants-menu-content{background-color:#0f172a}.aiquants-menu-bar.light .aiquants-menu-content,.aiquants-menu-bar .aiquants-menu-content{background-color:#0369a1}.aiquants-menu-bar.dark .aiquants-signout-button{background-color:#334155}.aiquants-menu-bar.dark .aiquants-signout-button:hover{background-color:#475569}.aiquants-menu-bar.light .aiquants-signout-button,.aiquants-menu-bar .aiquants-signout-button{background-color:#2563eb}.aiquants-menu-bar.light .aiquants-signout-button:hover,.aiquants-menu-bar .aiquants-signout-button:hover{background-color:#1e40af}.aiquants-menu-bar.dark .aiquants-menu-list-item{color:#d1d5db;background-color:#334155}.aiquants-menu-bar.dark .aiquants-menu-list-item:before{background-color:#94a3b8}.aiquants-menu-bar.dark .aiquants-menu-submenu{background-color:#1e293b}.aiquants-menu-bar.dark .aiquants-menu-link{color:#38bdf8}.aiquants-menu-bar.dark .aiquants-menu-separator{border-color:#4b5563}.aiquants-menu-bar.light .aiquants-menu-list-item,.aiquants-menu-bar .aiquants-menu-list-item{color:#4b5563;background-color:#bae6fd}.aiquants-menu-bar.light .aiquants-menu-list-item:before,.aiquants-menu-bar .aiquants-menu-list-item:before{background-color:#fff}.aiquants-menu-bar.light .aiquants-menu-submenu,.aiquants-menu-bar .aiquants-menu-submenu{background-color:#fafafa}.aiquants-menu-bar.light .aiquants-menu-link,.aiquants-menu-bar .aiquants-menu-link{color:#0284c7}.aiquants-menu-bar.light .aiquants-menu-separator,.aiquants-menu-bar .aiquants-menu-separator{border-color:#4b5563}.aiquants-menu-bar .aiquants-menu-separator{border-top:1px solid;height:0}.aiquants-menu-bar .aiquants-session-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.aiquants-session-card{overflow-wrap:anywhere}.aiquants-menu-accordion-summary{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.aiquants-menu-accordion-summary::-webkit-details-marker{display:none}.aiquants-menu-accordion-summary span{text-align:left;flex-grow:1}.aiquants-submenu-pin-button{border-radius:.25rem;justify-content:center;align-items:center;padding:.15rem;transition:color .3s,background-color .3s;display:inline-flex}.aiquants-menu-bar.light .aiquants-submenu-pin-button{color:#4b556366}.aiquants-menu-bar.light .aiquants-submenu-pin-button:hover{color:#4b5563cc;background-color:#4b55631a}.aiquants-menu-bar.light .aiquants-submenu-pin-button.pinned{color:#d97706}.aiquants-menu-bar.light .aiquants-submenu-pin-button.pinned:hover{color:#b45309;background-color:#d977061a}.aiquants-menu-bar.dark .aiquants-submenu-pin-button{color:#fff6}.aiquants-menu-bar.dark .aiquants-submenu-pin-button:hover{color:#fffc;background-color:#ffffff1a}.aiquants-menu-bar.dark .aiquants-submenu-pin-button.pinned{color:#f59e0b}.aiquants-menu-bar.dark .aiquants-submenu-pin-button.pinned:hover{color:#fbbf24;background-color:#f59e0b26}.aiquants-menu-accordion-container{transition:block-size .5s}.aiquants-menu-translate-x-0{transform:translate(0)}.aiquants-menu-translate-x-250{transform:translate(250px)}.aiquants-menu-content{max-block-size:100dvh;overflow-y:auto}.aiquants-menu-list-region{flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.aiquants-menu-list-scroller{overflow-wrap:anywhere;flex-grow:1;block-size:0;overflow-y:scroll}@media (max-height:17.8125rem){.aiquants-menu-list-region{flex:none;overflow-y:visible}.aiquants-menu-list-scroller{flex:none;block-size:auto;overflow-y:visible}}.aiquants-menu-switch{--_aqmb-switch-bar:calc(var(--aqmb-switch-size,27px) / 9);--_aqmb-switch-box:max(var(--aqmb-switch-size,27px), var(--aqmb-switch-target-size,0px));position:var(--aqmb-switch-position,fixed);top:var(--aqmb-switch-top,6px);right:var(--aqmb-switch-right,8px);left:var(--aqmb-switch-left,auto);bottom:var(--aqmb-switch-bottom,auto);z-index:var(--aqmb-switch-z-index,calc(infinity));box-sizing:border-box;inline-size:var(--_aqmb-switch-box);block-size:var(--_aqmb-switch-box);padding-block:0;padding-inline:calc((var(--_aqmb-switch-box) - var(--aqmb-switch-size,27px)) / 2);vertical-align:middle;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:safe center;display:inline-flex}.aiquants-menu-bar.dark .aiquants-menu-switch,.aiquants-menu-switch[aria-expanded=true]{color:#fff}.aiquants-menu-switch:focus-visible{outline-offset:2px;outline:2px solid}.aiquants-menu-switch-bars{block-size:calc(7 * var(--_aqmb-switch-bar));flex:none;position:relative}.aiquants-menu-switch-bar{inline-size:100%;block-size:var(--_aqmb-switch-bar);background-color:currentColor;position:absolute;top:0;left:0}.aiquants-menu-switch-bar:nth-child(2){top:calc(2 * var(--_aqmb-switch-bar))}.aiquants-menu-switch-bar:nth-child(3){top:calc(4 * var(--_aqmb-switch-bar))}.aiquants-menu-switch-bar:nth-child(4){top:calc(6 * var(--_aqmb-switch-bar))}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:first-child,.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(4){inline-size:calc(var(--aqmb-switch-size,27px) * 32 / 27);block-size:calc(var(--aqmb-switch-size,27px) * 4 / 27)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:first-child{transform:translateY(calc(3 * var(--_aqmb-switch-bar))) rotate(-45deg)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(4){transform:translateY(calc(-3 * var(--_aqmb-switch-bar))) rotate(45deg)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(2),.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(3){opacity:0}.aiquants-menu-switch-caption{display:var(--aqmb-switch-caption-display,block);flex:none;margin-block-start:calc(.5rem - 5 * var(--aqmb-switch-size,27px) / 18);margin-inline-start:-.125rem;font-size:.75rem;line-height:1rem}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-caption{margin-inline-start:.125rem}@media (prefers-reduced-motion:no-preference){.aiquants-menu-switch{transition:color .5s cubic-bezier(.4,0,.2,1)}.aiquants-menu-switch-bar{transition-property:inline-size,block-size,transform,opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}}@media (forced-colors:active){.aiquants-menu-switch-bar{forced-color-adjust:none;background-color:buttontext}}}
+@layer components{:root{--aiquants-menu-pinned-width:0px;--aqmb-switch-position:fixed;--aqmb-switch-top:6px;--aqmb-switch-right:8px;--aqmb-switch-left:auto;--aqmb-switch-bottom:auto;--aqmb-switch-z-index:calc(infinity);--aqmb-switch-size:27px;--aqmb-switch-target-size:0px;--aqmb-switch-caption-display:block}.aiquants-menu-bar{font-size:1rem;line-height:1.5;position:relative}.aiquants-menu-bar *{box-sizing:border-box}.aiquants-menu-bar a,.aiquants-menu-bar button{cursor:pointer;background:0 0;border:none;text-decoration:none}.aiquants-menu-bar.dark{color-scheme:dark}.aiquants-menu-bar.dark .aiquants-menu-content{background-color:#0f172a}.aiquants-menu-bar.light .aiquants-menu-content,.aiquants-menu-bar .aiquants-menu-content{background-color:#0369a1}.aiquants-menu-bar.dark .aiquants-signout-button{background-color:#334155}.aiquants-menu-bar.dark .aiquants-signout-button:hover{background-color:#475569}.aiquants-menu-bar.light .aiquants-signout-button,.aiquants-menu-bar .aiquants-signout-button{background-color:#2563eb}.aiquants-menu-bar.light .aiquants-signout-button:hover,.aiquants-menu-bar .aiquants-signout-button:hover{background-color:#1e40af}.aiquants-menu-bar.dark .aiquants-menu-list-item{color:#d1d5db;background-color:#334155}.aiquants-menu-bar.dark .aiquants-menu-list-item:before{background-color:#94a3b8}.aiquants-menu-bar.dark .aiquants-menu-submenu{background-color:#1e293b}.aiquants-menu-bar.dark .aiquants-menu-link{color:#38bdf8}.aiquants-menu-bar.dark .aiquants-menu-separator{border-color:#4b5563}.aiquants-menu-bar.light .aiquants-menu-list-item,.aiquants-menu-bar .aiquants-menu-list-item{color:#4b5563;background-color:#bae6fd}.aiquants-menu-bar.light .aiquants-menu-list-item:before,.aiquants-menu-bar .aiquants-menu-list-item:before{background-color:#fff}.aiquants-menu-bar.light .aiquants-menu-submenu,.aiquants-menu-bar .aiquants-menu-submenu{background-color:#fafafa}.aiquants-menu-bar.light .aiquants-menu-link,.aiquants-menu-bar .aiquants-menu-link{color:#0284c7}.aiquants-menu-bar.light .aiquants-menu-separator,.aiquants-menu-bar .aiquants-menu-separator{border-color:#4b5563}.aiquants-menu-bar .aiquants-menu-separator{border-top:1px solid;height:0}.aiquants-menu-bar .aiquants-session-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.aiquants-session-card{overflow-wrap:anywhere}.aiquants-menu-accordion-summary{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.aiquants-menu-accordion-summary::-webkit-details-marker{display:none}.aiquants-menu-accordion-summary span{text-align:left;flex-grow:1}.aiquants-submenu-pin-button{border-radius:.25rem;justify-content:center;align-items:center;padding:.15rem;transition:color .3s,background-color .3s;display:inline-flex}.aiquants-menu-bar.light .aiquants-submenu-pin-button{color:#4b556366}.aiquants-menu-bar.light .aiquants-submenu-pin-button:hover{color:#4b5563cc;background-color:#4b55631a}.aiquants-menu-bar.light .aiquants-submenu-pin-button.pinned{color:#d97706}.aiquants-menu-bar.light .aiquants-submenu-pin-button.pinned:hover{color:#b45309;background-color:#d977061a}.aiquants-menu-bar.dark .aiquants-submenu-pin-button{color:#fff6}.aiquants-menu-bar.dark .aiquants-submenu-pin-button:hover{color:#fffc;background-color:#ffffff1a}.aiquants-menu-bar.dark .aiquants-submenu-pin-button.pinned{color:#f59e0b}.aiquants-menu-bar.dark .aiquants-submenu-pin-button.pinned:hover{color:#fbbf24;background-color:#f59e0b26}.aiquants-menu-accordion-container{transition:block-size .5s}.aiquants-menu-translate-x-0{transform:translate(0)}.aiquants-menu-translate-x-250{transform:translate(250px)}.aiquants-menu-content{overscroll-behavior:contain;max-block-size:100dvh;overflow-y:auto}.aiquants-menu-list-region{flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.aiquants-menu-list-scroller{overscroll-behavior:contain;overflow-wrap:anywhere;flex-grow:1;block-size:0;overflow-y:scroll}@media (max-height:16.8125rem){.aiquants-menu-list-region{flex:none;overflow-y:visible}.aiquants-menu-list-scroller{flex:none;block-size:auto;overflow-y:visible}}.aiquants-menu-switch{--_aqmb-switch-bar:calc(var(--aqmb-switch-size,27px) / 9);--_aqmb-switch-box:max(var(--aqmb-switch-size,27px), var(--aqmb-switch-target-size,0px));position:var(--aqmb-switch-position,fixed);top:var(--aqmb-switch-top,6px);right:var(--aqmb-switch-right,8px);left:var(--aqmb-switch-left,auto);bottom:var(--aqmb-switch-bottom,auto);z-index:var(--aqmb-switch-z-index,calc(infinity));box-sizing:border-box;inline-size:var(--_aqmb-switch-box);block-size:var(--_aqmb-switch-box);padding-block:0;padding-inline:calc((var(--_aqmb-switch-box) - var(--aqmb-switch-size,27px)) / 2);vertical-align:middle;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:safe center;display:inline-flex}.aiquants-menu-bar.dark .aiquants-menu-switch,.aiquants-menu-switch[aria-expanded=true]{color:#fff}.aiquants-menu-switch:focus-visible{outline-offset:2px;outline:2px solid}.aiquants-menu-switch-bars{block-size:calc(7 * var(--_aqmb-switch-bar));flex:none;position:relative}.aiquants-menu-switch-bar{inline-size:100%;block-size:var(--_aqmb-switch-bar);background-color:currentColor;position:absolute;top:0;left:0}.aiquants-menu-switch-bar:nth-child(2){top:calc(2 * var(--_aqmb-switch-bar))}.aiquants-menu-switch-bar:nth-child(3){top:calc(4 * var(--_aqmb-switch-bar))}.aiquants-menu-switch-bar:nth-child(4){top:calc(6 * var(--_aqmb-switch-bar))}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:first-child,.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(4){inline-size:calc(var(--aqmb-switch-size,27px) * 32 / 27);block-size:calc(var(--aqmb-switch-size,27px) * 4 / 27)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:first-child{transform:translateY(calc(3 * var(--_aqmb-switch-bar))) rotate(-45deg)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(4){transform:translateY(calc(-3 * var(--_aqmb-switch-bar))) rotate(45deg)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(2),.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(3){opacity:0}.aiquants-menu-switch-caption{display:var(--aqmb-switch-caption-display,block);flex:none;margin-block-start:calc(.5rem - 5 * var(--aqmb-switch-size,27px) / 18);margin-inline-start:-.125rem;font-size:.75rem;line-height:1rem}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-caption{margin-inline-start:.125rem}@media (prefers-reduced-motion:no-preference){.aiquants-menu-switch{transition:color .5s cubic-bezier(.4,0,.2,1)}.aiquants-menu-switch-bar{transition-property:inline-size,block-size,transform,opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}}@media (forced-colors:active){.aiquants-menu-switch-bar{forced-color-adjust:none;background-color:buttontext}}}

package/dist/styles/menu-bar.standalone.css

@@ -1,3 +1,3 @@
 /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
 /*! @aiquants/menu-bar standalone CSS — 非 Tailwind ホスト専用。ホストの Tailwind ビルドと混在させないこと (同名ユーティリティ重複でカスケード反転が起きる) */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:"";--tw-outline-style:solid}}}@layer theme{:root,:host{--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-emerald-400:oklch(76.5% .177 163.223);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-600:oklch(58.8% .158 241.966);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-tight:1.25;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--blur-xs:4px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base;@layer components{:root{--aiquants-menu-pinned-width:0px;--aqmb-switch-position:fixed;--aqmb-switch-top:6px;--aqmb-switch-right:8px;--aqmb-switch-left:auto;--aqmb-switch-bottom:auto;--aqmb-switch-z-index:calc(infinity);--aqmb-switch-size:27px;--aqmb-switch-target-size:0px;--aqmb-switch-caption-display:block}.aiquants-menu-bar{font-size:1rem;line-height:1.5;position:relative}.aiquants-menu-bar *{box-sizing:border-box}.aiquants-menu-bar a,.aiquants-menu-bar button{cursor:pointer;background:0 0;border:none;text-decoration:none}.aiquants-menu-bar.dark{color-scheme:dark}.aiquants-menu-bar.dark .aiquants-menu-content{background-color:#0f172a}.aiquants-menu-bar.light .aiquants-menu-content,.aiquants-menu-bar .aiquants-menu-content{background-color:#0369a1}.aiquants-menu-bar.dark .aiquants-signout-button{background-color:#334155}.aiquants-menu-bar.dark .aiquants-signout-button:hover{background-color:#475569}.aiquants-menu-bar.light .aiquants-signout-button,.aiquants-menu-bar .aiquants-signout-button{background-color:#2563eb}.aiquants-menu-bar.light .aiquants-signout-button:hover,.aiquants-menu-bar .aiquants-signout-button:hover{background-color:#1e40af}.aiquants-menu-bar.dark .aiquants-menu-list-item{color:#d1d5db;background-color:#334155}.aiquants-menu-bar.dark .aiquants-menu-list-item:before{background-color:#94a3b8}.aiquants-menu-bar.dark .aiquants-menu-submenu{background-color:#1e293b}.aiquants-menu-bar.dark .aiquants-menu-link{color:#38bdf8}.aiquants-menu-bar.dark .aiquants-menu-separator{border-color:#4b5563}.aiquants-menu-bar.light .aiquants-menu-list-item,.aiquants-menu-bar .aiquants-menu-list-item{color:#4b5563;background-color:#bae6fd}.aiquants-menu-bar.light .aiquants-menu-list-item:before,.aiquants-menu-bar .aiquants-menu-list-item:before{background-color:#fff}.aiquants-menu-bar.light .aiquants-menu-submenu,.aiquants-menu-bar .aiquants-menu-submenu{background-color:#fafafa}.aiquants-menu-bar.light .aiquants-menu-link,.aiquants-menu-bar .aiquants-menu-link{color:#0284c7}.aiquants-menu-bar.light .aiquants-menu-separator,.aiquants-menu-bar .aiquants-menu-separator{border-color:#4b5563}.aiquants-menu-bar .aiquants-menu-separator{border-top:1px solid;height:0}.aiquants-menu-bar .aiquants-session-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.aiquants-session-card{overflow-wrap:anywhere}.aiquants-menu-accordion-summary{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.aiquants-menu-accordion-summary::-webkit-details-marker{display:none}.aiquants-menu-accordion-summary span{text-align:left;flex-grow:1}.aiquants-submenu-pin-button{border-radius:.25rem;justify-content:center;align-items:center;padding:.15rem;transition:color .3s,background-color .3s;display:inline-flex}.aiquants-menu-bar.light .aiquants-submenu-pin-button{color:#4b556366}.aiquants-menu-bar.light .aiquants-submenu-pin-button:hover{color:#4b5563cc;background-color:#4b55631a}.aiquants-menu-bar.light .aiquants-submenu-pin-button.pinned{color:#d97706}.aiquants-menu-bar.light .aiquants-submenu-pin-button.pinned:hover{color:#b45309;background-color:#d977061a}.aiquants-menu-bar.dark .aiquants-submenu-pin-button{color:#fff6}.aiquants-menu-bar.dark .aiquants-submenu-pin-button:hover{color:#fffc;background-color:#ffffff1a}.aiquants-menu-bar.dark .aiquants-submenu-pin-button.pinned{color:#f59e0b}.aiquants-menu-bar.dark .aiquants-submenu-pin-button.pinned:hover{color:#fbbf24;background-color:#f59e0b26}.aiquants-menu-accordion-container{transition:block-size .5s}.aiquants-menu-translate-x-0{transform:translate(0)}.aiquants-menu-translate-x-250{transform:translate(250px)}.aiquants-menu-content{max-block-size:100dvh;overflow-y:auto}.aiquants-menu-list-region{flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.aiquants-menu-list-scroller{overflow-wrap:anywhere;flex-grow:1;block-size:0;overflow-y:scroll}@media (max-height:17.8125rem){.aiquants-menu-list-region{flex:none;overflow-y:visible}.aiquants-menu-list-scroller{flex:none;block-size:auto;overflow-y:visible}}.aiquants-menu-switch{--_aqmb-switch-bar:calc(var(--aqmb-switch-size,27px) / 9);--_aqmb-switch-box:max(var(--aqmb-switch-size,27px), var(--aqmb-switch-target-size,0px));position:var(--aqmb-switch-position,fixed);top:var(--aqmb-switch-top,6px);right:var(--aqmb-switch-right,8px);left:var(--aqmb-switch-left,auto);bottom:var(--aqmb-switch-bottom,auto);z-index:var(--aqmb-switch-z-index,calc(infinity));box-sizing:border-box;inline-size:var(--_aqmb-switch-box);block-size:var(--_aqmb-switch-box);padding-block:0;padding-inline:calc((var(--_aqmb-switch-box) - var(--aqmb-switch-size,27px)) / 2);vertical-align:middle;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:safe center;display:inline-flex}.aiquants-menu-bar.dark .aiquants-menu-switch,.aiquants-menu-switch[aria-expanded=true]{color:#fff}.aiquants-menu-switch:focus-visible{outline-offset:2px;outline:2px solid}.aiquants-menu-switch-bars{block-size:calc(7 * var(--_aqmb-switch-bar));flex:none;position:relative}.aiquants-menu-switch-bar{inline-size:100%;block-size:var(--_aqmb-switch-bar);background-color:currentColor;position:absolute;top:0;left:0}.aiquants-menu-switch-bar:nth-child(2){top:calc(2 * var(--_aqmb-switch-bar))}.aiquants-menu-switch-bar:nth-child(3){top:calc(4 * var(--_aqmb-switch-bar))}.aiquants-menu-switch-bar:nth-child(4){top:calc(6 * var(--_aqmb-switch-bar))}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:first-child,.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(4){inline-size:calc(var(--aqmb-switch-size,27px) * 32 / 27);block-size:calc(var(--aqmb-switch-size,27px) * 4 / 27)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:first-child{transform:translateY(calc(3 * var(--_aqmb-switch-bar))) rotate(-45deg)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(4){transform:translateY(calc(-3 * var(--_aqmb-switch-bar))) rotate(45deg)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(2),.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(3){opacity:0}.aiquants-menu-switch-caption{display:var(--aqmb-switch-caption-display,block);flex:none;margin-block-start:calc(.5rem - 5 * var(--aqmb-switch-size,27px) / 18);margin-inline-start:-.125rem;font-size:.75rem;line-height:1rem}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-caption{margin-inline-start:.125rem}@media (prefers-reduced-motion:no-preference){.aiquants-menu-switch{transition:color .5s cubic-bezier(.4,0,.2,1)}.aiquants-menu-switch-bar{transition-property:inline-size,block-size,transform,opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}}@media (forced-colors:active){.aiquants-menu-switch-bar{forced-color-adjust:none;background-color:buttontext}}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-0{right:calc(var(--spacing) * 0)}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.z-2147483640{z-index:2147483640}.z-2147483642{z-index:2147483642}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-3\.5{margin-left:calc(var(--spacing) * 3.5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-8{height:calc(var(--spacing) * 8)}.h-full{height:100%}.h-px{height:1px}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-dvh{min-height:100dvh}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-8{width:calc(var(--spacing) * 8)}.w-\[240px\]{width:240px}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-11{min-width:calc(var(--spacing) * 11)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-slate-900{border-color:var(--color-slate-900)}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-red-500\/90{background-color:#fb2c36e6}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/90{background-color:color-mix(in oklab, var(--color-red-500) 90%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.object-cover{object-fit:cover}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[length\:var\(--aqmb-font-size-body\,0\.8125rem\)\]{font-size:var(--aqmb-font-size-body,.8125rem)}.text-\[length\:var\(--aqmb-font-size-caption\,0\.6875rem\)\]{font-size:var(--aqmb-font-size-caption,.6875rem)}.leading-\[var\(--aqmb-line-height-body\,1\.25rem\)\]{--tw-leading:var(--aqmb-line-height-body,1.25rem);line-height:var(--aqmb-line-height-body,1.25rem)}.leading-\[var\(--aqmb-line-height-caption\,1\.25rem\)\]{--tw-leading:var(--aqmb-line-height-caption,1.25rem);line-height:var(--aqmb-line-height-caption,1.25rem)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-sky-600{color:var(--color-sky-600)}.text-white{color:var(--color-white)}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.opacity-0{opacity:0}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.before\:mr-2:before{content:var(--tw-content);margin-right:calc(var(--spacing) * 2)}.before\:inline-block:before{content:var(--tw-content);display:inline-block}.before\:h-2:before{content:var(--tw-content);height:calc(var(--spacing) * 2)}.before\:w-2:before{content:var(--tw-content);width:calc(var(--spacing) * 2)}.before\:shrink-0:before{content:var(--tw-content);flex-shrink:0}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:border-white\/30:hover{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/30:hover{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:bg-white\/25:hover{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/25:hover{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-amber-300\/60:focus-visible{--tw-ring-color:#ffd23699}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-amber-300\/60:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-amber-300) 60%, transparent)}}.focus-visible\:ring-red-300\/60:focus-visible{--tw-ring-color:#ffa3a399}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-red-300\/60:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-red-300) 60%, transparent)}}.focus-visible\:ring-white\/40:focus-visible{--tw-ring-color:#fff6}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-white\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:-outline-offset-2:focus-visible{outline-offset:calc(2px * -1)}.focus-visible\:outline-current:focus-visible{outline-color:currentColor}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (prefers-reduced-motion:no-preference){.motion-safe\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:duration-500{--tw-duration:.5s;transition-duration:.5s}}@media (min-width:40rem){.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.dark\:border-slate-500:where(.dark,.dark *){border-color:var(--color-slate-500)}.dark\:border-slate-600\/50:where(.dark,.dark *){border-color:#45556c80}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-600\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-600) 50%, transparent)}}.dark\:border-slate-600\/60:where(.dark,.dark *){border-color:#45556c99}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-600\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-600) 60%, transparent)}}.dark\:border-slate-700\/50:where(.dark,.dark *){border-color:#31415880}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-700\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}}.dark\:border-slate-700\/60:where(.dark,.dark *){border-color:#31415899}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-700\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-700) 60%, transparent)}}.dark\:bg-amber-600:where(.dark,.dark *){background-color:var(--color-amber-600)}.dark\:bg-red-600\/90:where(.dark,.dark *){background-color:#e40014e6}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-600\/90:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-red-600) 90%, transparent)}}.dark\:bg-slate-700\/50:where(.dark,.dark *){background-color:#31415880}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-700\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}}.dark\:bg-slate-700\/60:where(.dark,.dark *){background-color:#31415899}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-700\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-700) 60%, transparent)}}.dark\:bg-slate-800\/60:where(.dark,.dark *){background-color:#1d293d99}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-800\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-800) 60%, transparent)}}.dark\:text-sky-400:where(.dark,.dark *){color:var(--color-sky-400)}.dark\:text-slate-100:where(.dark,.dark *){color:var(--color-slate-100)}.dark\:text-slate-200:where(.dark,.dark *){color:var(--color-slate-200)}.dark\:text-slate-400:where(.dark,.dark *){color:var(--color-slate-400)}@media (hover:hover){.dark\:hover\:border-slate-600\/80:where(.dark,.dark *):hover{border-color:#45556ccc}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-slate-600\/80:where(.dark,.dark *):hover{border-color:color-mix(in oklab, var(--color-slate-600) 80%, transparent)}}.dark\:hover\:bg-amber-500:where(.dark,.dark *):hover{background-color:var(--color-amber-500)}.dark\:hover\:bg-red-500:where(.dark,.dark *):hover{background-color:var(--color-red-500)}.dark\:hover\:bg-slate-600:where(.dark,.dark *):hover{background-color:var(--color-slate-600)}.dark\:hover\:bg-slate-600\/80:where(.dark,.dark *):hover{background-color:#45556ccc}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-slate-600\/80:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-slate-600) 80%, transparent)}}.dark\:hover\:bg-slate-800\/90:where(.dark,.dark *):hover{background-color:#1d293de6}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-slate-800\/90:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-slate-800) 90%, transparent)}}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:"";--tw-outline-style:solid}}}@layer theme{:root,:host{--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-emerald-400:oklch(76.5% .177 163.223);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-600:oklch(58.8% .158 241.966);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-tight:1.25;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--blur-xs:4px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base;@layer components{:root{--aiquants-menu-pinned-width:0px;--aqmb-switch-position:fixed;--aqmb-switch-top:6px;--aqmb-switch-right:8px;--aqmb-switch-left:auto;--aqmb-switch-bottom:auto;--aqmb-switch-z-index:calc(infinity);--aqmb-switch-size:27px;--aqmb-switch-target-size:0px;--aqmb-switch-caption-display:block}.aiquants-menu-bar{font-size:1rem;line-height:1.5;position:relative}.aiquants-menu-bar *{box-sizing:border-box}.aiquants-menu-bar a,.aiquants-menu-bar button{cursor:pointer;background:0 0;border:none;text-decoration:none}.aiquants-menu-bar.dark{color-scheme:dark}.aiquants-menu-bar.dark .aiquants-menu-content{background-color:#0f172a}.aiquants-menu-bar.light .aiquants-menu-content,.aiquants-menu-bar .aiquants-menu-content{background-color:#0369a1}.aiquants-menu-bar.dark .aiquants-signout-button{background-color:#334155}.aiquants-menu-bar.dark .aiquants-signout-button:hover{background-color:#475569}.aiquants-menu-bar.light .aiquants-signout-button,.aiquants-menu-bar .aiquants-signout-button{background-color:#2563eb}.aiquants-menu-bar.light .aiquants-signout-button:hover,.aiquants-menu-bar .aiquants-signout-button:hover{background-color:#1e40af}.aiquants-menu-bar.dark .aiquants-menu-list-item{color:#d1d5db;background-color:#334155}.aiquants-menu-bar.dark .aiquants-menu-list-item:before{background-color:#94a3b8}.aiquants-menu-bar.dark .aiquants-menu-submenu{background-color:#1e293b}.aiquants-menu-bar.dark .aiquants-menu-link{color:#38bdf8}.aiquants-menu-bar.dark .aiquants-menu-separator{border-color:#4b5563}.aiquants-menu-bar.light .aiquants-menu-list-item,.aiquants-menu-bar .aiquants-menu-list-item{color:#4b5563;background-color:#bae6fd}.aiquants-menu-bar.light .aiquants-menu-list-item:before,.aiquants-menu-bar .aiquants-menu-list-item:before{background-color:#fff}.aiquants-menu-bar.light .aiquants-menu-submenu,.aiquants-menu-bar .aiquants-menu-submenu{background-color:#fafafa}.aiquants-menu-bar.light .aiquants-menu-link,.aiquants-menu-bar .aiquants-menu-link{color:#0284c7}.aiquants-menu-bar.light .aiquants-menu-separator,.aiquants-menu-bar .aiquants-menu-separator{border-color:#4b5563}.aiquants-menu-bar .aiquants-menu-separator{border-top:1px solid;height:0}.aiquants-menu-bar .aiquants-session-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.aiquants-session-card{overflow-wrap:anywhere}.aiquants-menu-accordion-summary{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.aiquants-menu-accordion-summary::-webkit-details-marker{display:none}.aiquants-menu-accordion-summary span{text-align:left;flex-grow:1}.aiquants-submenu-pin-button{border-radius:.25rem;justify-content:center;align-items:center;padding:.15rem;transition:color .3s,background-color .3s;display:inline-flex}.aiquants-menu-bar.light .aiquants-submenu-pin-button{color:#4b556366}.aiquants-menu-bar.light .aiquants-submenu-pin-button:hover{color:#4b5563cc;background-color:#4b55631a}.aiquants-menu-bar.light .aiquants-submenu-pin-button.pinned{color:#d97706}.aiquants-menu-bar.light .aiquants-submenu-pin-button.pinned:hover{color:#b45309;background-color:#d977061a}.aiquants-menu-bar.dark .aiquants-submenu-pin-button{color:#fff6}.aiquants-menu-bar.dark .aiquants-submenu-pin-button:hover{color:#fffc;background-color:#ffffff1a}.aiquants-menu-bar.dark .aiquants-submenu-pin-button.pinned{color:#f59e0b}.aiquants-menu-bar.dark .aiquants-submenu-pin-button.pinned:hover{color:#fbbf24;background-color:#f59e0b26}.aiquants-menu-accordion-container{transition:block-size .5s}.aiquants-menu-translate-x-0{transform:translate(0)}.aiquants-menu-translate-x-250{transform:translate(250px)}.aiquants-menu-content{overscroll-behavior:contain;max-block-size:100dvh;overflow-y:auto}.aiquants-menu-list-region{flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.aiquants-menu-list-scroller{overscroll-behavior:contain;overflow-wrap:anywhere;flex-grow:1;block-size:0;overflow-y:scroll}@media (max-height:16.8125rem){.aiquants-menu-list-region{flex:none;overflow-y:visible}.aiquants-menu-list-scroller{flex:none;block-size:auto;overflow-y:visible}}.aiquants-menu-switch{--_aqmb-switch-bar:calc(var(--aqmb-switch-size,27px) / 9);--_aqmb-switch-box:max(var(--aqmb-switch-size,27px), var(--aqmb-switch-target-size,0px));position:var(--aqmb-switch-position,fixed);top:var(--aqmb-switch-top,6px);right:var(--aqmb-switch-right,8px);left:var(--aqmb-switch-left,auto);bottom:var(--aqmb-switch-bottom,auto);z-index:var(--aqmb-switch-z-index,calc(infinity));box-sizing:border-box;inline-size:var(--_aqmb-switch-box);block-size:var(--_aqmb-switch-box);padding-block:0;padding-inline:calc((var(--_aqmb-switch-box) - var(--aqmb-switch-size,27px)) / 2);vertical-align:middle;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:safe center;display:inline-flex}.aiquants-menu-bar.dark .aiquants-menu-switch,.aiquants-menu-switch[aria-expanded=true]{color:#fff}.aiquants-menu-switch:focus-visible{outline-offset:2px;outline:2px solid}.aiquants-menu-switch-bars{block-size:calc(7 * var(--_aqmb-switch-bar));flex:none;position:relative}.aiquants-menu-switch-bar{inline-size:100%;block-size:var(--_aqmb-switch-bar);background-color:currentColor;position:absolute;top:0;left:0}.aiquants-menu-switch-bar:nth-child(2){top:calc(2 * var(--_aqmb-switch-bar))}.aiquants-menu-switch-bar:nth-child(3){top:calc(4 * var(--_aqmb-switch-bar))}.aiquants-menu-switch-bar:nth-child(4){top:calc(6 * var(--_aqmb-switch-bar))}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:first-child,.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(4){inline-size:calc(var(--aqmb-switch-size,27px) * 32 / 27);block-size:calc(var(--aqmb-switch-size,27px) * 4 / 27)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:first-child{transform:translateY(calc(3 * var(--_aqmb-switch-bar))) rotate(-45deg)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(4){transform:translateY(calc(-3 * var(--_aqmb-switch-bar))) rotate(45deg)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(2),.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(3){opacity:0}.aiquants-menu-switch-caption{display:var(--aqmb-switch-caption-display,block);flex:none;margin-block-start:calc(.5rem - 5 * var(--aqmb-switch-size,27px) / 18);margin-inline-start:-.125rem;font-size:.75rem;line-height:1rem}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-caption{margin-inline-start:.125rem}@media (prefers-reduced-motion:no-preference){.aiquants-menu-switch{transition:color .5s cubic-bezier(.4,0,.2,1)}.aiquants-menu-switch-bar{transition-property:inline-size,block-size,transform,opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}}@media (forced-colors:active){.aiquants-menu-switch-bar{forced-color-adjust:none;background-color:buttontext}}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-0{right:calc(var(--spacing) * 0)}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.z-2147483640{z-index:2147483640}.z-2147483642{z-index:2147483642}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-3\.5{margin-left:calc(var(--spacing) * 3.5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-8{height:calc(var(--spacing) * 8)}.h-full{height:100%}.h-px{height:1px}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-dvh{min-height:100dvh}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-8{width:calc(var(--spacing) * 8)}.w-\[240px\]{width:240px}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-11{min-width:calc(var(--spacing) * 11)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.overflow-hidden{overflow:hidden}.overscroll-contain{overscroll-behavior:contain}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-slate-900{border-color:var(--color-slate-900)}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-red-500\/90{background-color:#fb2c36e6}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/90{background-color:color-mix(in oklab, var(--color-red-500) 90%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.object-cover{object-fit:cover}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[length\:var\(--aqmb-font-size-body\,0\.8125rem\)\]{font-size:var(--aqmb-font-size-body,.8125rem)}.text-\[length\:var\(--aqmb-font-size-caption\,0\.6875rem\)\]{font-size:var(--aqmb-font-size-caption,.6875rem)}.leading-\[var\(--aqmb-line-height-body\,1\.25rem\)\]{--tw-leading:var(--aqmb-line-height-body,1.25rem);line-height:var(--aqmb-line-height-body,1.25rem)}.leading-\[var\(--aqmb-line-height-caption\,1\.25rem\)\]{--tw-leading:var(--aqmb-line-height-caption,1.25rem);line-height:var(--aqmb-line-height-caption,1.25rem)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-sky-600{color:var(--color-sky-600)}.text-white{color:var(--color-white)}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.opacity-0{opacity:0}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.before\:mr-2:before{content:var(--tw-content);margin-right:calc(var(--spacing) * 2)}.before\:inline-block:before{content:var(--tw-content);display:inline-block}.before\:h-2:before{content:var(--tw-content);height:calc(var(--spacing) * 2)}.before\:w-2:before{content:var(--tw-content);width:calc(var(--spacing) * 2)}.before\:shrink-0:before{content:var(--tw-content);flex-shrink:0}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:border-white\/30:hover{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/30:hover{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:bg-white\/25:hover{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/25:hover{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-amber-300\/60:focus-visible{--tw-ring-color:#ffd23699}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-amber-300\/60:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-amber-300) 60%, transparent)}}.focus-visible\:ring-red-300\/60:focus-visible{--tw-ring-color:#ffa3a399}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-red-300\/60:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-red-300) 60%, transparent)}}.focus-visible\:ring-white\/40:focus-visible{--tw-ring-color:#fff6}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-white\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:-outline-offset-2:focus-visible{outline-offset:calc(2px * -1)}.focus-visible\:outline-current:focus-visible{outline-color:currentColor}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (prefers-reduced-motion:no-preference){.motion-safe\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:duration-500{--tw-duration:.5s;transition-duration:.5s}}@media (min-width:40rem){.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.dark\:border-slate-500:where(.dark,.dark *){border-color:var(--color-slate-500)}.dark\:border-slate-600\/50:where(.dark,.dark *){border-color:#45556c80}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-600\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-600) 50%, transparent)}}.dark\:border-slate-600\/60:where(.dark,.dark *){border-color:#45556c99}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-600\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-600) 60%, transparent)}}.dark\:border-slate-700\/50:where(.dark,.dark *){border-color:#31415880}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-700\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}}.dark\:border-slate-700\/60:where(.dark,.dark *){border-color:#31415899}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-700\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-700) 60%, transparent)}}.dark\:bg-amber-600:where(.dark,.dark *){background-color:var(--color-amber-600)}.dark\:bg-red-600\/90:where(.dark,.dark *){background-color:#e40014e6}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-600\/90:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-red-600) 90%, transparent)}}.dark\:bg-slate-700\/50:where(.dark,.dark *){background-color:#31415880}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-700\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}}.dark\:bg-slate-700\/60:where(.dark,.dark *){background-color:#31415899}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-700\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-700) 60%, transparent)}}.dark\:bg-slate-800\/60:where(.dark,.dark *){background-color:#1d293d99}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-800\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-800) 60%, transparent)}}.dark\:text-sky-400:where(.dark,.dark *){color:var(--color-sky-400)}.dark\:text-slate-100:where(.dark,.dark *){color:var(--color-slate-100)}.dark\:text-slate-200:where(.dark,.dark *){color:var(--color-slate-200)}.dark\:text-slate-400:where(.dark,.dark *){color:var(--color-slate-400)}@media (hover:hover){.dark\:hover\:border-slate-600\/80:where(.dark,.dark *):hover{border-color:#45556ccc}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-slate-600\/80:where(.dark,.dark *):hover{border-color:color-mix(in oklab, var(--color-slate-600) 80%, transparent)}}.dark\:hover\:bg-amber-500:where(.dark,.dark *):hover{background-color:var(--color-amber-500)}.dark\:hover\:bg-red-500:where(.dark,.dark *):hover{background-color:var(--color-red-500)}.dark\:hover\:bg-slate-600:where(.dark,.dark *):hover{background-color:var(--color-slate-600)}.dark\:hover\:bg-slate-600\/80:where(.dark,.dark *):hover{background-color:#45556ccc}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-slate-600\/80:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-slate-600) 80%, transparent)}}.dark\:hover\:bg-slate-800\/90:where(.dark,.dark *):hover{background-color:#1d293de6}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-slate-800\/90:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-slate-800) 90%, transparent)}}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiquants/menu-bar",
-  "version": "1.22.1",
+  "version": "1.23.0",
   "private": false,
   "description": "A React menu bar component with authentication support and theming",
   "keywords": [