/*
 * <x-menu-separator>: a line between groups of items in a menu — 1px in `outline-variant`, with
 * M3's 8px above and below it, inset to the 16px the items keep either side (M3's menu page:
 * "dividers are more subtle and are the right choice for scrollable menus"; SegmentedMenuTokens'
 * divider spacing).
 */

@layer material.reset, material.tokens, material.base, material.layout, material.components, material.text, material.visibility;

@layer material.components {
    [data-md-menu-separator] {
        block-size: 1px;
        margin-block: var(--md-sys-measurement-space100);
        margin-inline: var(--md-sys-measurement-space200);
        border-width: 0;
        background-color: var(--md-sys-color-outline-variant);
    }
}