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

/* @group @variables */

[class*="o-mutual-bread"] {
--layout-y-padding-top: .75rem;
--layout-x-padding-right: var(--body-x-padding-right);
--layout-y-padding-bottom: .75rem;
--layout-x-padding-left: var(--body-x-padding-left);
--bread-list-gap-primary: .375rem;
--bread-list-marker-size: 1.5rem;
--bread-list-line-height: 1.25;
--bread-list-box-shadow-color: var(--color-gainsboro);
--bread-link-border-bottom: var(--link-border-size) solid var(--bread-link-border-color);
--bread-link-border-color: var(--color-link-border);
--bread-link-color: var(--color-link);
--bread-link-action-border-color: transparent;
--bread-link-action-color: var(--color-link-action);
--bread-link-active-border-color: transparent;
--bread-link-active-color: var(--color-link-active);
--text-block-margin-bottom: calc(-1 * var(--bread-list-gap-primary));
}

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

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

/* @end @variables */

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

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

[class*="o-mutual-bread"] ol {
display: flex;
flex-wrap: wrap;
}

[class*="o-mutual-bread"] li {
display: grid;
align-items: center;
grid-template-columns: auto auto;
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 */

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

[class*="o-mutual-bread"] a {
border-bottom: var(--bread-link-border-bottom);
color: var(--bread-link-color);
}

[class*="o-mutual-bread"] a:hover,
[class*="o-mutual-bread"] a:focus {
border-bottom-color: var(--bread-link-action-border-color);
color: var(--bread-link-action-color);
}

[class*="o-mutual-bread"] a:active {
border-bottom-color: var(--bread-link-active-border-color);
color: var(--bread-link-active-color);
}

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