:root{--card-bg-white:#fff;--card-padding:24px;--vds-space-6X:24px;--vds-size-border-radius-medium:16px}
.card-group-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:0 var(--vds-space-6X);gap:var(--vds-space-6X);margin:0 auto;width:100%;@media(min-width:768px) and (max-width:1023px){width:768px;min-width:768px;max-width:1023px}
@media(min-width:1024px){max-width:1232px;min-width:1024px}
}
.card-group-content-card-wrapper{display:flex;width:100%;flex-direction:row;gap:var(--vds-space-6X)}
.card-group-content-card-wrapper>*{flex:1}
@media(max-width:767px){.card-content{display:flex;gap:24px}
.card-group-content-card-wrapper{flex-direction:column;gap:24px}
}
.content-card-wrapper{background-color:var(--card-bg-white);padding:var(--card-padding);box-sizing:border-box;display:flex;flex-direction:column;height:100%;position:relative}
.card-content-media{width:100%;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;height:240px;margin-bottom:24px}
.card-content-media vvo-image,.card-content-media img{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px 16px 0 0}
.card-content{margin-bottom:16px}
@media(max-width:767px){.content-card-wrapper{display:flex;flex-direction:column;padding:16px;gap:16px;position:relative;height:auto;min-height:auto}
.content-card-wrapper:has(.card-content-media){padding-left:132px !important;min-height:132px;gap:8px;padding-top:16px;padding-bottom:16px;padding-right:16px}
.card-content-media{position:absolute;top:16px;left:16px;width:100px;height:100px;margin:0;display:flex;align-items:flex-start}
.card-content-media vvo-image,.card-content-media img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.content-card-wrapper:has(.card-content-media) .card-content{margin-bottom:8px;text-align:left}
.content-card-wrapper:has(.card-content-media)>div:last-child{margin-top:0;text-align:left}
}