.fd{width:20em;margin:0 auto}.fd__screen{height:36em}.fd__bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:2.4em 1em .6em;border-bottom:1px solid var(--ui-border);background:var(--ui-card-bg)}.fd__app{font-size:1.15em;font-weight:700;letter-spacing:-.01em}.fd__app,.fd__bar-icons{color:var(--ui-text-highlighted)}.fd__bar-icons{display:flex;gap:.8em}.fd__stream{display:flex;flex-direction:column}.fd__post{overflow:hidden;border-bottom:1px solid var(--ui-border)}.fd__head{display:flex;align-items:center;gap:.5em;padding:.6em .8em;font-size:.85em}.fd__avatar{display:grid;flex:none;place-items:center;width:2em;height:2em;border-radius:50%;background:var(--ui-bg-elevated);color:var(--ui-text-highlighted);font-size:.8em;font-weight:700}.fd__avatar--ours{background:color-mix(in oklab,var(--ui-primary) 14%,transparent);color:var(--ui-primary)}.fd__time{margin-left:auto;color:var(--ui-text-muted);font-size:.85em;white-space:nowrap}.fd__img{display:grid;place-items:center;height:8.5em;background:linear-gradient(135deg,var(--a),var(--b));color:#ffffffd9}.fd__img-icon{width:2.4em;height:2.4em}.fd__img--ours{height:11em;align-content:center;gap:.3em;background:linear-gradient(135deg,#7b2cbf,#240046 70%);color:#fff;text-align:center}.fd__img-title{font-size:1.5em;font-weight:800;letter-spacing:-.01em}.fd__img-sub{color:#fffc;font-size:.85em;font-weight:600}.fd__actions{display:flex;gap:.8em;padding:.6em .8em .2em}.fd__actions,.fd__caption{color:var(--ui-text-highlighted)}.fd__caption{padding:.35em .8em .8em;font-size:.8em}.fd__swap{display:inline-grid}.fd__t{grid-area:1/1;text-align:right}.fd__t--1,.fd__t--2{opacity:0}.rp--playing .fd__post--newer-1{animation:fd-in-1 12s cubic-bezier(.65,0,.35,1) infinite}.rp--playing .fd__post--newer-2{animation:fd-in-2 12s cubic-bezier(.65,0,.35,1) infinite}.rp--playing .fd__t--1{animation:fd-t1 12s ease infinite}.rp--playing .fd__t--2{animation:fd-t2 12s ease infinite}.rp--playing .fd__t--3{animation:fd-t3 12s ease infinite}@keyframes fd-in-1{0%,22%{max-height:0;opacity:0}30%,94%{max-height:14em;opacity:1}to{max-height:0;opacity:0}}@keyframes fd-in-2{0%,48%{max-height:0;opacity:0}56%,94%{max-height:14em;opacity:1}to{max-height:0;opacity:0}}@keyframes fd-t1{0%,24%{opacity:1}27%,97%{opacity:0}to{opacity:1}}@keyframes fd-t2{0%,24%{opacity:0}27%,50%{opacity:1}53%,to{opacity:0}}@keyframes fd-t3{0%,50%{opacity:0}53%,97%{opacity:1}to{opacity:0}}