////
///
/// Empty State Site Styles
/// ===========================================================================
///
/// Classes the scapepress sites use next to the native `empty-state` module,
/// moved here from the removed `32-utilities/_scapepress-parity.scss` shim.
/// Forwarded from `31-modules/_index.scss` ahead of every module rather than
/// from this module's index, so at equal specificity the native rules win.
///
/// 8 blocks, each still marked with the site and file it came from.
/// Values read `--ss-*` tokens in place of the sites' own Sass and
/// custom-property variables.
///
/// @group Modules.EmptyState
/// @author Scape Press
/// @link https://scape.style
/// @since 0.6.0
/// @access public
///
////

@use "../../01-core/external" as *;

// ============================================================================
// Output
// ============================================================================

@layer ss.components {
    // -- empty-state  (from site-phytosync_com/src/static/scss/index.scss) --

    // -- empty-icon  (from site-phytosync_com/src/static/scss/index.scss) --
    .ss-c-empty-icon {
        width: q(64);
        height: q(64);
        color: var(--ss-color-gray-200);
        margin: 0 auto var(--ss-spacing-4);
    }

    // -- empty-title  (from site-phytosync_com/src/static/scss/index.scss) --
    .ss-c-empty-title {
        font-size: var(--ss-font-size-xl);
        color: var(--ss-color-gray-700);
        margin-bottom: unset;
    }

    // -- empty-description  (from site-phytosync_com/src/static/scss/index.scss) --
    .ss-c-empty-description {
        font-size: var(--ss-font-size-sm);
        color: var(--ss-color-gray-500);
        max-width: q(320);
        margin: 0 auto;
    }

    // -- no-results  (from site-phytosync_com/src/static/scss/index.scss) --
    .ss-c-no-results {
        text-align: center;
        padding: var(--ss-spacing-16) var(--ss-spacing-6);
    }

    // -- no-results-icon  (from site-phytosync_com/src/static/scss/index.scss) --
    .ss-c-no-results-icon {
        width: q(64);
        height: q(64);
        color: var(--ss-color-gray-200);
        margin: 0 auto var(--ss-spacing-4);
    }

    // -- no-results-title  (from site-phytosync_com/src/static/scss/index.scss) --
    .ss-c-no-results-title {
        font-size: var(--ss-font-size-xl);
        color: var(--ss-color-gray-700);
        margin-bottom: unset;
    }

    // -- no-results-text  (from site-phytosync_com/src/static/scss/index.scss) --
    .ss-c-no-results-text {
        font-size: var(--ss-font-size-sm);
        color: var(--ss-color-gray-500);
    }
}