.photo-grid{margin-top:var(--s3);grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.photo-grid>*{aspect-ratio:1;background:var(--paper-2);border:0;border-radius:0;padding:0;line-height:0;display:block;overflow:hidden}.photo-grid img{object-fit:cover;width:100%;height:100%}.photo-cell:hover img{opacity:.92}.photo-cell:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.photo-grid[data-count="1"]{grid-template-columns:1fr;justify-items:start;gap:0}.photo-grid[data-count="1"]>*{aspect-ratio:auto;background:0 0;border-radius:10px}.photo-grid[data-count="1"] img{border-radius:10px;width:auto;max-width:100%;height:auto;max-height:320px}.photo-grid[data-fit=square][data-count="1"]{max-width:300px}.photo-grid[data-fit=square][data-count="1"]>*{aspect-ratio:1;background:var(--paper-2)}.photo-grid[data-fit=square][data-count="1"] img{width:100%;height:100%;max-height:none}.photo-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:76%}.moment-video{width:100%;max-height:72vh;margin-top:var(--s4);border-radius:var(--r-md);background:#111}.video-poster{background:var(--paper-2);width:100%;max-width:520px;margin-top:var(--s3);border:0;border-radius:10px;padding:0;line-height:0;display:block;position:relative;overflow:hidden}.video-poster img{aspect-ratio:16/10;object-fit:cover;width:100%;max-height:420px}.video-poster-blank{aspect-ratio:16/10;width:100%;display:block}.video-poster:hover img{opacity:.92}.video-poster .video-play{color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14120f75;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:52px;height:52px;font-size:17px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-processing-state{margin-top:var(--s4);padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink-1);background:#f7f3eb;justify-items:start;gap:9px;display:grid}.video-processing-state strong{color:var(--ink-0);font-size:17px}.video-processing-state p{margin:0;line-height:1.6}.video-processing-state progress{width:min(100%,260px)}.lightbox{z-index:80;background:#14120ff5;flex-direction:column;min-width:0;min-height:0;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.lightbox-bar{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) var(--s4);padding-top:calc(var(--s3) + env(safe-area-inset-top));color:#f3ede1;flex:none;display:flex}.lightbox-bar span{font-variant-numeric:tabular-nums;font-size:13px}.lightbox-stage{min-width:0;min-height:0;padding:0 var(--s3);flex:1 1 0;place-items:center;display:grid;position:relative;overflow:hidden}.lightbox-image{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:4px;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;display:block}.lightbox-image--preview{filter:blur(8px);opacity:.72;transform:scale(1.02)}.lightbox-image--full{opacity:0;margin:auto;transition:opacity .18s ease-out;position:absolute;top:0;bottom:0;left:0;right:0}.lightbox-image--full[data-ready=true]{opacity:1}.lightbox-round{width:var(--tap);height:var(--tap);color:#f3ede1;background:#ffffff1f;border:0;border-radius:50%;place-items:center;font-size:18px;line-height:1;display:grid}.lightbox-round:hover{background:#ffffff38}.lightbox-round:disabled{cursor:default;opacity:.3}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav[data-dir=prev]{left:var(--s3)}.lightbox-nav[data-dir=next]{right:var(--s3)}.lightbox-strip{min-width:0;padding:var(--s3) var(--s4);padding-bottom:calc(var(--s3) + env(safe-area-inset-bottom));scrollbar-width:none;flex:none;justify-content:center;gap:5px;display:flex;overflow:auto hidden}.lightbox-strip::-webkit-scrollbar{display:none}.lightbox-strip button{background:0 0;border:0;border-radius:4px;flex:none;padding:0;line-height:0}.lightbox-strip img{object-fit:cover;opacity:.48;width:40px;height:40px;transition:opacity var(--dur-fast) var(--ease);border-radius:4px}.lightbox-strip button[aria-current] img{opacity:1;outline:2px solid #f3ede1}
