.post-card{--post-card-radius:18px;margin:0 var(--page-gutter) var(--space-4);background:var(--surface);color:var(--ink);border:1px solid var(--surface-edge);border-radius:var(--post-card-radius);box-shadow:var(--relief-post);grid-template-columns:minmax(0,1fr);display:grid;position:relative;container:post-card/inline-size}@media (min-width:901px){.post-card{--post-card-radius:18px;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>.post-card-more:empty{display:none}.post-card-head:has(>.post-card-more:empty){grid-template-columns:auto minmax(0,1fr)}.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;flex-wrap:wrap;align-items:center;gap:2px 8px;margin:0;padding-top:2px;display:flex}.post-card-who>*{order:4}.post-card-who>.post-card-by:not(:last-of-type){order:3}.post-card-who>.post-card-name{flex:auto;order:0;min-width:0}.post-card-who>.post-card-by:last-of-type{order:1;margin-inline-start:auto}.match-digest .post-card-who>.post-card-by:last-of-type{order:3;margin-inline-start:0}.post-card-who:after{content:"";flex:0 0 100%;order:2;height:0}.post-card-who .post-card-by>[aria-hidden=true]:first-child{display:none}.post-card-who .post-card-chip{margin-inline-start:0}.post-card-name{color:var(--ink);font:var(--type-label-weight) var(--type-label-size) / var(--type-label-leading) var(--font-ui)}.post-card-name .author-link{color:inherit;text-decoration:none}.post-card-who a.author-link{color:inherit;text-decoration:none;display:inline-flex}.post-card-who .author-link:hover{text-decoration:underline}.post-card-who time{font-variant-numeric:tabular-nums;white-space:nowrap;min-inline-size:8ch;display:inline-block}.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,a.post-context-link{align-items:center;min-width:44px;max-width:100%;min-height:44px;display:inline-flex}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:var(--space-3) var(--page-gutter) 0;max-width:40ch;font:var(--type-title-2-weight) var(--type-title-2-size) / var(--type-title-2-leading) var(--font-ui);letter-spacing:var(--type-section-tracking);overflow-wrap:anywhere}.post-card-snippet{margin:var(--space-2) var(--page-gutter) 0;max-width:68ch;color:var(--muted);font:var(--type-body-weight) var(--type-body-size) / 1.65 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:44px;min-height:44px;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] 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-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)}@media (max-width:600px){: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{min-width:44px;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:1px solid var(--surface-edge);border-inline-start:3px solid var(--brand-text);border-radius:0 var(--radius-accordion) var(--radius-accordion) 0;background:linear-gradient(90deg, color-mix(in srgb, var(--brand-text) 6%, transparent), transparent 42%), color-mix(in srgb, var(--fill) 72%, var(--surface));padding:11px 14px 12px 16px;position:relative}.post-card-reply-label{color:var(--brand-text);font:var(--type-kicker-weight) var(--type-kicker-size) / var(--type-kicker-leading) var(--type-kicker-family);letter-spacing:var(--type-kicker-tracking);text-transform:uppercase}.post-card-reply-head{font:var(--type-label-weight) var(--type-label-size) / var(--type-label-leading) 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{margin:var(--space-1) 0 0;font:var(--type-body-weight) var(--type-body-size) / 1.65 var(--font-ui)}.post-card :is(.save-post,.author-link,.post-card-open,.post-card-credit a,.post-card-acts a,.post-card-acts button,.post-card-acts summary):is(:focus-visible,:focus){outline:var(--focus-ring);outline-offset:2px}.post-card-open:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.post-card figcaption a,.post-media figcaption a,.post-card-credit a,.post-media-credit a{align-items:center;min-height:44px;margin-block:-13px;margin-inline:-4px;padding-block:13px;padding-inline:4px;display:inline-flex}:is(.post-card,.pg-reply,.photo-viewer-info) :is(.post-card-act,.post-share,.save-post){transition:background-color var(--motion-state) var(--ease-ui), color var(--motion-state) var(--ease-ui), scale var(--motion-press) var(--ease-ui)}:is(.post-card,.pg-reply,.photo-viewer-info) :is(.post-card-act,.post-share,.save-post):active{scale:var(--scale-press)}.post-card>.post-card-title.post-card-title{font-weight:var(--weight-bold);letter-spacing:-.012em}.post-card-snippet,.post-card-reply-text{font-family:var(--reading-family,var(--type-reading-family));font-weight:var(--type-reading-weight);letter-spacing:var(--type-reading-tracking);line-height:1.6}.post-card-snippet{color:color-mix(in srgb, var(--ink) 78%, transparent)}.post-body:not(.compact) :is(a){color:var(--brand-text);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--brand-text) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--brand-text) 45%, transparent);text-underline-offset:3px}.post-body:not(.compact) :is(strong){color:var(--ink);font-weight:var(--weight-semibold)}.post-body:not(.compact) :is(em){font-style:italic}.post-body:not(.compact) blockquote{border-inline-start:2px solid var(--line);color:var(--muted);margin:1em 0;padding:2px 0 2px 14px;font-style:italic}.post-card-title{text-wrap:balance}.post-card-snippet,.post-body:not(.compact){text-wrap:pretty}:is(.post-card,.pg-reply,.photo-viewer-info) .post-card-acts{gap:4px}:is(.post-card,.pg-reply,.photo-viewer-info) .post-share{gap:0;width:44px;min-width:44px;padding:0;position:relative}:is(.post-card,.pg-reply,.photo-viewer-info) .post-card-act{gap:6px;width:auto;min-width:44px;padding:0 12px;position:relative}: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) .vote-pill{background:var(--fill);width:auto;color:var(--ink);gap:2px;padding:0 14px 0 0}:is(.post-card,.pg-reply,.photo-viewer-info) .vote-pill>:is(button,a){width:44px}:is(.post-card,.pg-reply,.photo-viewer-info) .vote-pill .vote-score,:is(.post-card,.pg-reply,.photo-viewer-info) .post-card-acts .post-card-count{z-index:auto;min-width:0;height:auto;min-height:0;color:inherit;font:var(--weight-semibold) var(--type-label-size) / 1 var(--font-ui);letter-spacing:0;font-variant-numeric:tabular-nums;pointer-events:none;background:0 0;border-radius:0;padding:0;display:inline;position:static}:is(.post-card,.pg-reply,.photo-viewer-info) .vote-pill[data-voted]{background:var(--fill);color:var(--brand-text)}: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(.pg-club,.pg-competition,.pg-thread-page) .post-card .post-card-chip{background:var(--entity-color,var(--brand));color:#fff;box-shadow:none}.post-card:has(.post-card-head [data-entity-theme]) .post-card-chip{background:var(--entity-color,var(--brand));color:#fff;box-shadow:none}:is(.pg-club,.pg-competition,.pg-thread-page) .post-card .post-card-reply{border:1px solid var(--line);border-inline-start:3px solid var(--entity-color,var(--brand));border-radius:var(--radius-accordion);box-shadow:none;background:var(--surface-recessed)}.post-card:has(.post-card-head [data-entity-theme]) .post-card-reply{border:1px solid var(--line);border-inline-start:3px solid var(--entity-color,var(--brand));border-radius:var(--radius-accordion);box-shadow:none;background:var(--surface-recessed)}:is(.pg-club,.pg-competition,.pg-thread-page) .post-card .post-card-reply-label,:is(.pg-club,.pg-competition,.pg-thread-page) .post-card .post-card-reply-score{color:var(--entity-color,var(--brand-text))}.post-card:has(.post-card-head [data-entity-theme]) .post-card-reply-label{color:var(--entity-color,var(--brand-text))}.post-card:has(.post-card-head [data-entity-theme]) .post-card-reply-score{color:var(--entity-color,var(--brand-text))}
