.vpp-cmp{padding:var(--vpp-space-5);border:1px solid var(--vpp-color-border);border-radius:var(--vpp-radius-md);background:var(--vpp-color-surface)}
.vpp-cmp-hero{text-align:center;padding:var(--vpp-space-7)}
.vpp-cmp-split,.vpp-cmp-cta,.vpp-cmp-newsletter,.vpp-cmp-author{display:flex;gap:var(--vpp-space-4);align-items:center;justify-content:space-between}
.vpp-cmp-placeholder{min-height:120px;min-width:180px;border-radius:var(--vpp-radius-md);display:grid;place-items:center;background:color-mix(in srgb,var(--vpp-color-primary) 10%,var(--vpp-color-surface))}
.vpp-cmp-alert{border-left:4px solid var(--vpp-color-primary)}.vpp-cmp-alert-warning{border-left-color:var(--vpp-color-warning)}
.vpp-cmp-author img{border-radius:999px}.vpp-cmp-newsletter form{display:flex;gap:8px}.vpp-cmp-newsletter input{padding:10px;border:1px solid var(--vpp-color-border);border-radius:var(--vpp-radius-sm)}
.vpp-cmp-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.vpp-cmp-grid strong{display:block;font-size:1.8rem}
@media(max-width:782px){.vpp-cmp-split,.vpp-cmp-cta,.vpp-cmp-newsletter,.vpp-cmp-author{display:grid}.vpp-cmp-grid{grid-template-columns:repeat(2,1fr)}}