@layer components {

    .notice {
        display: grid;
        gap: var(--s-1);
        padding: var(--s-4) var(--s-5);
        border-left: 2px solid var(--c-accent);
        border-radius: var(--r-1);
        background: var(--c-tile);
    }

    .notice__title {
        font-weight: 500;
    }

    .notice__text {
        font-size: var(--t-sm);
        color: var(--c-muted);
    }

}