/* @group @variables */

:root {
--counter-list-place-items: center center;
--counter-list-gap: .375rem;
--counter-list-marker-spacing: 2.25rem;
--counter-list-line-height: 1.875rem;
--counter-list-paddint-top: .375rem;
}

/* @end @variables */

/* @group @m-counter-list */

ol:not([class]) {
position: relative;
display: grid;
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: var(--counter-list-gap);
align-content: start;
counter-reset: li-entry;
}

ol:not([class])>li {
position: relative;
min-height: var(--counter-list-line-height);
padding-top: var(--counter-list-paddint-top);
padding-left: var(--counter-list-marker-spacing);
position: relative;
counter-increment: li-entry;
}

ol:not([class])>li:before {
box-sizing: border-box;
content: counter(li-entry);
position: absolute;
top: 0;
left: 0;
display: grid;
place-items: var(--counter-list-place-items);
width: var(--counter-list-line-height);
height: var(--counter-list-line-height);
background-color: var(--color-primary);
border-radius: 50%;
font-size: var(--counter-list-font-size-primary);
line-height: var(---counter-list-line-height);
color: var(--color-white);
speak: none;
}

/* @end @m-counter-list */

/* -------------------------------------------------------- */

/* @group @variables */

:root {
--content-list-gap: .375rem;
--content-list-line-height: 1.5rem;
--content-list-marker-spacing: 1.125rem;
--content-list-marker-width: .75rem;
--content-list-marker-height: 1px;
--content-list-marker-background-color: var(--color-darkgray);
}

[class*="m-content-list"] {
--content-list-marker-width: .375rem;
--content-list-marker-height: .375rem;
--content-list-marker-size: 5px;
}

/* @end @variables */

/* @group @m-content-list */

main ul:not([class]),
[class*="m-vertical-content-list"] {
position: relative;
display: grid;
align-content: var(--grid-align-content);
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: var(--content-list-gap);
align-content: start;
}

main ul:not([class])>li,
[class*="m-vertical-content-list"]>li {
position: relative;
padding-left: var(--content-list-marker-spacing);
}

main ul:not([class])>li:before,
[class*="m-vertical-content-list"]>li:before {
content: '';
position: absolute;
top: calc(var(--content-list-line-height) / 2);
left: 0;
width: var(--content-list-marker-width);
height: var(--content-list-marker-height);
border-radius: var(--content-list-marker-radius);
background-color: var(--content-list-marker-background-color);
transform: translateY(-50%);
}

/* @end @m-content-list */

/* -------------------------------------------------------- */

/* @group @variables */

:where([class*="m-check-list"]) {
--check-detail-gap: .75rem;
--check-detail-padding-left: 1.875rem;
--sprite-icon-top: .1875rem;
 --sprite-icon-size: 1.375rem;
 --sprite-icon-background-color: var(--color-primary);
 --sprite-icon-background-image: url('../img/sprite-svg.svg#icon-checkbox');
 --sprite-icon-background-size: 1rem 1rem;
}


/*[class*="m-check-list-proto"] {
--sprite-icon-mask-image: url('../img/sprite-svg.svg#icon-checkbox');
}

[class*="m-check-list-favorite"] {
--sprite-icon-mask-image: url('../img/sprite-svg.svg#icon-checkbox');
}

[class*="m-check-list-important"] {
--sprite-icon-mask-image: url('../img/sprite-svg.svg#icon-checkbox');
}*/

/* @end @variables */

/* @group @m-check-list */

[class*="m-check-list"] {
display: grid;
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: var(--check-detail-gap);
}

[class*="m-check-list"]>li {
position: relative;
padding-left: var(--check-detail-padding-left);
padding-top: var(--check-detail-padding-top);
padding-bottom: var(--check-detail-padding-bottom);
}

[class*="m-check-list"]>li:before {
content: '';
box-sizing: border-box;
position: absolute;
top: var(--sprite-icon-top);
left: 0;
width: var(--sprite-icon-size);
height: var(--sprite-icon-size);
background-color: var(--sprite-icon-background-color);
background-image: var(--sprite-icon-background-image);
background-size: var(--sprite-icon-background-size);
background-position: center center;
background-repeat: no-repeat;
border-radius: 50%;
-webkit-mask-image: var(--sprite-icon-mask-image);
mask-image: var(--sprite-icon-mask-image);
-webkit-mask-size: var(--sprite-icon-mask-size);
mask-size: var(--sprite-icon-mask-size);
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}

/* @end @m-check-list */

/* --------------------------------------------------------*/


/* @group @variables */

