/* Icon button · 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 */
.p-bar .icon-btn{width:var(--control-h-m);height:var(--control-h-m);border:0;background:transparent}
/* base.css */
.kit-m .icon-btn{width:var(--control-h-m);height:var(--control-h-m)}
/* base.css */
.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:var(--r-control);border:1px solid hsl(var(--border));background:hsl(var(--secondary));color:hsl(var(--foreground));transition:background-color var(--motion-hover),border-color var(--motion-hover)}
/* base.css */
.icon-btn:hover{background:hsl(var(--muted))}
/* base.css */
.icon-btn.ghost{border-color:transparent;background:transparent;color:hsl(var(--muted-foreground))}
/* base.css */
.icon-btn.sm{width:32px;height:32px}
/* families/form-controls/family.css */
.icon-btn[disabled]{opacity:.45;pointer-events:none}
/* families/form-controls/family.css */
.icon-btn.danger{color:hsl(var(--destructive))}