.video-card{--card-video-margin: calc(var(--spacing-sm) * -1);--card-image-position: calc(var(--spacing-lg) * -1);--card-column-gap: calc(var(--spacing-sm) + var(--spacing-md));--card-image-background-width: 320px;--card-column-max-width: 360px}.video-card__item{position:relative;box-shadow:var(--shadow-default);border-radius:var(--border-radius-xl);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xl)}.video-card__item.bg-image{background-image:var(--image-card-bg);background-repeat:no-repeat;background-position:top right;background-size:var(--card-image-background-width)}.video-card__itemImage{position:absolute;bottom:var(--card-image-position);left:50%;transform:translate(-50%)}.video-card__itemColumn.column--video{margin-left:var(--card-video-margin);margin-right:var(--card-video-margin)}@media (min-width: 1024px){.video-card{--card-video-margin: calc(var(--spacing-md) * -1);--card-image-position: calc((var(--spacing-lg) * 2) * -1)}.video-card__item{display:grid;grid-template-columns:minmax(auto,var(--card-column-max-width)) auto;gap:var(--card-column-gap);padding:var(--spacing-md)}.video-card__item.bg-image{background-position:var(--card-video-margin) top}.video-card__itemColumn.column--content{position:relative}.video-card__itemColumn.column--video{overflow:hidden;border-radius:0 var(--border-radius-xl) var(--border-radius-xl) 0;margin:var(--card-video-margin)}}