@layer components{.mega-promo{flex:0 0 var(--promo-size,11rem);width:var(--promo-size,11rem);scroll-snap-align:start;--stack-gap:var(--space-sm);text-decoration:none}.mega-promo__image{aspect-ratio:1;object-fit:cover;border-radius:var(--style-border-radius-cards,0);width:100%}.mega-promo__placeholder{background-color:color-mix(in oklch, var(--color-foreground) 5%, var(--color-background))}.mega-promo__caption{justify-content:space-between;gap:var(--space-sm);font-size:var(--type-sm);display:flex}.mega-promo__arrow{transition:translate var(--transition-fast);text-decoration:none;display:inline-block}@media (hover:hover){.mega-promo:hover .mega-promo__arrow{translate:.25rem}}}