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

Shopify’s admin product component library

.Polaris-EmptyState_z7e24 { display: flex; flex-direction: column; align-items: center; width: 100%; margin: 0 auto; padding: var(--p-space-5) 0; padding-top: var(--p-space-5); padding-bottom: calc(var(--p-space-5)*3); max-width: 62.375rem; }

.Polaris-EmptyState__Section_1b1h1 { display: flex; flex-direction: column-reverse; flex: 1 1 auto; width: 100%; align-items: center; justify-content: center; }

@media (min-width: 48em) { .Polaris-EmptyState__Section_1b1h1 { left: var(--p-space-5); } }

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

@media (min-width: 30.625em) { .Polaris-EmptyState__Details_1bdkj { max-width: 25rem; } }

.Polaris-EmptyState__Image_2qgms { margin: 0; width: initial; }

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

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

.Polaris-EmptyState--withinContentContainer_1uwmg { margin: 0 auto; padding-top: var(--p-space-5); padding-bottom: calc(var(--p-space-5)*3); }

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

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

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

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

.Polaris-EmptyState--withinContentContainer_1uwmg .Polaris-EmptyState__Content_xd1mk { font-size: 0.9375rem; font-weight: var(--p-font-weight-regular); line-height: var(--p-font-line-height-2); text-transform: initial; letter-spacing: initial; padding-bottom: var(--p-space-2); }

@media (min-width: 48em) { .Polaris-EmptyState--withinContentContainer_1uwmg .Polaris-EmptyState__Content_xd1mk { font-size: var(--p-font-size-100); } }

@media (min-width: 48em) { .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: 0.9375rem; font-weight: var(--p-font-weight-regular); line-height: var(--p-font-line-height-2); text-transform: initial; letter-spacing: initial; color: var(--p-text-subdued); padding-bottom: var(--p-space-2); }

@media (min-width: 48em) { .Polaris-EmptyState__Content_xd1mk { font-size: var(--p-font-size-100); } }

.Polaris-EmptyState__Actions_17m67 { margin-top: var(--p-space-4); }

.Polaris-EmptyState__FooterContent_pymp5 { color: var(--p-text-subdued); margin-top: var(--p-space-4); }