/* Help trigger · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: Button. */
/* base.css */
.help-q{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;border:1px solid hsl(var(--border));background:hsl(var(--background));color:hsl(var(--muted-foreground));font:var(--w-semibold) 13px/1 var(--font-voice);transition:background-color var(--motion-hover),color var(--motion-hover)}
/* base.css */
.help-q:hover, .help-q[aria-expanded=true]{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}
/* base.css */
.help-q{position:relative;transition:background-color var(--motion-hover),color var(--motion-hover),border-color var(--motion-hover),transform var(--motion-press)}
/* base.css */
.help-q::after{content:"";position:absolute;inset:-6px;border-radius:50%}
/* base.css */
.help-q:active{transform:translateY(var(--press-shift))}
/* base.css */
.help-q.is-hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}
/* base.css */
.help-q[aria-expanded=true]{border-color:hsl(var(--ring)/.55);color:hsl(var(--primary))}
/* base.css */
.kit-m .help-q{width:36px;height:36px}
/* base.css */
.kit-m .help-q::after{inset:-4px}