.mosaic__base{--mosaic-grid-gap: 35px;--mosaic-tile-padding: 24px;--mosaic-ratio-height-local: var(--mosaic-ratio-height, 9);--mosaic-ratio-width-local: var(--mosaic-ratio-width, 16);display:grid;grid-row-gap:var(--mosaic-grid-gap)}.mosaic__base .mosaic__blockWrapper .mosaic__block{display:grid;grid-template-rows:repeat(2, 1fr);grid-column-gap:var(--mosaic-grid-gap);grid-row-gap:var(--mosaic-grid-gap);inline-size:100%}@media(min-width: 0)and (max-width: 1023px){.mosaic__base .mosaic__blockWrapper .mosaic__block{grid-auto-rows:1fr;grid-template-columns:1fr;grid-area:1/1/1}}@media(min-width: 1024px){.mosaic__base .mosaic__blockWrapper--layout1 .mosaic__block{grid-template-columns:2fr 1fr;grid-template-areas:"large-tile small-tile0" "large-tile small-tile1"}.mosaic__base .mosaic__blockWrapper--layout2 .mosaic__block{grid-template-columns:1fr 2fr;grid-template-areas:"small-tile0 large-tile" "small-tile1 large-tile"}.mosaic__base .mosaic__blockWrapper .mosaic__tile:nth-child(1){grid-area:large-tile}.mosaic__base .mosaic__blockWrapper .mosaic__tile:nth-child(2){grid-area:small-tile0}.mosaic__base .mosaic__blockWrapper .mosaic__tile:nth-child(3){grid-area:small-tile1}}.mosaic__base .mosaic__blockWrapper .mosaic__tile{position:relative;padding-block-end:calc(var(--mosaic-ratio-height-local)/var(--mosaic-ratio-width-local)*100%)}.mosaic__base .mosaic__blockWrapper .mosaic__tile__content{position:absolute;inset-block-end:0;display:flex;justify-content:space-between;inline-size:100%;padding-block:var(--mosaic-tile-padding);padding-inline:var(--mosaic-tile-padding)}.mosaic__base .mosaic__blockWrapper .mosaic__tile__content:first-child{block-size:100%;flex-direction:column}.mosaic__base .mosaic__blockWrapper .mosaic__tile__content .mosaic__tile__icon,.mosaic__base .mosaic__blockWrapper .mosaic__tile__content heliux-text{--scope-margin-block-start: 0;--scope-margin-block-end: 0;--scope-margin-inline-start: 0;--scope-margin-inline-end: 0}.mosaic__base .mosaic__blockWrapper .mosaic__tile__image{position:absolute;block-size:100%;inline-size:100%}.mosaic__base .mosaic__blockWrapper .mosaic__tile__image heliux-image{block-size:100%}.mosaic__base .mosaic__blockWrapper .mosaic__tile__image .image--withRatio{position:absolute;block-size:100%;inset-block-start:0;inset-block-end:0;margin-block:auto}.mosaic__base .mosaic__blockWrapper .mosaic__tile__image .image__imgPreview{inset-block:0}.mosaic__base .mosaic__blockWrapper .mosaic__tile__image img{display:block;inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}