/* bread-list --------------------------------------------------------*/

/* @group @variables */

[class*="o-mutual-bread"] {
--bread-list-spacing: .75rem;
--bread-list-gap-primary: .375rem;
--bread-list-marker-size: 1.5rem;
--bread-list-line-height: 1.25;
}

[class*="o-mutual-bread-primary"] {
--bread-list-box-shadow: inset 0 -1px 0 0 var(--color-gainsboro);
}

/* @end @variables */

/* @group @o-mutual-bread-primary */

[class*="o-mutual-bread"] {
box-sizing: border-box;
overflow: hidden;
padding-top: var(--bread-list-spacing);
padding-bottom:var(--bread-list-spacing);
background-color: var(--color-white);
box-shadow: var(--bread-list-box-shadow);
}

[class*="o-mutual-bread"] ol {
display: flex;
flex-wrap: wrap;
margin-bottom: calc(-1 * var(--bread-list-gap-primary));
}

[class*="o-mutual-bread"] li {
display: grid;
align-items: center;
grid-template-columns: auto auto;
margin-right: var(--bread-list-gap-primary);
margin-bottom: var(--bread-list-gap-primary);
}

[class*="o-mutual-bread"] li:last-of-type {
font-weight: var(--font-weight-quaternary);
color: var(--color-dimgray);
}

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

[class*="o-mutual-bread"] li:last-of-type {
min-width: 100%;
max-width: 100%;
}

}

[class*="o-mutual-bread"] li:not(:last-of-type):after {
content: '\0203A';
position: relative;
display: grid;
place-items: var(--place-items-center-primary);
width: var(--bread-list-marker-size);
font-size: var(--bread-list-marker-size);
line-height: 1;
}

/* @end @o-mutual-bread-primary */