/* @group @a-bulleted-list */

:where([class*="a-school-pickup-contents"]) ul,
[class*="a-bulleted-list"] {
display: grid;
grid-auto-flow: row;
gap: .5rem;
padding-left: 0;
}

:where([class*="a-school-pickup-contents"]) ul>li,
[class*="a-bulleted-list"]>li {
position: relative;
padding-left: 1.25rem;
list-style: none;
}

:where([class*="a-school-pickup-contents"]) ul>li:before,
[class*="a-bulleted-list"]>li:before {
content: '';
position: absolute;
top: .5rem;
left: .25rem;
width: .375rem;
height: .375rem;
background-color: hsl(65deg 93% 40%);
border-radius: 50%;
}

/* @end @a-bulleted-list */

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

/* @group @variables */

[class*="a-check-list"] {
--check-list-display: grid;
--check-list-grid-template-columns: repeat(1, 1fr);
--check-list-gap: .75rem;
}

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

[class*="a-check-list-secondary"] {
--check-list-grid-template-columns: repeat(3, 1fr);
/*--check-list-display: flex;
flex-wrap: wrap;
flex-direction: row;
--check-list-gap: 1.75rem 1.5rem;*/
}

}

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

[class*="a-check-list-secondary"] {
--check-list-grid-template-columns: repeat(5, 1fr);
}

}

/* @end @variables */

/* @group @a-check-list */

[class*="a-check-list"] {
display: var(--check-list-display);
grid-template-columns: var(--check-list-grid-template-columns);
grid-template-rows: var(--check--list-grid-template-rows);
gap: var(--check-list-gap);
gap: .5rem;
padding-left: 0;
}

[class*="a-check-list"]>li {
position: relative;
padding-left: 1.5rem;
list-style: none;
}

[class*="a-check-list"]>li:before {
content: '';
position: absolute;
top: .25rem;
left: 0;
width: 1rem;
height: 1rem;
background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7"/><path d="M2.9165 7.42425L4.03009 6.31066L5.88625 8.16683L9.96959 4.0835L11.0832 5.19708L5.88625 10.394L2.9165 7.42425Z" fill="hsl(0deg 0% 100%)"/></svg>');
background-position: 0 0;
background-repeat: no-repeat;
background-color: red;
background-color: hsl(65deg 93% 40%);
background-size: 1rem auto;
border-radius: 50%;
}

/* @end @a-check-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-mark-size: .875rem;
--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-auto-flow: row;
grid-auto-columns: 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 */