.feed-tile{container-type:inline-size}.feed-shade{opacity:0;transition:opacity .4s}.feed-tile:hover .feed-shade,.feed-tile:focus-within .feed-shade{opacity:1}.feed-tile:has([data-state=open]) .feed-shade{opacity:1}.feed-creator{opacity:0;pointer-events:none;max-width:calc(100% - 32px);transition:opacity .3s,transform .45s cubic-bezier(.16,1,.3,1);position:absolute;top:16px;left:16px;transform:translateY(-12px)}.feed-caption{inset-inline:16px;opacity:0;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:12px;transition:opacity .3s,transform .45s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:16px;transform:translateY(12px)}.feed-tile:hover .feed-creator,.feed-tile:focus-within .feed-creator,.feed-tile:hover .feed-caption,.feed-tile:focus-within .feed-caption{opacity:1;pointer-events:auto;transform:translateY(0)}.feed-tile:has([data-state=open]) .feed-caption{opacity:1;pointer-events:auto;transform:translateY(0)}.feed-tile:hover .feed-creator,.feed-tile:focus-within .feed-creator{transform:none}.feed-creator-name{color:#fff;mix-blend-mode:difference}.feed-tile:not(:hover):not(:focus-within):not(:has([data-state=open])) .feed-caption>*{pointer-events:none}.feed-caption>*{pointer-events:auto}.feed-action-tray{border:1px solid hsl(var(--primary-foreground) / .12);background:hsl(var(--primary));width:184px;color:hsl(var(--primary-foreground));opacity:0;pointer-events:none;border-radius:0;flex-shrink:0;align-items:center;gap:4px;padding:5px;transition:opacity .3s,transform .4s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(8px)}.feed-tile:hover .feed-action-tray,.feed-tile:focus-within .feed-action-tray{opacity:1;pointer-events:auto;transform:translateY(0)}.feed-action-tray:has([data-state=open]){opacity:1;pointer-events:auto;transform:translateY(0)}.feed-action-tray>span{display:contents}.feed-action-tray .feed-action>svg{stroke-width:2.1875px;flex:0 0 16px;width:16px;height:16px}.feed-action-tray .feed-upvote svg{flex-shrink:0;width:20px;height:20px}.feed-action{background:hsl(var(--muted) / .55);border-radius:0;flex:1 1 0;justify-content:center;align-items:center;gap:0;min-width:36px;height:36px;padding:0 10px;transition:flex-grow .65s cubic-bezier(.22,1,.36,1),background-color .4s,color .4s;display:flex;overflow:hidden}.feed-action-tray :focus-visible{outline-offset:-3px;outline-color:hsl(var(--primary-foreground))!important}.feed-action-label{opacity:0;white-space:nowrap;max-width:0;font-size:12px;font-weight:500;transition:opacity .45s,max-width .65s cubic-bezier(.22,1,.36,1),margin-left .65s cubic-bezier(.22,1,.36,1);display:block}.feed-action:hover,.feed-action:focus-visible,.feed-action[data-state=open]{background:hsl(var(--muted));flex-grow:2.55}.feed-action:hover .feed-action-label,.feed-action:focus-visible .feed-action-label,.feed-action[data-state=open] .feed-action-label{opacity:1;max-width:64px;margin-left:8px}.feed-action-active{color:hsl(var(--foreground));background:hsl(var(--muted))}.feed-action-tray .feed-action,.feed-action-tray .feed-upvote button{color:hsl(var(--primary-foreground));background:0 0}.feed-action-tray .feed-action:hover,.feed-action-tray .feed-action:focus-visible,.feed-action-tray .feed-action[data-state=open],.feed-action-tray .feed-action-active,.feed-action-tray .feed-upvote button:hover{background:hsl(var(--primary-foreground) / .16)}.feed-upvote{flex:1 1 0;min-width:36px;transition:flex-grow .65s cubic-bezier(.22,1,.36,1)}.feed-upvote:hover,.feed-upvote:focus-within{flex-grow:2.55}.feed-upvote button{gap:0;padding-inline:10px}.feed-upvote button>span:last-child{opacity:0;min-width:0;max-width:0;margin-left:0;transition:opacity .45s,max-width .65s cubic-bezier(.22,1,.36,1),margin-left .65s cubic-bezier(.22,1,.36,1)}.feed-upvote:hover button>span:last-child,.feed-upvote:focus-within button>span:last-child{opacity:1;max-width:64px;margin-left:8px}.feed-share[data-copied=true]{flex-grow:5;padding-inline:6px}.feed-share[data-copied=true] .feed-action-label{opacity:1;max-width:70px;margin-left:6px;font-size:11px}@container (width<=420px){.feed-caption{flex-direction:column;align-items:stretch;gap:10px}.feed-action-tray{align-self:flex-end}}@media (prefers-reduced-motion:reduce){.feed-creator,.feed-caption,.feed-shade,.feed-action-tray,.feed-action,.feed-action-label,.feed-upvote,.feed-upvote button>span:last-child{transition:none}}