@layer components{.v3 .feed{container-type:inline-size}.v3 .feed-list{--n:2;--gap:10px;--feed-radius:6px;--col:calc((100cqw - (var(--n) - 1) * var(--gap)) / var(--n));height:var(--h2);position:relative}.v3 .feed-tile{--x:var(--x2);--y:var(--y2);--s:var(--s2);display:var(--s,block);left:calc(var(--x) * (var(--col) + var(--gap)));top:var(--y);width:min(var(--col), var(--w,var(--col)));aspect-ratio:var(--r,1.3333);position:absolute}@container (min-width:560px){.v3 .feed-list{--n:3;--gap:12px;--feed-radius:6px;height:var(--h3)}.v3 .feed-tile{--x:var(--x3);--y:var(--y3);--s:var(--s3)}}@container (min-width:900px){.v3 .feed-list{--n:4;height:var(--h4)}.v3 .feed-tile{--x:var(--x4);--y:var(--y4);--s:var(--s4)}}@container (min-width:1400px){.v3 .feed-list{--n:5;height:var(--h5)}.v3 .feed-tile{--x:var(--x5);--y:var(--y5);--s:var(--s5)}}@container (min-width:1900px){.v3 .feed-list{--n:6;height:var(--h6)}.v3 .feed-tile{--x:var(--x6);--y:var(--y6);--s:var(--s6)}}.v3 .feed-link{border-radius:var(--feed-radius);background:var(--card);outline:none;width:100%;height:100%;display:block;position:relative;overflow:hidden}.v3 .feed-link>:is(video,img){object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.v3 .feed-link[data-cut]>img{object-position:top}.v3 .feed-link:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none;position:absolute;inset:0}.v3 .feed-link:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}}