:where([class*="m-itemize-list"]) {
--check-detail-gap: .75rem 2.25rem;
--check-list-grid-auto-flow: row;
--check-detail-min-height: 3rem;
--check-detail-padding: .75rem .75rem .75rem 3rem;
--check-background-color: var(--background-color);

--sprite-icon-top: .75rem;
--sprite-icon-size: 1.5rem;
--sprite-icon-background-color: var(--color-primary);
--sprite-icon-mask-image: url('../img/sprite-svg.svg#icon-point');
--sprite-icon-mask-size: 1.375rem 1.375rem;
--font-weight: var(--font-weight-bold);
--font-variation-font-variation-settings: "wght" var(--font-weight-bold);
}

:where([style*="--section: proto;"] [class*="m-itemize-list"]) {
--check-background-color: var(--color-white);
}

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

:where([class*="m-itemize-list-secondary"]) {
--check-list-grid-auto-flow: column;
}

[class*="m-itemize-list"]>li:nth-last-of-type(2n+1) {
grid-column: 1;
}

}

/* @end @variables */

/* @group @m-itemize-list */

[class*="m-itemize-list"] {
display: grid;
grid-auto-flow: var(--check-list-grid-auto-flow);
grid-auto-columns: 1fr;
gap: var(--check-detail-gap);
}

[class*="m-itemize-list"]>li {
box-sizing: border-box;
position: relative;
min-height: var(--check-detail-min-height);
padding: var(--check-detail-padding);
background-color: var(--check-background-color);
border-radius: .75rem;
}

[class*="m-itemize-list"]>li:before {
content: '';
box-sizing: border-box;
position: absolute;
top: var(--sprite-icon-top);
left: .75rem;
width: var(--sprite-icon-size);
height: var(--sprite-icon-size);
background-color: var(--sprite-icon-background-color);
background-image: var(--sprite-icon-background-image);
background-size: var(--sprite-icon-background-size);
background-position: center center;
background-repeat: no-repeat;
border-radius: 50%;
-webkit-mask-image: var(--sprite-icon-mask-image);
mask-image: var(--sprite-icon-mask-image);
-webkit-mask-size: var(--sprite-icon-mask-size);
mask-size: var(--sprite-icon-mask-size);
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}

/* @end @m-itemize-list */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-note-list"] {
--content-list-gap: .375rem;
--note-list-mark-size: 1rem;
--note-list-font-size: 1rem;
--note-list-line-height: 1.5;
}

[class*="m-note-list-primary"],
[class*="a-note-detail-primary"] {
--content-list-gap: .375rem;
--note-list-mark-size: .75rem;
--note-list-font-size: .75rem;
--note-list-line-height: 1.5;
}

[class*="m-note-list-primero"],
[class*="a-note-detail-primero"] {
--content-list-gap: .375rem;
--note-list-mark-size: 1.5rem;
--note-list-font-size: .75rem;
--note-list-line-height: 1.5;
}

[class*="m-note-list-tertiary"],
[class*="a-note-detail-tertiary"] {
--note-list-font-size: .875rem;
}

[class*="m-note-list-proto"] {
--note-list-padding: .75rem;
--note-list-background-color: var(--background-color);
--note-list-font-size: .875rem;
}

[class*="m-note-list-deutero"] {
--note-list-padding: .75rem;
--note-list-background-color: var(--background-color);
--note-list-mark-size: 2.25rem;
--note-list-font-size: .875rem;
}

/* @end @variables */

/* @group @m-note-list */

[class*="m-note-list"] {
display: grid;
align-self: start;
grid-template-columns: repeat(1, 1fr);
gap: var(--content-list-gap);
padding: var(--note-list-padding);
background-color: var(--note-list-background-color);
}

[class*="m-note-list"]>li,
[class*="a-note-detail"] {
position: relative;
display: block;
padding-left: var(--note-list-mark-size);
font-size: var(--note-list-font-size);
line-height: var(--note-list-line-height);
}

[class*="m-note-list"]>li>span:first-of-type,
[class*="a-note-detail"]>span:first-of-type {
position: absolute;
top: 0;
left: 0;
}

/* @end @m-note-list */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="o-mutual-bread"] {
--padding: .75rem var(--x-padding-right) calc(.75rem - 1px) var(--x-padding-left);
--spacing: .75rem;
--gap: .375rem;
}

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

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

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

/* @end @variables */

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

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

[class*="o-mutual-bread"] ol {
display: grid;
justify-content: start;
grid-auto-flow: column;
gap: .75rem;
}

[class*="o-mutual-bread"] li {
display: grid;
justify-content: start;
align-items: center;
grid-template-columns: repeat(2, auto);
gap: .75rem;
}

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

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

}

[class*="o-mutual-bread"] li:not(:last-of-type):after {
content: '\0203A';
grid-column: 2;
position: relative;
display: grid;
justify-content: center;
align-items: center;
font-size: 1.5rem;
line-height: 1;
vertical-align: top;
}

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