@layer components {
    .flash-stack {
        display: grid;
        gap: var(--space-2);
        margin-block-end: var(--space-4);
    }

    .flash {
        padding: var(--space-3) var(--space-4);
        border-radius: var(--radius-m);
        border: 1px solid var(--line);
        background: var(--paper);
        font-size: var(--size-small);
    }

    .flash-error {
        border-color: var(--kalyna);
        color: var(--kalyna);
    }

    .flash-success {
        border-color: var(--moss);
        color: var(--moss);
    }

    .flash-info {
        border-color: var(--sky);
        color: var(--sky-deep);
    }
}