@layer components{.stories{grid-template-columns:var(--content-grid);--story-size:var(--story-size-mobile,72px);display:grid}.stories__inner{grid-column:2}.stories__list{grid-auto-flow:column;grid-template-rows:repeat(var(--story-rows,1), auto);grid-auto-columns:var(--story-size);column-gap:var(--space-lg);row-gap:var(--space-xl);scrollbar-width:none;margin-inline:calc(-1 * var(--page-margin));padding-inline:var(--page-margin);scroll-padding-inline:var(--page-margin);display:grid;overflow:auto hidden}.stories__list::-webkit-scrollbar{display:none}.story{align-items:center;gap:var(--space-sm);width:var(--story-size);flex-direction:column;text-decoration:none;display:flex}.story__media{width:var(--story-size);aspect-ratio:1;display:block;overflow:hidden}.stories--circle .story__media{border-radius:var(--radius-pill)}.stories--square .story__media{border-radius:var(--style-border-radius-cards,0)}.story__image{object-fit:cover;border-radius:inherit;background-color:color-mix(in oklch, var(--color-foreground) 4%, var(--color-background));width:100%;height:100%;transition:scale var(--transition-base)}.story:hover .story__image{scale:1.06}.story__label{max-width:100%;font-size:var(--type-sm);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width>=48rem){.stories{--story-size:var(--story-size-desktop,96px)}.stories__list{column-gap:var(--space-xl)}}}