/* Shared photo/video mosaic and a read-only album on top of the current screen. */
.dg-community-album{min-width:0;margin-block:var(--dg-space-4)}
.dg-community-album[data-dg-community-album]>.dg-community-album-grid[data-dg-album-items],
.dg-community-album[data-dg-community-album]>[data-dg-community-gallery-items]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--dg-space-1);width:100%;aspect-ratio:6/5;min-width:0;overflow:hidden;border-radius:var(--dg-radius-lg)}
.dg-community-album[data-dg-community-album] [data-dg-album-item]{position:relative;display:block;grid-column:span 2;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:var(--dg-surface-soft);text-decoration:none;line-height:1}
.dg-community-album[data-dg-community-album] [data-dg-album-item]:nth-child(-n+2){grid-column:span 3}
.dg-community-album[data-dg-community-album] [data-dg-album-item]:nth-child(n+6){display:none}
.dg-community-album[data-dg-community-album] [data-dg-album-item]>:is(img,video){display:block;width:100%;height:100%;max-width:100%;max-height:none;margin:0;border:0;border-radius:0;object-fit:cover;background:var(--dg-surface-soft)}
.dg-community-album[data-dg-community-album] [data-dg-album-more]{position:absolute;inset:0;display:grid;place-items:center;padding:var(--dg-space-2);background:rgb(0 0 0 / .48);color:#fff;font-size:var(--dg-font-heading-lg);font-weight:var(--dg-font-weight-bold);line-height:1.2;pointer-events:none}
.dg-community-album[data-dg-community-album] .dg-community-album-play{position:absolute;inset:0;display:grid;place-items:center;background:rgb(0 0 0 / .12);color:#fff;font-size:var(--dg-font-display-sm);pointer-events:none}
.dg-community-album[data-dg-community-album]:is([data-dg-album-visible-count="1"],[data-dg-album-count="1"])>[data-dg-album-items]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);aspect-ratio:4/3}
.dg-community-album[data-dg-community-album]:is([data-dg-album-visible-count="1"],[data-dg-album-count="1"]) [data-dg-album-item]:first-child{grid-column:auto}
.dg-community-album[data-dg-community-album]:is([data-dg-album-visible-count="2"],[data-dg-album-count="2"])>[data-dg-album-items]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);aspect-ratio:2/1}
.dg-community-album[data-dg-community-album]:is([data-dg-album-visible-count="2"],[data-dg-album-count="2"]) [data-dg-album-item]:nth-child(-n+2){grid-column:auto}
.dg-community-album[data-dg-community-album]:is([data-dg-album-visible-count="3"],[data-dg-album-count="3"])>[data-dg-album-items]{grid-template-columns:repeat(2,minmax(0,1fr));aspect-ratio:4/3}
.dg-community-album[data-dg-community-album]:is([data-dg-album-visible-count="3"],[data-dg-album-count="3"]) [data-dg-album-item]:nth-child(-n+3){grid-column:auto}
.dg-community-album[data-dg-community-album]:is([data-dg-album-visible-count="3"],[data-dg-album-count="3"]) [data-dg-album-item]:first-child{grid-row:span 2}
.dg-community-album[data-dg-community-album]:is([data-dg-album-visible-count="4"],[data-dg-album-count="4"])>[data-dg-album-items]{grid-template-columns:repeat(2,minmax(0,1fr));aspect-ratio:1/1}
.dg-community-album[data-dg-community-album]:is([data-dg-album-visible-count="4"],[data-dg-album-count="4"]) [data-dg-album-item]:nth-child(-n+4){grid-column:auto}

dialog.dg-community-album-dialog[data-dg-album-dialog]{box-sizing:border-box;position:fixed;inset:0;width:min(92vw,78rem);height:min(88dvh,58rem);max-width:calc(100vw - var(--dg-space-4));max-height:calc(100dvh - var(--dg-space-4));margin:auto;padding:0;overflow:hidden;border:1px solid var(--dg-border);border-radius:var(--dg-radius-xl);background:var(--dg-surface);color:var(--dg-text);box-shadow:var(--dg-shadow-float)}
dialog.dg-community-album-dialog[data-dg-album-dialog][open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:0}
dialog.dg-community-album-dialog[data-dg-album-dialog]::backdrop{background:rgb(10 14 20 / .82);transition:opacity 160ms ease}
dialog.dg-community-album-dialog[data-dg-album-dialog][open].is-closing{pointer-events:none}
dialog.dg-community-album-dialog[data-dg-album-dialog][open].is-closing::backdrop{opacity:0}
.dg-community-album-dialog .dg-community-album-header{display:flex;align-items:center;justify-content:space-between;gap:var(--dg-space-3);padding:var(--dg-space-4) var(--dg-space-5);border-bottom:1px solid var(--dg-border)}
.dg-community-album-dialog .dg-community-album-header>div{min-width:0}
.dg-community-album-dialog .dg-community-album-header h2{margin:0;font-size:var(--dg-font-heading-sm);line-height:1.4}
.dg-community-album-dialog [data-dg-album-counter]{margin:var(--dg-space-1) 0 0;color:var(--dg-text-muted);font-size:var(--dg-font-body-sm);line-height:1.4}
.dg-community-album-dialog .dg-community-album-close{display:grid;place-items:center;flex:0 0 var(--dg-control-sm);width:var(--dg-control-sm);height:var(--dg-control-sm);min-height:var(--dg-control-sm);margin:0;padding:0;border:1px solid var(--dg-border);border-radius:var(--dg-radius-md);background:var(--dg-surface-soft);color:var(--dg-text);font:inherit;font-size:var(--dg-font-heading-md);cursor:pointer}
.dg-community-album-dialog .dg-community-album-stage{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;background:rgb(15 19 25);touch-action:pan-y pinch-zoom}
.dg-community-album-dialog .dg-community-album-stage>:is(img,video){display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;border:0;border-radius:0;object-fit:contain}
.dg-community-album-dialog .dg-community-album-caption{margin:0;padding:var(--dg-space-2) var(--dg-space-4);color:var(--dg-text-muted);font-size:var(--dg-font-body-sm);line-height:1.4;overflow-wrap:anywhere}
.dg-community-album-dialog .dg-community-album-status{margin:0;padding:0 var(--dg-space-4) var(--dg-space-2);color:var(--dg-accent);font-size:var(--dg-font-body-sm);line-height:1.4;overflow-wrap:anywhere}
.dg-community-album-dialog .dg-community-album-status:empty{display:none}
.dg-community-album-dialog .dg-community-album-navigation{display:flex;align-items:center;justify-content:center;gap:var(--dg-space-3);padding:var(--dg-space-3) var(--dg-space-4);border-top:1px solid var(--dg-border)}
.dg-community-album-dialog .dg-community-album-navigation>button{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;max-width:14rem;min-height:var(--dg-control-sm);margin:0;padding:var(--dg-space-2) var(--dg-space-4);border:1px solid var(--dg-border);border-radius:var(--dg-radius-md);background:var(--dg-surface);color:var(--dg-text);font:inherit;font-size:var(--dg-font-body-md);font-weight:var(--dg-font-weight-bold);cursor:pointer}
.dg-community-album-dialog .dg-community-album-navigation>button:disabled{opacity:.45;cursor:default}
@media(max-width:680px){dialog.dg-community-album-dialog[data-dg-album-dialog]{width:calc(100vw - var(--dg-space-4));height:calc(100dvh - var(--dg-space-4));border-radius:var(--dg-radius-lg)}.dg-community-album-dialog .dg-community-album-header{padding:var(--dg-space-3) var(--dg-space-4)}}