.post-carousel{position:relative}.post-carousel__viewport{margin-inline:calc(50% - 50vw);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent)}.post-carousel__track{display:flex;gap:var(--s32);width:max-content;margin:0;padding:var(--s8) 0 var(--s16);list-style:none;animation:post-carousel-drift var(--post-carousel-duration,84s) linear infinite;will-change:transform}.post-carousel:active .post-carousel__track,.post-carousel:focus-within .post-carousel__track,.post-carousel:hover .post-carousel__track{animation-play-state:paused}.post-carousel__item{flex:0 0 clamp(258px,26vw,330px);display:flex}.post-carousel__item>*{width:100%}@keyframes post-carousel-drift{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media (max-width:640px){.post-carousel__track{gap:var(--s16)}.post-carousel__item{flex-basis:78vw}}@media (prefers-reduced-motion:reduce){.post-carousel__viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.post-carousel__track{animation:none;will-change:auto}.post-carousel__item{scroll-snap-align:start}.post-carousel__item[aria-hidden=true]{display:none}.post-carousel__viewport{margin-inline:0;padding-bottom:var(--s8)}}