/* @group @m-nav-list */

.m-nav-list {
display: grid;
}

/* @end @m-nav-list */

/* @group @m-nav-list-primary */

.m-nav-list-primary {
display: grid;
grid-template-columns: var(--grid-columns);
grid-column-gap: var(--column-gap);
grid-row-gap: var(--row-gap);
margin-bottom: var(--margin-bottom);
}

/* @end @m-nav-list-primary */

/* @group @m-nav-list-proto */

.m-nav-list-proto {
display: grid;
grid-template-columns: var(--grid-columns);
grid-column-gap: var(--column-gap);
grid-row-gap: var(--row-gap);
margin-bottom: var(--margin-bottom);
}

/* @end @m-nav-list-proto */

/* @group @m-nav-list-secondary */

.m-nav-list-secondary {
display: grid;
grid-template-rows: repeat(auto-fill, 1fr);
grid-column-gap: var(--column-gap);
grid-row-gap: var(--row-gap);
margin-bottom: var(--margin-bottom);
}

/* @end @m-nav-list-secondary */

/* @group @m-nav-list-senary */

.m-nav-list-senary {
display: grid;
margin-bottom: var(--margin-bottom);
}

.m-nav-list-senary>li,
.m-nav-list-senary button {
display: contents;
text-align: left;
}

@media all and (max-width: 47.9375em) {

.m-nav-list-senary {
grid-template-rows: repeat(auto-fill, 1fr);
grid-row-gap: var(--row-gap);
}

}

@media all and (min-width: 48em) {

.m-nav-list-senary {
--grid-columns: repeat(var(--column-count), auto);
grid-column-gap: var(--spacing-x-small);
}

}

/* @end @m-nav-list-senary */

/* @group @a-nav-list-child-list */

.a-nav-list-child-list>li {
display: flex;
width: 100%;
}

@supports (display:contents){
.a-nav-list-child-list>li {display: contents;}
}

/* @end @a-nav-list-child-list */