.directionalcardxf{--component-margin-block-start: var(--component-block-spacing);--component-margin-block-end: var(--component-block-spacing)}.directionalcardxf.margin-top--none{--component-margin-block-start: 0}.directionalcardxf.margin-top--single{--component-margin-block-start: var(--component-block-spacing)}.directionalcardxf.margin-top--double{--component-margin-block-start: var(--component-block-spacing)}@media(min-width: 768px){.directionalcardxf.margin-top--double{--component-margin-block-start: calc(var(--component-block-spacing) * 2)}}.directionalcardxf.margin-bottom--none{--component-margin-block-end: 0}.directionalcardxf.margin-bottom--single{--component-margin-block-end: var(--component-block-spacing)}.directionalcardxf.margin-bottom--double{--component-margin-block-end: var(--component-block-spacing)}@media(min-width: 768px){.directionalcardxf.margin-bottom--double{--component-margin-block-end: calc(var(--component-block-spacing) * 2)}}.directionalcardxf .directionalcardxf__section{margin-block:var(--component-margin-block-start) var(--component-margin-block-end)}.aem-Grid>.directionalcardxf:first-child:not(.margin-top--single):not(.margin-top--double) .directionalcardxf__section{margin-block-start:0 !important}.directionalcardxf{--container-padding-block: var(--vcdk-spacing-9);--container-padding-inline: var(--vcdk-spacing-9);--aem-grid-padding-inline: 15px}.directionalcardxf.container--padding-none{--container-padding-block: 0.001rem}.directionalcardxf.container--margin-and-border{--container-padding-block: var(--vcdk-spacing-12)}.directionalcardxf.container--padding-extra-wide{--container-padding-block: var(--vcdk-spacing-12)}@media(min-width: 768px){.directionalcardxf.container--padding-extra-wide{--container-padding-block: var(--vcdk-spacing-15)}}.directionalcardxf.container--background-bg:not(:has(.container__bg-image)) .directionalcardxf__cards{background-color:var(--vcdk-color-bg)}.directionalcardxf.container--background-bg-base:not(:has(.container__bg-image)) .directionalcardxf__cards{background-color:var(--vcdk-color-bg-base)}.directionalcardxf.container--background-bg-variant:not(:has(.container__bg-image)) .directionalcardxf__cards{background-color:var(--vcdk-color-bg-variant)}.directionalcardxf.overlay--dark-20 .container__bg-image img{filter:brightness(0.8)}.directionalcardxf.overlay--dark-50 .container__bg-image img{filter:brightness(0.5)}.directionalcardxf.overlay--dark-70 .container__bg-image img{filter:brightness(0.3)}.directionalcardxf__panel{display:none}.directionalcardxf__panel--active{display:block}.directionalcardxf__section{position:relative}.directionalcardxf__section .container__bg-image{height:100%;width:100%;inset:0;position:absolute;overflow:hidden}.directionalcardxf__section .container__bg-image .asset,.directionalcardxf__section .container__bg-image .asset__wrapper,.directionalcardxf__section .container__bg-image .asset__item,.directionalcardxf__section .container__bg-image .asset__image{width:100%;height:100%}.directionalcardxf__section .container__bg-image .asset__image{object-fit:cover}.directionalcardxf__cards{position:relative;z-index:1;padding-block:var(--container-padding-block);padding-inline:var(--container-padding-inline)}.directionalcardxf--fullWidth .directionalcardxf__section{width:100%;margin-inline:auto}@media(min-width: 1200px){.directionalcardxf--fullWidth .directionalcardxf__section{width:auto;margin-inline:calc((100vw - 1200px)/-2)}}@media(min-width: 2048px){.directionalcardxf--fullWidth .directionalcardxf__section{width:auto;margin-inline:calc((2048px - 1200px)/-2)}}.directionalcardxf--fullWidth .directionalcardxf__section .container__bg-image{width:auto;margin-inline:calc(-1*var(--aem-grid-padding-inline))}.directionalcardxf--fullWidth .directionalcardxf__cards{margin-inline:calc(-1*var(--aem-grid-padding-inline))}.directionalcardxf--fullWidth .directionalcardxf__panels .container--fullWidth{padding-inline:0}