#main {
    display        : flex;
    flex           : 1;
    flex-direction : row;
    gap            : 2em;
    padding        : 2em;

    .b-grid {
        border                         : 1px solid var(--b-grid-cell-border-color);
        border-radius                  : var(--b-widget-border-radius-large);

        --b-grid-panel-header-padding  : var(--b-grid-header-padding);
        --b-panel-header-border-bottom : 1px solid var(--b-grid-cell-border-color);
        --b-panel-header-font-size     : 1.1em;
        --b-panel-header-font-weight   : 600;
        --b-grid-header-background     : transparent;
    }
}

.b-count {
    display             : flex;
    align-items         : center;
    gap                 : 0.5em;
    padding             : 0.25em 0.5em;
    margin-inline-start : auto;
    font-weight         : 400;
    font-size           : .8em;

    border-radius       : var(--b-widget-border-radius);
    background          : var(--b-neutral-95);
    color               : var(--b-neutral-50);
}