.realm-community-videos{padding:0 38px 80px;background:var(--realm-paper);color:var(--realm-black)}
.realm-community-videos [hidden]{display:none!important}
.realm-community-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 36px}
.realm-community-heading h2{margin:0;max-width:100%;font:900 clamp(30px,3vw,48px)/1 var(--realm-display);text-transform:uppercase;overflow-wrap:anywhere}
.realm-community-heading-controls{display:flex;align-items:center;flex:0 0 auto;gap:16px}
.realm-community-arrows{display:flex;flex:0 0 auto;gap:4px}
.realm-community-motion,.realm-community-arrows button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border:1px solid var(--realm-black);border-radius:0;background:transparent;color:inherit;font:400 12px/18px var(--realm-mono)}
.realm-community-arrows button{width:44px;height:44px;padding:0}
.realm-community-motion:disabled,.realm-community-arrows button:disabled{opacity:.35;cursor:default}
[data-community-step="-1"] img{transform:rotate(180deg)}
.realm-community-rail{display:flex;align-items:stretch;gap:4px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;direction:ltr;cursor:grab}
.realm-community-rail::-webkit-scrollbar{display:none}
.realm-community-rail[data-dragging="true"]{scroll-snap-type:none;cursor:grabbing;user-select:none}
.realm-community-card{flex:0 0 calc((100% - 12px)/4);min-width:0;scroll-snap-align:start;direction:inherit}
.realm-community-media{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;background:var(--realm-black);color:var(--realm-paper)}
.realm-community-media>img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.realm-community-empty{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;position:absolute;inset:0;padding:18px;font:400 12px/18px var(--realm-mono);text-transform:uppercase}
.realm-community-inline-frame{position:absolute;inset:0;pointer-events:none}
.realm-community-inline-frame iframe{display:block;width:100%;height:100%;border:0;opacity:0;pointer-events:none}
.realm-community-inline-frame[data-player-ready="true"] iframe{opacity:1}
.realm-community-inline-recovery{position:absolute;inset:auto 8px 8px;display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;pointer-events:none;font:400 12px/18px var(--realm-mono)}
.realm-community-inline-recovery p{flex-basis:100%;max-width:100%;margin:0;padding:6px 8px;background:rgba(3,3,3,.85);color:#fff;overflow-wrap:anywhere}
.realm-community-inline-recovery p:empty{display:none}
.realm-community-inline-recovery button{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:8px 12px;border:1px solid #fff;border-radius:0;background:rgba(3,3,3,.85);color:#fff;font:400 12px/18px var(--realm-mono);pointer-events:auto}
.realm-community-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:14px;font:400 14px/18px var(--realm-mono);overflow-wrap:anywhere}
.realm-community-caption span{min-width:0}.realm-community-caption>a{display:inline-flex;align-items:center;flex:0 0 auto;min-height:44px;margin-block:-13px;font-size:11px;color:#595959;text-transform:uppercase;text-underline-offset:3px}
.realm-community-product{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;font:400 12px/18px var(--realm-mono);text-decoration:none}
.realm-community-product img{flex:0 0 auto}
.realm-community-videos :is(a,button):focus-visible{outline:2px solid var(--realm-world-accent);outline-offset:-3px}
.realm-community-rail:focus-visible{outline:2px solid var(--realm-world-accent);outline-offset:4px}
@media(hover:hover){.realm-community-product:hover{text-decoration:underline;text-underline-offset:4px}}
@media(max-width:1024px){.realm-community-videos{padding-inline:20px}.realm-community-card{flex-basis:calc((100% - 8px)/3)}}
@media(max-width:767px){.realm-community-videos{padding-bottom:52px}.realm-community-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:16px}.realm-community-heading h2{font-size:24px;line-height:24px}.realm-community-heading-controls{justify-content:space-between;width:100%}.realm-community-card{flex-basis:64%}.realm-community-caption{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.realm-community-rail{scroll-behavior:auto}}