.post-carousel{position:relative}.post-carousel__viewport{position:relative;margin-inline:calc(50% - 50vw);overflow:hidden}.post-carousel__viewport:after,.post-carousel__viewport:before{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,8%,96px);z-index:2;pointer-events:none}.post-carousel__viewport:before{left:0;background:linear-gradient(to right,var(--bg-default),rgba(251,252,253,0))}.post-carousel__viewport:after{right:0;background:linear-gradient(to left,var(--bg-default),rgba(251,252,253,0))}.post-carousel__track{--gap:var(--s32);--card-w:clamp(258px,26vw,330px);--set-w:calc(var(--n, 8) * (var(--card-w) + var(--gap)));display:flex;gap:var(--gap);width:max-content;margin:0;padding:var(--s8) 0 var(--s16);list-style:none}.post-carousel__item{flex:0 0 var(--card-w);display:flex;animation:post-carousel-drift var(--post-carousel-duration,56s) linear infinite}.post-carousel__item>*{width:100%}@media (hover:hover) and (pointer:fine){.post-carousel:hover .post-carousel__item{animation-play-state:paused}}.post-carousel:focus-within .post-carousel__item{animation-play-state:paused}@media (hover:none){.post-carousel .post-card:hover{transform:none;box-shadow:none}.post-carousel .post-card:hover .post-card__media img{transform:none}}@keyframes post-carousel-drift{0%{transform:translateZ(0)}to{transform:translate3d(calc(-1 * var(--set-w)),0,0)}}@media (max-width:640px){.post-carousel__track{--gap:var(--s16);--card-w:78vw}}@media (prefers-reduced-motion:reduce){.post-carousel__viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-inline:0;padding-bottom:var(--s8)}.post-carousel__viewport:after,.post-carousel__viewport:before{display:none}.post-carousel__item{animation:none;scroll-snap-align:start}.post-carousel__item[aria-hidden=true]{display:none}}