:is(.wrapper--content-and-visual,.wrapper--visual-and-content) :is(.container,.container-fluid,.container-maxed-at-lg,.container-maxed-at-xl,.container-fluid-maxed){display:grid;grid-row-gap:2rem;row-gap:2rem}@media (min-width: 992px){:is(.wrapper--content-and-visual,.wrapper--visual-and-content) :is(.container,.container-fluid,.container-maxed-at-lg,.container-maxed-at-xl,.container-fluid-maxed){row-gap:0;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}:is(:is(.wrapper--content-and-visual,.wrapper--visual-and-content) :is(.container,.container-fluid,.container-maxed-at-lg,.container-maxed-at-xl,.container-fluid-maxed)) .content{grid-area:content}:is(:is(.wrapper--content-and-visual,.wrapper--visual-and-content) :is(.container,.container-fluid,.container-maxed-at-lg,.container-maxed-at-xl,.container-fluid-maxed)) .visual{grid-area:visual}:is(:is(.wrapper--content-and-visual,.wrapper--visual-and-content) :is(.container,.container-fluid,.container-maxed-at-lg,.container-maxed-at-xl,.container-fluid-maxed)) .content,:is(:is(.wrapper--content-and-visual,.wrapper--visual-and-content) :is(.container,.container-fluid,.container-maxed-at-lg,.container-maxed-at-xl,.container-fluid-maxed)) .visual{-ms-flex-item-align:center;align-self:center}}@media (min-width: 992px){.wrapper--content-and-visual :is(.container,.container-fluid,.container-maxed-at-lg,.container-maxed-at-xl,.container-fluid-maxed){grid-template-columns:[content-start] 1fr [content-end visual-start] 1fr [visual-end]}.wrapper--visual-and-content :is(.container,.container-fluid,.container-maxed-at-lg,.container-maxed-at-xl,.container-fluid-maxed),.wrapper--content-and-visual.visual-left :is(.container,.container-fluid,.container-maxed-at-lg,.container-maxed-at-xl,.container-fluid-maxed){grid-template-columns:[visual-start] 1fr [visual-end content-start] 1fr [content-end]}}