@layer components{.MediaContentBlock{--u-breakout-background: var(--theme-background-color);background-color:var(--theme-background-color);color:var(--theme-foreground-color);display:flex;gap:var(--MediaContentBlock-flex-gap);justify-content:center;padding-block-end:var(--MediaContentBlock-padding-block-end)}.MediaContentBlock-text{flex:1 1 40%;padding-block-start:var(--MediaContentBlock-text-padding-block-start);padding-inline-end:var(--MediaContentBlock-text-padding-inline-end);padding-inline-start:var(--MediaContentBlock-text-padding-inline-start)}.MediaContentBlock-heading,.MediaContentBlock-overline{margin-block-end:var(--MediaContentBlock-heading-margin-block-end)}.MediaContentBlock:not([data-theme]) .MediaContentBlock-copy{color:var(--shared-color-text-secondary)}.MediaContentBlock-cta{margin-block-start:var(--size-24)}.MediaContentBlock-media{aspect-ratio:4 / 3;flex:1 1 60%;max-inline-size:56.375rem}@media (width < 48rem){.MediaContentBlock{--MediaContentBlock-flex-gap: var(--size-48);--MediaContentBlock-padding-block-end: var(--size-96);--MediaContentBlock-heading-margin-block-end: var(--size-8);--MediaContentBlock-text-padding-block-start: 0;--MediaContentBlock-text-padding-inline-end: var( --component-spacing-inline );--MediaContentBlock-text-padding-inline-start: var( --component-spacing-inline );flex-direction:column}.MediaContentBlock-media{padding-inline-end:var(--MediaContentBlock-text-padding-inline-end)}.MediaContentBlock--reversed .MediaContentBlock-media{padding-inline-end:0;padding-inline-start:var(--MediaContentBlock-text-padding-inline-start)}}@media (width >= 48rem){.MediaContentBlock{--MediaContentBlock-flex-gap: var(--size-80);--MediaContentBlock-padding-block-end: var(--size-128);--MediaContentBlock-heading-margin-block-end: var(--size-16);--MediaContentBlock-text-padding-block-start: var(--size-48);--MediaContentBlock-text-padding-inline-end: var( --component-spacing-inline );--MediaContentBlock-text-padding-inline-start: 0}.MediaContentBlock-text{align-self:center}.MediaContentBlock--reversed{--MediaContentBlock-text-padding-inline-end: 0;--MediaContentBlock-text-padding-inline-start: var( --component-spacing-inline );flex-direction:row-reverse}}@media (width >= 100rem){.MediaContentBlock{inline-size:min(100%,calc(var(--container-max-inline-size) + var(--component-spacing-inline)));margin-inline:auto}}}
/*# sourceMappingURL=media-content-block.css.map */