@shopify/polaris/dist/esnext/components/EmptyState/EmptyState.css

Shopify’s product component library

.Polaris-EmptyState_z7e24{ display:flex; flex-direction:column; align-items:center; width:100%; margin:2rem auto 0 auto; padding:2rem 0; max-width:99.8rem; }

.Polaris-EmptyState__Section_1b1h1{ position:relative; display:flex; flex-direction:column; flex:1 1 auto; width:100%; }

@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-EmptyState__Section_1b1h1{ left:2rem; flex-direction:row; align-items:center; } }

@media (min-width: 46.5em){ .Polaris-EmptyState__Section_1b1h1{ left:2rem; flex-direction:row; align-items:center; } }

.Polaris-EmptyState__ImageContainer_wrfol, .Polaris-EmptyState__DetailsContainer_1a2i4{ flex:1 1 auto; padding:0; margin:0; }

@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-EmptyState__ImageContainer_wrfol, [data-has-navigation] .Polaris-EmptyState__DetailsContainer_1a2i4{ flex-basis:50%; } }

@media (min-width: 46.5em){ .Polaris-EmptyState__ImageContainer_wrfol, .Polaris-EmptyState__DetailsContainer_1a2i4{ flex-basis:50%; } }

@media (max-width: 30.625em), (min-width: 48.0625em) and (max-width: 47.125em){ [data-has-navigation] .Polaris-EmptyState__ImageContainer_wrfol, [data-has-navigation] .Polaris-EmptyState__DetailsContainer_1a2i4{ overflow-x:hidden; } }

@media (max-width: 30.625em){ .Polaris-EmptyState__ImageContainer_wrfol, .Polaris-EmptyState__DetailsContainer_1a2i4{ overflow-x:hidden; } }

.Polaris-EmptyState--newDesignLanguage_1rik8, .Polaris-EmptyState--withinContentContainer_1uwmg{ margin:0 auto; padding-top:2rem; padding-bottom:6rem; }

.Polaris-EmptyState--newDesignLanguage_1rik8 .Polaris-EmptyState__Section_1b1h1, .Polaris-EmptyState--withinContentContainer_1uwmg .Polaris-EmptyState__Section_1b1h1{ position:unset; flex-direction:column-reverse; align-items:center; justify-content:center; }

.Polaris-EmptyState--newDesignLanguage_1rik8 .Polaris-EmptyState__Details_1bdkj, .Polaris-EmptyState--withinContentContainer_1uwmg .Polaris-EmptyState__Details_1bdkj{ display:flex; text-align:center; flex-direction:column; align-items:center; }

@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-EmptyState--newDesignLanguage_1rik8 .Polaris-EmptyState__Details_1bdkj, [data-has-navigation] .Polaris-EmptyState--withinContentContainer_1uwmg .Polaris-EmptyState__Details_1bdkj{ max-width:40rem; } }

@media (min-width: 30.625em){ .Polaris-EmptyState--newDesignLanguage_1rik8 .Polaris-EmptyState__Details_1bdkj, .Polaris-EmptyState--withinContentContainer_1uwmg .Polaris-EmptyState__Details_1bdkj{ max-width:40rem; } }

.Polaris-EmptyState--newDesignLanguage_1rik8 .Polaris-EmptyState__Image_2qgms, .Polaris-EmptyState--withinContentContainer_1uwmg .Polaris-EmptyState__Image_2qgms{ margin:0; width:initial; }

.Polaris-EmptyState--newDesignLanguage_1rik8 .Polaris-EmptyState__Content_xd1mk, .Polaris-EmptyState--withinContentContainer_1uwmg .Polaris-EmptyState__Content_xd1mk{ font-size:1.5rem; font-weight:400; line-height:2rem; text-transform:initial; letter-spacing:initial; padding-bottom:0.8rem; }

@media (min-width: 40em){ .Polaris-EmptyState--newDesignLanguage_1rik8 .Polaris-EmptyState__Content_xd1mk, .Polaris-EmptyState--withinContentContainer_1uwmg .Polaris-EmptyState__Content_xd1mk{ font-size:1.4rem; } }

.Polaris-EmptyState--withinPage_kguwn .Polaris-EmptyState__Details_1bdkj{ position:relative; z-index:10; padding:0 1.6rem; width:33.6rem; }

@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-EmptyState--withinPage_kguwn .Polaris-EmptyState__Details_1bdkj{ padding:0; } }

@media (min-width: 30.625em){ .Polaris-EmptyState--withinPage_kguwn .Polaris-EmptyState__Details_1bdkj{ padding:0; } }

.Polaris-EmptyState--withinPage_kguwn .Polaris-EmptyState__Image_2qgms{ position:relative; z-index:0; margin-top:-2rem; margin-left:-70%; width:190%; max-width:none; }

@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-EmptyState--withinPage_kguwn .Polaris-EmptyState__Image_2qgms{ margin-left:0; width:100%; } }

@media (min-width: 30.625em){ .Polaris-EmptyState--withinPage_kguwn .Polaris-EmptyState__Image_2qgms{ margin-left:0; width:100%; } }

@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-EmptyState--withinPage_kguwn .Polaris-EmptyState__Image_2qgms{ margin-top:0; margin-left:-70%; width:170%; } }

@media (min-width: 46.5em){ .Polaris-EmptyState--withinPage_kguwn .Polaris-EmptyState__Image_2qgms{ margin-top:0; margin-left:-70%; width:170%; } }

@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-EmptyState--imageContained_z6t0k .Polaris-EmptyState__Image_2qgms{ position:initial; width:100%; } }

@media (min-width: 46.5em){ .Polaris-EmptyState--imageContained_z6t0k .Polaris-EmptyState__Image_2qgms{ position:initial; width:100%; } }

.Polaris-EmptyState--fullWidth_zyvh4 .Polaris-EmptyState__Details_1bdkj{ max-width:100%; }

.Polaris-EmptyState__Content_xd1mk{ font-size:1.6rem; font-weight:400; line-height:2.4rem; color:var(--p-text-subdued, #637381); }

@media (min-width: 40em){ .Polaris-EmptyState__Content_xd1mk{ font-size:2rem; line-height:2.8rem; } }

.Polaris-EmptyState__Actions_17m67{ margin-top:1.6rem; }

.Polaris-EmptyState__FooterContent_pymp5{ color:var(--p-text-subdued, #637381); margin-top:1.6rem; }