.post-card{--post-card-radius:0;background:var(--surface);color:var(--ink);border-block:1px solid var(--surface-edge);border-radius:var(--post-card-radius);box-shadow:var(--relief-post);grid-template-columns:minmax(0,1fr);margin:0 0 8px;display:grid;position:relative;container:post-card/inline-size}@media (min-width:901px){.post-card{--post-card-radius:var(--radius-group);margin-inline:var(--page-gutter);border:1px solid var(--surface-edge);box-shadow:var(--relief-card)}}.post-card-open{color:inherit;text-decoration:none}.post-card-open:after{content:"";z-index:1;border-radius:var(--post-card-radius);position:absolute;inset:0}.post-card-open:focus-visible{outline:none}.post-card-open:focus-visible:after{outline:var(--focus-ring);outline-offset:-2px}.post-card-open:active{opacity:1}.post-card:has(.post-card-open:active){box-shadow:inset 0 0 0 999px var(--fill-press)}@media (hover:hover){.post-card:has(.post-card-open:hover){box-shadow:inset 0 0 0 999px var(--fill)}.post-card:has(.post-card-open:active){box-shadow:inset 0 0 0 999px var(--fill-press)}}.post-card :is(.author-link,.post-card-chip[href],.post-card-attachment,.post-card-credit a,.post-card-acts,.post-card-failed,.post-card-frame>video){z-index:2;position:relative}.post-card .post-card-more{z-index:3;position:relative}.post-card-head{padding:12px var(--page-gutter) 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.post-card-head>:is(.team-mark,.competition-mark){--mark-w:28px;--mark-h:30px;--mark-font:.5625rem}.post-card .competition-mark[data-mark=monogram]>svg{display:none}.post-card-head>.author-avatar{width:30px;height:30px}.post-card-who{min-width:0;color:var(--muted);font:var(--type-meta-weight) var(--type-meta-size) / 1.6 var(--font-ui);overflow-wrap:anywhere;margin:0;padding-top:4px}.post-card-name{color:var(--ink);font-weight:var(--weight-semibold)}.post-card-name .author-link{color:inherit;text-decoration:none}.post-card-who .author-link{color:inherit;text-decoration:none;display:inline}.post-card-who .author-link:hover{text-decoration:underline}.post-card-who time{font-variant-numeric:tabular-nums;white-space:nowrap}.post-card-chip{background:var(--fill);color:var(--ink);font:var(--weight-semibold) var(--type-meta-size) / 1.55 var(--font-ui);vertical-align:baseline;border-radius:6px;margin-inline-start:6px;padding:0 7px;text-decoration:none;display:inline-block}.post-card-chip svg{vertical-align:-2px;margin-inline-end:4px;display:inline-block}a.post-card-chip:hover{background:var(--fill-press)}.post-card-more{margin:-8px calc(var(--page-gutter) * -.6) -8px 0}.post-card-more:empty{display:none}.post-card-more .content-options-wait{width:44px;height:44px;display:block}.post-card>.post-card-title.post-card-title{margin:8px var(--page-gutter) 0;font:var(--type-headline-weight) var(--type-headline-size) / 1.3 var(--type-headline-family);letter-spacing:var(--type-headline-tracking);overflow-wrap:break-word}.post-card-snippet{margin:4px var(--page-gutter) 0;color:var(--muted);font:var(--type-subhead-weight) var(--type-subhead-size) / 1.4 var(--font-ui)}.post-card [data-preview]{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-card-attachment{margin:8px var(--page-gutter) 0}.post-card-attachment:empty{display:none}.post-card-media{--photo-max-height:640px;width:min(100%, calc(var(--photo-max-height) * var(--shape,1.7778)));margin:10px auto 0}.post-card-frame{aspect-ratio:var(--shape,1.7778);background:var(--surface-recessed);position:relative;overflow:hidden}.post-card-frame>:is(img,video){object-fit:cover;width:100%;height:100%;display:block}.post-card-frame>video{object-fit:contain;background:var(--shade)}.post-card-play{z-index:2;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.post-card-play>span{background:color-mix(in srgb, var(--shade) 72%, transparent);width:64px;height:64px;color:var(--ink-on-dark);border-radius:50%;place-items:center;display:grid}.post-card-play:focus-visible{outline:var(--focus-ring);outline-offset:-3px}.post-card-duration,.post-card-sound,.post-card-count{z-index:2;background:color-mix(in srgb, var(--shade) 72%, transparent);min-height:26px;color:var(--ink-on-dark);font:var(--weight-bold) var(--type-meta-size) / 26px var(--font-ui);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:6px;padding:0 8px;position:absolute}.post-card-duration{bottom:10px;right:10px}.post-card-sound,.post-card-count{top:10px;right:10px}.post-card-failed{height:100%;color:var(--muted);font:var(--type-meta-weight) var(--type-meta-size) / 1.4 var(--font-ui);text-align:center;place-content:center;justify-items:center;gap:4px;margin:0;padding:12px;display:grid}.post-card-failed button{min-height:44px;color:var(--focus);font:inherit;font-weight:var(--weight-semibold);cursor:pointer;background:0 0;border:0}.post-card-zoom{z-index:2;cursor:zoom-in;background:0 0;border:0;padding:0;position:absolute;inset:0}.post-card-zoom:focus-visible{outline:var(--focus-ring);outline-offset:-3px}.post-card-strip{z-index:2;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;height:100%;display:flex;position:relative;overflow:auto hidden}.post-card-strip::-webkit-scrollbar{display:none}.post-card-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0;height:100%;position:relative}.post-card-slide>img{object-fit:cover;width:100%;height:100%;display:block}.post-card-dots{z-index:2;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--shade) 55%, transparent);pointer-events:none;gap:6px;padding:6px 8px;display:flex;position:absolute;bottom:12px;left:50%;translate:-50%}.post-card-dots>i{background:color-mix(in srgb, var(--ink-on-dark) 50%, transparent);border-radius:50%;width:6px;height:6px}.post-card-dots>i[data-on]{background:var(--ink-on-dark);scale:1.35}.post-card-step{z-index:2;background:color-mix(in srgb, var(--shade) 72%, transparent);width:44px;height:44px;color:var(--ink-on-dark);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:none;position:absolute;top:50%;translate:0 -50%}.post-card-step[data-side=previous]{left:10px;rotate:90deg}.post-card-step[data-side=next]{right:10px;rotate:-90deg}.post-card-step:focus-visible{outline:var(--focus-ring-on-dark);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb, var(--shade) 72%, transparent)}@media (hover:hover) and (pointer:fine){.post-card-step:not(:disabled){opacity:0;display:grid}.post-card-frame:is(:hover,:focus-within) .post-card-step:not(:disabled){opacity:1}}.post-card-alt{z-index:2;flex-direction:column-reverse;align-items:flex-start;gap:6px;max-width:calc(100% - 20px);max-height:calc(100% - 20px);display:flex;position:absolute;bottom:10px;left:10px}.post-card-alt-badge{background:color-mix(in srgb, var(--shade) 72%, transparent);min-height:26px;color:var(--ink-on-dark);font:var(--weight-bold) var(--type-meta-size) / 1 var(--font-ui);letter-spacing:.04em;cursor:pointer;border:0;border-radius:6px;padding:0 8px;position:relative}.post-card-alt-badge:after{content:"";position:absolute;inset:-9px -6px}.post-card-alt-text{background:color-mix(in srgb, var(--shade) 80%, transparent);color:var(--ink-on-dark);font:var(--type-subhead-weight) .875rem / 1.4 var(--font-ui);overflow-wrap:anywhere;border-radius:10px;margin:0;padding:10px 12px;overflow:auto}.post-card-credit{margin:6px var(--page-gutter) 0;color:var(--muted);font:var(--type-meta-weight) var(--type-meta-size) / 1.4 var(--font-ui);overflow-wrap:anywhere}.post-card-credit a{color:inherit;text-underline-offset:2px;text-decoration:underline}:is(.post-card,.pg-reply,.photo-viewer-info) .post-card-acts{flex-wrap:wrap;align-items:center;gap:2px;margin:4px 6px 6px 10px;display:flex}:is(.post-card,.pg-reply,.photo-viewer-info) .vote-pill{border-radius:var(--radius-pill);background:var(--fill);min-height:44px;color:var(--ink);font:var(--weight-semibold) var(--type-label-size) / 1 var(--font-ui);align-items:center;gap:6px;padding:0 14px 0 12px;display:inline-flex;position:relative}:is(.post-card,.pg-reply,.photo-viewer-info) .vote-pill>:is(button,a){min-width:0;min-height:0;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}:is(.post-card,.pg-reply,.photo-viewer-info) .vote-pill>:is(button,a):after{content:"";border-radius:inherit;position:absolute;inset:0}:is(.post-card,.pg-reply,.photo-viewer-info) .vote-pill>:is(button,a):focus-visible{outline:none}:is(.post-card,.pg-reply,.photo-viewer-info) .vote-pill:has(>:is(button,a):focus-visible){outline:var(--focus-ring);outline-offset:2px}:is(.post-card,.pg-reply,.photo-viewer-info) .vote-pill[data-voted]{background:var(--selection);color:var(--on-selection)}:is(.post-card,.pg-reply,.photo-viewer-info) .vote-pill[data-voted] svg{fill:currentColor}:is(.post-card,.pg-reply,.photo-viewer-info) .vote-pill .vote-score{min-width:0;color:inherit;font-variant-numeric:tabular-nums}@media (hover:hover){:is(.post-card,.pg-reply,.photo-viewer-info) .vote-pill:not([data-voted]):hover{background:var(--fill-press)}:is(.post-card,.pg-reply,.photo-viewer-info) .vote-pill[data-voted]:hover{box-shadow:inset 0 0 0 999px color-mix(in srgb, var(--on-selection) 12%, transparent)}}:is(.post-card,.pg-reply,.photo-viewer-info) .post-card-act,:is(.post-card,.pg-reply,.photo-viewer-info) .post-share{border-radius:var(--radius-pill);min-width:44px;min-height:44px;color:var(--muted);font:var(--weight-semibold) var(--type-label-size) / 1 var(--font-ui);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;text-decoration:none;display:inline-flex}:is(.post-card,.pg-reply,.photo-viewer-info) .post-share-wrap{display:inline-flex}:is(.post-card,.pg-reply,.photo-viewer-info) .post-card-act svg,:is(.post-card,.pg-reply,.photo-viewer-info) .post-share svg{width:20px;height:20px}:is(.post-card,.pg-reply,.photo-viewer-info) .post-card-act:hover,:is(.post-card,.pg-reply,.photo-viewer-info) .post-share:hover{background:var(--fill);color:var(--ink)}:is(.post-card,.pg-reply,.photo-viewer-info) .post-card-acts .save-post{border-radius:var(--radius-pill);width:44px;min-width:44px;height:44px;color:var(--muted);margin-inline-start:auto;padding:0}:is(.post-card,.pg-reply,.photo-viewer-info) .post-card-acts .save-post:hover{background:var(--fill);color:var(--ink)}:is(.post-card,.pg-reply,.photo-viewer-info) .post-card-acts .save-post[aria-pressed=true]{color:var(--ink)}@container post-card (max-width:339px){:is(.post-card,.pg-reply,.photo-viewer-info) .post-share>span:not(.sr-only){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:is(.post-card,.pg-reply,.photo-viewer-info) .post-share{padding:0 10px}:is(.post-card,.pg-reply,.photo-viewer-info) .vote-pill{padding:0 12px 0 10px}}.post-card-reply{margin:2px var(--page-gutter) 12px;border-radius:var(--radius-accordion);background:var(--fill);padding:10px 12px}.post-card-reply-head{font:var(--weight-semibold) .875rem / 1.4 var(--font-ui);flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0;display:flex}.post-card-reply-score{color:var(--brand-text);font-size:var(--type-meta-size);font-variant-numeric:tabular-nums}.post-card-reply-text{font:var(--type-subhead-weight) .875rem / 1.4 var(--font-ui);margin:2px 0 0}
