@layer components{.promo-card{border-radius:var(--style-border-radius-cards,0);background-color:color-mix(in oklch, var(--color-foreground) 4%, var(--color-background));height:100%;position:relative;overflow:hidden}.promo-card__image,.promo-card__placeholder,.promo-card__video,.promo-card__video video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.promo-card__panel{max-width:calc(100% - 2 * var(--space-sm));gap:var(--space-sm);padding:var(--space-md);background-color:var(--color-background);color:var(--color-foreground);justify-items:start;display:grid;position:absolute;inset-block-end:var(--space-sm);inset-inline-start:var(--space-sm)}.promo-card__text{font-size:var(--type-sm)}.promo-card__button{font-size:var(--type-xs);padding-block:var(--space-xs)}}