@shopware-ag/meteor-component-library/dist/mt-action-menu-group.css

The meteor component library is a Vue component library developed by Shopware. It is based on the [Meteor Design System](https://shopware.design/).

.mt-action-menu-group {
  padding-block: var(--scale-size-4);
  border-bottom: 1px solid var(--color-border-secondary-default);
  margin-inline: calc(var(--scale-size-4) * -1);
  padding-inline: var(--scale-size-4);
}
.mt-action-menu-group:last-child {
  border-bottom: none;
  padding-block-end: 0;
}
.mt-action-menu-group:first-child {
  padding-block-start: 0;
}

/* 
  When group has mixed icons (some items with, some without),
  add left padding to items without icons to align text.
*/
.mt-action-menu-group--needs-inset .mt-action-menu-item:not([data-has-icon]) {
  /* 16px icon + 8px gap */
  padding-inline-start: calc(var(--scale-size-10) + 16px + var(--scale-size-8));
}