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

/* @group @variables */

[class*="m-note-list"],
[class*="a-note-detail"] {
--content-list-gap: .375rem;
--note-list-padding-left-size: 1rem;
}

.m-note-list-tertiary,
.a-note-detail-tertiary {
--note-list-padding-left-size: .875rem;
--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-padding-left-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 */