@include namespace('note') {
    @include store((
        --colors: (
            --fg: prop(--colors --accent --strong, $global: true),
            --bg: prop(--colors --accent --faint, $global: true),
        ),
        --dims: (
            --pad-x: 1em,
            --pad-y: .7em
        )
    ));

    @include component(namespace()) {
        margin-top:       $line-height * 1rem;
        padding:          prop(--dims --pad-y) prop(--dims --pad-x);
        background-color: prop(--colors --bg);
        color:            prop(--colors --fg);

        :first-child {
            margin-top: 0;
        }
    }
}