@layer components {
    .dashboard-panel-header {
            align-items: center;
            border-bottom: 1px solid var(--dashboard-color-border);
            display: flex;
            justify-content: space-between;
            padding: var(--dashboard-section-header-padding-y) var(--dashboard-section-padding-x);
        }

    .dashboard-panel-header__meta {
            color: var(--dashboard-color-text-muted);
            font-size: 0.875rem;
            line-height: 1.25rem;
        }

    .dashboard-panel-header--section {
            border-bottom: 0;
        }

    @media (min-width: 48rem) {
        .dashboard-panel-header {
                    padding-bottom: var(--dashboard-section-header-padding-y-lg);
                    padding-left: var(--dashboard-section-padding-x-lg);
                    padding-right: var(--dashboard-section-padding-x-lg);
                    padding-top: var(--dashboard-section-header-padding-y-lg);
                }
    }
}