.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.2rem .55rem;margin-bottom:.45rem;font-size:.75rem;line-height:1.6;display:flex}.post-meta>i{color:var(--muted);font-style:normal}.post-media{--media-inset:2.25rem;background:var(--wash);min-width:0;min-height:15rem;color:var(--text);border-radius:12px;justify-content:center;align-items:center;padding:1.125rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.post-media__frame{width:fit-content;min-width:0;max-width:100%;display:grid;position:relative}.post-media__frame:has(>.photo-open){width:min(100%, calc((var(--media-height,23rem) - var(--media-inset,0rem)) * var(--media-ratio)));aspect-ratio:var(--media-ratio)}.post-media__frame>.photo-open{width:100%;min-width:0;height:100%;display:block}.post-media__frame>.photo-open img{object-fit:contain;width:100%;max-width:100%;height:100%;margin-inline:auto}.post-media--project .post-media__frame>img{border-radius:20px;width:6rem;height:6rem;padding:0}.post-media--screen .photo-open img{border:1px solid var(--rule);object-fit:contain;border-radius:7px}.post-media__open,.post-media__count{color:var(--text);opacity:0;pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute}.post-media__open{z-index:2;background:0 0;border:0;border-radius:50%;width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;text-decoration:none;top:-1.125rem;right:-1.125rem}.post-media__open:focus-visible{outline-offset:-2px}.post-media__open:before{content:"";border:1px solid var(--rule);background:var(--surface);z-index:-1;border-radius:6px;width:1.25rem;height:1.25rem;position:absolute}.post-media__open .icon{font-size:.6875rem}.post-media__count{background:var(--surface);border:1px solid var(--rule);pointer-events:none;border-radius:6px;gap:.25rem;min-width:0;min-height:1.25rem;padding:.1rem .35rem;font-size:.625rem;font-weight:650;line-height:1;top:-.375rem;left:-.375rem}.post-media__count .icon{font-size:.625rem}.post-card:focus-within .post-media__open,.post-card:focus-within .post-media__count,.project:focus-within .post-media__open,.project:focus-within .post-media__count,.post-media:focus-within .post-media__open,.post-media:focus-within .post-media__count,[data-media-revealed=true] .post-media__open,[data-media-revealed=true] .post-media__count{opacity:1}.post-card:focus-within .post-media__open,.project:focus-within .post-media__open,.post-media:focus-within .post-media__open,[data-media-revealed=true] .post-media__open{pointer-events:auto}.post-media__app{border:1px solid var(--rule);background:var(--surface);border-radius:11px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:.35rem;display:flex;position:absolute;bottom:.75rem;left:.75rem}.post-media__app img{object-fit:contain;border-radius:6px;width:100%;height:100%}.post-card{gap:.75rem 1.25rem;padding-bottom:.6rem}.post-card>.post-actions{align-self:end}.post-actions{gap:.25rem .85rem}.reaction-options{flex-wrap:wrap;gap:.15rem;display:flex}.reaction-options button{gap:.3rem;padding-inline:.25rem}.reaction-options button[aria-pressed=true]{background:var(--selected);border-radius:9px}.reaction-options button:disabled[aria-pressed=true]{cursor:default;color:var(--link);opacity:1}.post-card__copy{min-width:0}.post-card--milestone>.post-media{min-height:20rem}[data-view=posts] .post-media{--media-height:18rem;border-radius:0;grid-area:1/1/auto/-1;height:18rem}[data-view=posts] .post-card--milestone .post-media{--media-height:26rem;height:26rem}[data-view=posts] .post-card{grid-template-rows:auto minmax(0,1fr) auto}[data-view=posts] .post-card--milestone{grid-template-columns:minmax(0,1fr)}[data-view=posts] .post-card--milestone .post-card__copy{flex-direction:column;align-items:flex-start}[data-view=posts] .post-card--milestone .post-actions{align-self:end}@media (width>=48rem){[data-view=timeline] .post-card--illustrated{grid-template-rows:auto minmax(2.75rem,1fr);grid-template-columns:minmax(0,1fr) 17rem}[data-view=timeline] .post-card--illustrated>.post-media{grid-area:1/2/3;min-height:16rem;max-height:23rem}[data-view=timeline] .post-card--illustrated>.post-actions{grid-area:2/1;align-self:end}}@media (width<=40rem){.post-media{min-height:13rem}.post-card--milestone>.post-media{min-height:16rem}.post-meta{gap:.2rem .35rem;font-size:.75rem}[data-view=posts] .post-media,[data-view=posts] .post-card--milestone .post-media{--media-height:20rem;height:20rem}}@media (hover:hover){.post-card:hover .post-media__open,.post-card:hover .post-media__count,.project:hover .post-media__open,.project:hover .post-media__count,.post-media:hover .post-media__open,.post-media:hover .post-media__count{opacity:1}.post-card:hover .post-media__open,.project:hover .post-media__open,.post-media:hover .post-media__open{pointer-events:auto}.post-media__open:hover:before{border-color:var(--link)}.post-media:hover .post-media__open{color:var(--link);border-color:var(--link)}}