.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-meta{inset-inline:12px;opacity:0;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;transition:opacity .3s,transform .45s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:6px;transform:translateY(8px)}.feed-tile-meta>*{pointer-events:none}.feed-tile:hover .feed-tile-meta,.feed-tile:focus-within .feed-tile-meta{opacity:1;transform:none}.feed-tile-meta:has([data-state=open]){opacity:1;transform:none}.feed-tile:hover .feed-tile-meta>*,.feed-tile:focus-within .feed-tile-meta>*{pointer-events:auto}.feed-tile-meta:has([data-state=open])>*{pointer-events:auto}.feed-tile-name,.feed-tile-save{color:#fff;text-shadow:0 1px 6px #00000059}.feed-tile-meta[data-tone=light] :is(.feed-tile-name,.feed-tile-save){color:#171717;text-shadow:0 1px 6px #ffffff73}.feed-tile-name{font-size:13px}.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{width:184px;color:hsl(var(--primary-foreground));opacity:0;pointer-events:none;background:0 0;border:0;border-radius:0;flex-shrink:0;align-items:center;gap:4px;padding:0;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}.viewer-dock .feed-action-tray{opacity:1;pointer-events:auto;transform:none}.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:hsl(var(--primary))}.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:#383838}.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}.discover-grid .feed-tile>div:first-child{position:relative;overflow:hidden}.discover-grid .feed-tile>div:first-child:after{content:"";background:linear-gradient(to top, hsl(var(--background)), hsl(var(--background) / .7) 35%, hsl(var(--background) / 0));pointer-events:none;opacity:0;height:min(40%,140px);transition:transform var(--motion-slow) ease-in-out, opacity var(--motion-slow) ease-in-out;position:absolute;inset:auto 0 0;transform:translateY(100%)}.discover-grid .feed-tile:is(:hover,:focus-within,:has([data-state=open]))>div:first-child:after{opacity:1;transform:translateY(0)}.discover-grid .feed-tile-meta{z-index:1}.discover-grid .feed-tile .feed-tile-meta :is(.feed-tile-name,.feed-tile-save){color:hsl(var(--foreground));text-shadow:none}@media (prefers-reduced-motion:reduce){.discover-grid .feed-tile>div:first-child:after{transition:none}}@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-tile-meta,.feed-action-tray,.feed-action,.feed-action-label,.feed-upvote,.feed-upvote button>span:last-child{transition:none}}