.CalloutBox-module-scss-module__BfJuLq__calloutContainer{padding-block:25px}.CalloutBox-module-scss-module__BfJuLq__calloutBox--blue{background-color:var(--mdlz-cool-blue-1)}.CalloutBox-module-scss-module__BfJuLq__calloutBox--blue:before{background-image:url(../media/box-top-blue.7167cc30.svg)}.CalloutBox-module-scss-module__BfJuLq__calloutBox--blue:after{background-image:url(../media/box-bottom-blue.5bd8b9fb.svg)}.CalloutBox-module-scss-module__BfJuLq__calloutBox--brown{background-color:var(--mdlz-cocoa-brown-1)}.CalloutBox-module-scss-module__BfJuLq__calloutBox--brown:before{background-image:url(../media/box-top-brown.ae59f650.svg)}.CalloutBox-module-scss-module__BfJuLq__calloutBox--brown:after{background-image:url(../media/box-bottom-brown.e60864c0.svg)}.CalloutBox-module-scss-module__BfJuLq__calloutBox--purple{background-color:var(--mdlz-world-1)}.CalloutBox-module-scss-module__BfJuLq__calloutBox--purple:before{background-image:url(../media/box-top-purple.b46f5932.svg)}.CalloutBox-module-scss-module__BfJuLq__calloutBox--purple:after{background-image:url(../media/box-bottom-purple.36d78f3f.svg)}.CalloutBox-module-scss-module__BfJuLq__calloutBox{color:#fff;--link-color:white;--text-heading-color:white;--text-heading-margin-block-end:1rem;--text-heading-font-family:var(--font-mdlz-bite-type,var(--body-font-family));--text-heading-letter-spacing:1.25px;--text-heading-font-size:1.125rem;padding:1rem 2rem;position:relative}.CalloutBox-module-scss-module__BfJuLq__calloutBox:before,.CalloutBox-module-scss-module__BfJuLq__calloutBox:after{content:" ";background-repeat:no-repeat;background-size:cover;width:100%;height:25px;position:absolute;left:0}.CalloutBox-module-scss-module__BfJuLq__calloutBox:before{background-position:top;top:-25px}.CalloutBox-module-scss-module__BfJuLq__calloutBox:after{background-position:bottom;bottom:-25px}
@layer components{.coc-column>:first-child{margin-block-start:0}.coc-column>:last-child{margin-block-end:0}@media (max-width:899px){.coc-column:not(:first-child){margin-block-start:calc(var(--column-vertical-gap-step,1rem)*var(--column-vertical-gap-steps,1))}.coc-column:not(:first-child):has(>:first-child:not(:is(p,h1,h2,h3,h4,h5,h6))){margin-block-start:calc(var(--column-vertical-gap-step,1rem)*var(--column-vertical-gap-steps-extra,2))}}}
@layer components{.coc-row{margin-block-start:calc(1rem*var(--row-margin-steps,1))}}