.feed-spine{position:absolute;left:8px;top:12px;bottom:12px;width:3px;border-radius:9999px;background:rgba(255,255,255,.1);clip-path:polygon(0 0,100% 0,100% 8px,50% 12px,0 8px,0 0,0 100%,100% 100%,100% 10px);pointer-events:none}[data-heat="1"] .feed-spine{background:rgba(255,255,255,.18)}[data-heat="2"] .feed-spine{background:rgba(255,255,255,.28)}.feed-spine-notch2{left:8px;top:26px;width:3px;height:8px;border-radius:9999px;background:rgba(255,255,255,.28)}.feed-card:after,.feed-spine-notch2{position:absolute;pointer-events:none}.feed-card:after{content:"";inset:0;border-radius:inherit;box-shadow:0 4px 8px -4px rgba(0,0,0,.4),0 16px 24px -8px rgba(0,0,0,.5);opacity:0;transition:opacity .2s var(--ease-out-quart);z-index:-1}@media (hover:hover) and (pointer:fine){.feed-card:hover:after{opacity:1}}.feed-card:focus-within:after{opacity:1}.feed-hot-1{box-shadow:0 0 0 1px var(--border-default),0 0 24px -8px var(--ember-glow)}@keyframes feed-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.feed-card[data-stagger]{animation:feed-enter .3s var(--ease-out-quart) backwards;animation-delay:calc(var(--stagger, 0) * 40ms)}@supports (animation-timeline:view()){.feed-card:not([data-stagger]){animation:feed-enter .3s var(--ease-out-quart) both;animation-timeline:view();animation-range:entry 0 entry 40%}}@media (prefers-reduced-motion:reduce){.feed-card:not([data-stagger]),.feed-card[data-stagger]{animation:none}}