:host,stencila-menu-item{
  align-items:center;
  color:#4a4a4a;
  color:var(--color-key,#4a4a4a);
  cursor:pointer;
  display:flex;
  font-family:sans-serif;
  font-family:var(--font-family-body,sans-serif);
  height:3rem;
  text-decoration:none
}

:host(:not([aria-disabled]):focus),:host(:not([aria-disabled]):hover),stencila-menu-item:not([aria-disabled]):focus,stencila-menu-item:not([aria-disabled]):hover{
  background-color:#e9eaf1;
  background-color:var(--color-neutral-50,#e9eaf1)
}

:host stencila-icon,stencila-menu-item stencila-icon{
  margin-right:.5rem
}

:host>li,stencila-menu-item>li{
  list-style-type:none;
  margin:0;
  padding:0 1rem;
  white-space:nowrap;
  width:100%
}

:host>li ::slotted(stencila-menu),stencila-menu-item>li ::slotted(stencila-menu){
  width:100%
}

:host([size=xsmall]),stencila-menu-item[size=xsmall]{
  font-size:.75rem;
  height:1.25rem;
  line-height:1rem
}

:host([size=xsmall]) stencila-icon,stencila-menu-item[size=xsmall] stencila-icon{
  margin-right:.25rem
}

:host([size=sm]),stencila-menu-item[size=sm]{
  font-size:1rem;
  height:1.5rem;
  line-height:1.5rem
}

:host([aria-disabled]),stencila-menu-item[aria-disabled]{
  cursor:default
}

:host([divider]),stencila-menu-item[divider]{
  color:var(--color-neutral-600);
  font-size:.75rem;
  font-weight:700;
  line-height:1rem
}

