﻿.umb-block-grid__layout-container{position:relative;display:grid;grid-template-columns:repeat(var(--umb-block-grid--grid-columns,1),minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:minmax(50px,min-content);-moz-column-gap:var(--umb-block-grid--column-gap,0);column-gap:var(--umb-block-grid--column-gap,0);row-gap:var(--umb-block-grid--row-gap,0);}.umb-block-grid__layout-item{position:relative;grid-column-end:span min(var(--umb-block-grid--item-column-span,1)*3,var(--umb-block-grid--grid-columns));grid-row:span var(--umb-block-grid--item-row-span,1);}.umb-block-grid__area-container,.umb-block-grid__block--view::part(area-container){position:relative;display:grid;grid-template-columns:repeat(var(--umb-block-grid--area-grid-columns,var(--umb-block-grid--grid-columns,1)),minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:minmax(50px,min-content);-moz-column-gap:var(--umb-block-grid--areas-column-gap,0);column-gap:var(--umb-block-grid--areas-column-gap,0);row-gap:var(--umb-block-grid--areas-row-gap,0);}.umb-block-grid__area{position:relative;height:100%;display:flex;flex-direction:column;grid-column-end:span min(var(--umb-block-grid--area-column-span,1)*3,var(--umb-block-grid--area-grid-columns));grid-row:span var(--umb-block-grid--area-row-span,1);}@media(min-width:1024px){.umb-block-grid__layout-item{grid-column-end:span min(var(--umb-block-grid--item-column-span,1),var(--umb-block-grid--grid-columns));}.umb-block-grid__area{grid-column-end:span min(var(--umb-block-grid--area-column-span,1),var(--umb-block-grid--area-grid-columns));}}.feature{padding:20px;background-color:#f7faff;}.feature.--medium{display:flex;background:#97a4af;}.feature.--medium .thumbnail{object-fit:cover;width:50%;height:100%;overflow:hidden;}.feature .thumbnail-wrapper .thumbnail{width:100%;height:auto;}@keyframes zoomin-card{from{transform:translate3d(0,0,0) scale(1.1,1.1);transform-origin:0% 0% 0;}to{transform:translate3d(0,0,0) scale(1,1);transform-origin:100% 0% 0;}}.card.zoom-in{overflow:hidden;}.card.zoom-in img{transition:transform linear .3s;transform:translate3d(0,0,0) scale(1,1);}.card.zoom-in:hover img{transform:translate3d(0,0,0) scale(1.1,1.1);}.card.zoom-in:hover img.small{transform:translate3d(0,0,0) scale(1,1);}


