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

Shopify’s admin product component library

.Polaris-CalloutCard_ttsf2 { display: flex; align-items: center; }

.Polaris-CalloutCard__Image_2qgms { display: none; flex: 0 0 auto; width: 6.25rem; }

@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em) { [data-has-navigation] .Polaris-CalloutCard__Image_2qgms { display: block; margin-left: 1.25rem; } }

@media (min-width: 30.625em) { .Polaris-CalloutCard__Image_2qgms { display: block; margin-left: 1.25rem; } }

.Polaris-CalloutCard__DismissImage_1dcw4 { margin-right: 1.25rem; }

.Polaris-CalloutCard__Content_xd1mk { flex: 1 1 auto; }

.Polaris-CalloutCard__Title_2qj8j { margin-bottom: 1.25rem; }

.Polaris-CalloutCard__Buttons_17lkt { margin-top: 1.25rem; }

.Polaris-CalloutCard__Container_13mbo { position: relative; }

.Polaris-CalloutCard__Dismiss_z8d6a { right: 1rem; top: 1rem; position: absolute; }

.Polaris-CalloutCard--hasDismiss_kf0ua { padding-right: calc(2rem + var(--p-icon-size)); }