/* content-list --------------------------------------------------------*/

/* @group @variables */

:root {
--content-list-gap: .375rem;
--content-list-line-height: 1.5rem;
--content-list-marker-spacing: 1.125rem;
--content-list-marker-background-color: var(--color-black);
}

.m-content-list-primary {
--content-list-marker-size-primary: 5px;
}

.m-content-list-secondary,
.a-blog-article-contents ul {
--content-list-marker-size-width-secondary: .75rem;
--content-list-marker-size-height-secondary: 2px;
}

[class*="o-chapter-secondary"] [class*="m-content-list"] {
--content-list-marker-background-color: var(--color-white);
}

/* @end @variables */

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

[class*="m-content-list"],
.a-blog-article-contents ul {
position: relative;
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: var(--content-list-gap);
align-content: start;
}

[class*="m-content-list"]>li,
.a-blog-article-contents ul>li {
position: relative;
padding-left: var(--content-list-marker-spacing);
}

[class*="m-content-list"]>li:before,
.a-blog-article-contents ul>li:before {
content: '';
position: absolute;
top: calc(var(--content-list-line-height) / 2);
left: 0;
background-color: var(--content-list-marker-background-color);
transform: translateY(-50%);
}

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

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

.m-content-list-primary>li:before {
width: var(--content-list-marker-size-primary);
height: var(--content-list-marker-size-primary);
border-radius: var(--content-list-marker-radius-primary);
}

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

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

.m-content-list-secondary>li:before,
.a-blog-article-contents ul>li:before {
width: var(--content-list-marker-size-width-secondary);
height: var(--content-list-marker-size-height-secondary);
}

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

/* counter-list --------------------------------------------------------*/

/* @group @variables */

:root {
--counter-list-gap: .375rem;
--counter-list-marker-spacing: 2.25rem;
--counter-list-line-height: 1.875rem;
}

/* @end @variables */

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

[class*="m-counter-list"],
.a-blog-article-contents ol {
position: relative;
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: var(--counter-list-gap);
align-content: start;
counter-reset: li-entry;
}

[class*="m-counter-list"]>li,
.a-blog-article-contents ol>li {
position: relative;
min-height: var(--counter-list-line-height);
padding-left: var(--counter-list-marker-spacing);
counter-increment: li-entry;
}

[class*="m-counter-list"]>li:before,
.a-blog-article-contents ol>li:before {
box-sizing: border-box;
content: counter(li-entry);
position: absolute;
top: 0;
left: 0;
display: grid;
place-items: var(--place-items-center-primary);
width: var(--counter-list-line-height);
height: var(--counter-list-line-height);
background-color: var(--color-brand);
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 */

/* note-list --------------------------------------------------------*/

/* @group @variables */

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

.m-note-list-secondary,
.a-note-detail-secondary {
--note-list-font-size: .75rem;
--note-list-line-height: 1.5;
}

.m-note-list-tertiary,
.a-note-detail-tertiary {
--note-list-font-size: .875rem;
--note-list-line-height: 1.714285714;
}

/* @end @variables */

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

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

[class*="m-note-list"]>li,
[class*="a-note-detail"] {
position: relative;
display: block;
padding-left: var(--note-list-font-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 */

/* cheque-list --------------------------------------------------------*/

/* @group @variables */

[class*="m-cheque-list"] {
--check-list-gap: .75rem;
--check-list-icon-size: 1.875rem;
--check-list-spacing-top: .1875rem;
--check-list-spacing-bottom: calc(var(--check-list-gap) + var(--check-list-spacing-top));
--check-list-spacing-left: 2.25rem;
--check-list-icon-background-color: var(--color-brand);
--check-list-icon-border-radius: 50%;
--check-list-border-color: var(--color-very-light-gray);
/*--text-block-font-size: 1.125rem;
--text-block-line-height: 1.333333333;*/
--check-list-icon-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eicon-check-list%3C/title%3E%3Cdefs%3E%3Cpath id='a' d='M24 0v24H0V0h24zm-8.364 8l-5 5.176-2.272-2.352L7 12.235 10.636 16 17 9.412 15.636 8z'/%3E%3C/defs%3E%3Cuse fill='hsl(0, 0%25, 27%25)' fill-rule='evenodd' xlink:href='%23a'/%3E%3C/svg%3E");
}

/* @end @variables */

/* @group @variables */

[class*="m-cheque-list-pickup"] {
--heading-3-font-size: 1.25rem;
--heading-3-line-height: 1.5;
--heading-3-color: var(--color-brand);
--text-block-font-size: .75rem;
--text-block-line-height: 1.5;
}


/* @end @variables */

/* @group @m-cheque-list */

[class*="m-cheque-list"] {
position: relative;
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: var(--check-list-gap);
align-content: start;
padding-top: var(--check-list-spacing-bottom);
box-shadow: inset 0 1px 0 var(--check-list-border-color);
}

[class*="m-cheque-list"]>li {
position: relative;
min-height: var(--check-list-size);
padding-top: var(--check-list-spacing-top);
padding-bottom: var(--check-list-spacing-bottom);
padding-left: var(--check-list-spacing-left);
box-shadow: inset 0 -1px 0 var(--check-list-border-color);
}

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

/* @end @m-cheque-list */

/* prufen-list --------------------------------------------------------*/

/* @group @variables */

[class*="m-prufen-list"] {
--check-list-gap: .375rem;
--check-list-icon-size: 1.875rem;
--check-list-spacing-top: .1875rem;
--check-list-spacing-bottom: calc(var(--check-list-gap) + var(--check-list-spacing-top));
--check-list-spacing-left: 2.25rem;
--check-list-icon-background-color: var(--color-brand);
--check-list-icon-border-radius: 50%;
--check-list-border-color: var(--color-very-light-gray);
/*--text-block-font-size: 1.125rem;
--text-block-line-height: 1.333333333;*/
--check-list-icon-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Eicon-check-list%3C/title%3E%3Cdefs%3E%3Cpath id='a' d='M24 0v24H0V0h24zm-8.364 8l-5 5.176-2.272-2.352L7 12.235 10.636 16 17 9.412 15.636 8z'/%3E%3C/defs%3E%3Cuse fill='hsl(0, 0%25, 27%25)' fill-rule='evenodd' xlink:href='%23a'/%3E%3C/svg%3E");
}

/* @end @variables */

/* @group @variables */

[class*="m-prufen-list-pickup"] {
--check-list-spacing-top: 0;
--check-list-spacing-left: 2.625rem;
--check-list-icon-border-radius: 0;
--heading-3-font-size: 1.25rem;
--heading-3-line-height: 1.5;
--heading-3-color: var(--color-brand);
--text-block-font-size: .75rem;
--text-block-line-height: 1.5;
}

/* @end @variables */

/* @group @m-prufen-list */

[class*="m-prufen-list"] {
position: relative;
display: inline-grid;
grid-template-columns: repeat(1, 1fr);
gap: var(--check-list-gap);
align-content: start;
}

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

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

/* @end @m-prufen-list */