:root{--zui-explainer-banner-gap:var(--zable-space-6);--zui-explainer-title-gap:var(--zable-space-6);--zui-explainer-columns-gap:var(--zable-space-6);--zui-explainer-column-gap:var(--zable-space-5);--zui-explainer-padding-block-end:var(--zable-space-6)}@media screen and (min-width:1024px){:root{--zui-explainer-padding-block-end:var(--zable-space-7)}}:root[data-brand=dtcg]{--zui-explainer-banner-gap:var(--layout-gap-2xl,var(--layout-gap-xl));--zui-explainer-title-gap:var(--layout-gap-xl);--zui-explainer-columns-gap:var(--layout-gap-xl);--zui-explainer-column-gap:var(--layout-gap-default);--zui-explainer-padding-block-end:var(--layout-padding-md)}@media screen and (min-width:1024px){:root[data-brand=dtcg]{--zui-explainer-columns-gap:var(--layout-gap-2xl,var(--layout-gap-xl));--zui-explainer-padding-block-end:var(--layout-padding-lg)}}.zui-explainer__root{--zui-section-padding-block-start:0;--zui-section-padding-block-end:var(--zui-explainer-padding-block-end);grid-template-columns:[full-start] var(--zui-section-inset) [content-start] minmax(0, 1fr) [content-end] var(--zui-section-inset) [full-end];display:grid}@media screen and (min-width:1024px){.zui-explainer__root{grid-template-columns:[full-start] var(--zui-section-inset) [content-start left-start] minmax(0, 1fr) [left-end] var(--zui-explainer-columns-gap) [right-start] minmax(0, 1fr) [right-end content-end] var(--zui-section-inset) [full-end]}}.zui-explainer__banner{grid-column:full}@media screen and (min-width:1024px){.zui-explainer__banner{--zui-media-container-full-height-desktop:720px;--zui-media-container-full-short-height-desktop:560px}}@media screen and (min-width:1400px){.zui-explainer__banner{--zui-media-container-full-height-desktop:760px;--zui-media-container-full-short-height-desktop:600px}}.zui-explainer__title{grid-column:content;margin-block-start:var(--zui-explainer-banner-gap)}.zui-explainer__column{gap:var(--zui-explainer-column-gap);flex-direction:column;grid-column:content;margin-block-start:var(--zui-explainer-title-gap);display:flex}.zui-explainer__column~.zui-explainer__column{margin-block-start:var(--zui-explainer-columns-gap)}@media screen and (min-width:1024px){.zui-explainer__column{grid-column:left}.zui-explainer__column~.zui-explainer__column{grid-column:right;margin-block-start:var(--zui-explainer-title-gap)}}