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

Shopify’s admin product component library

/* stylelint-disable unit-disallowed-list */
/* stylelint-disable length-zero-no-unit */
/* Breakpoints - Aliases */
/* Breakpoints - Media conditions */
.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: var(--p-space-5); } }

@media (min-width: 30.625em) { .Polaris-CalloutCard__Image_2qgms { display: block; margin-left: var(--p-space-5); } }

.Polaris-CalloutCard__DismissImage_1dcw4 { margin-right: var(--p-space-5); }

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

.Polaris-CalloutCard__Title_2qj8j { margin-bottom: var(--p-space-5); }

.Polaris-CalloutCard__Buttons_17lkt { margin-top: var(--p-space-5); }

.Polaris-CalloutCard__Container_13mbo { position: relative; }

.Polaris-CalloutCard__Dismiss_z8d6a { right: var(--p-space-4); top: var(--p-space-4); position: absolute; }

.Polaris-CalloutCard--hasDismiss_kf0ua { padding-right: calc(var(--p-space-8) + var(--p-icon-size-small)); }