.photo-grid_root__5Z6iL{--header-h:60px;--bar-h:60px;--strip-h:64px;--material:color-mix(in oklch,var(--surface) 74%,transparent);--hairline:color-mix(in oklch,var(--border-strong) 55%,transparent);position:relative;isolation:isolate;overflow:hidden;clip-path:inset(0 round var(--radius-panel));width:100%;height:100%;min-height:320px;container-type:inline-size;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);color:var(--foreground);font-family:var(--font-body);letter-spacing:var(--tracking-body);line-height:var(--leading-body);-webkit-tap-highlight-color:transparent}.photo-grid_scroller__fpG9w{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;padding-top:var(--header-h);scroll-padding-top:var(--header-h);overflow-anchor:none;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}.photo-grid_scroller__fpG9w::-webkit-scrollbar{display:none}.photo-grid_grid__VEER2{position:relative;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:3px;margin:0;padding:0 3px 3px;list-style:none;will-change:transform}.photo-grid_cell__4IyBR{min-width:0}.photo-grid_tile__DqCco{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;padding:0;border:0;border-radius:6px;background:var(--surface-muted);cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.photo-grid_tile__DqCco img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.photo-grid_tile__DqCco:before{content:"";position:absolute;z-index:1;inset:0;background:var(--foreground);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard)}.photo-grid_tile__DqCco:active:before{opacity:.12}.photo-grid_tile__DqCco[data-hidden]{opacity:0}.photo-grid_badge__BVeZc{position:absolute;z-index:1;bottom:6px;left:6px;display:grid;color:oklch(100% 0 0);filter:drop-shadow(0 1px 1.5px oklch(0 0 0/.45));pointer-events:none}.photo-grid_header__bR1Dr{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;height:var(--header-h);align-items:center;justify-content:space-between;gap:12px;padding:0 10px 0 18px;border-bottom:1px solid transparent;background:var(--material);-webkit-backdrop-filter:blur(22px) saturate(1.8);backdrop-filter:blur(22px) saturate(1.8);transition:border-color var(--duration-fast) var(--ease-standard)}.photo-grid_header__bR1Dr[data-scrolled]{border-bottom-color:var(--hairline)}.photo-grid_heading__LmwKc{min-width:0}.photo-grid_title__XF6su{overflow:hidden;margin:0;font-size:var(--text-base);font-weight:500;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.photo-grid_subtitle__k5Fp5{display:flex;align-items:center;gap:8px;margin:2px 0 0;color:var(--text-secondary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.photo-grid_favoriteCount__aco5L{display:inline-flex;align-items:center;gap:3px}.photo-grid_zoom__KAoy9{isolation:isolate;display:inline-flex;flex:none;gap:2px;padding:3px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-muted)}.photo-grid_zoomButton__3mhf9{position:relative;display:grid;width:38px;height:30px;place-items:center;padding:0;border:0;border-radius:calc(var(--radius-control) - 3px);background:transparent;color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard)}.photo-grid_zoomButton__3mhf9:active{transform:scale(.94)}.photo-grid_zoomButton__3mhf9 svg{position:relative;z-index:1}.photo-grid_zoomButton__3mhf9[aria-pressed=true]{color:var(--foreground)}.photo-grid_zoomSelection__bqMnu{position:absolute;z-index:0;inset:0;border:1px solid var(--border);border-radius:inherit;background:var(--surface);box-shadow:var(--shadow-resting)}@media (hover:hover) and (pointer:fine){.photo-grid_zoomButton__3mhf9:hover{color:var(--foreground)}}.photo-grid_viewer__6RqtP{position:absolute;z-index:2;inset:0;overflow:hidden;outline:none;-webkit-user-select:none;user-select:none}.photo-grid_viewer__6RqtP[data-state=closed]{visibility:hidden;pointer-events:none}.photo-grid_viewer__6RqtP[data-state=closing]{pointer-events:none}.photo-grid_frost__7YQN2{position:absolute;inset:0;background:color-mix(in oklch,var(--surface) 24%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3)}.photo-grid_backdrop__SSxN2{position:absolute;inset:0;background:var(--surface)}.photo-grid_viewer__6RqtP[data-state=closed] .photo-grid_frost__7YQN2{display:none}.photo-grid_stage__8vd2c{position:absolute;top:var(--bar-h);right:0;bottom:var(--strip-h);left:0;cursor:grab;touch-action:none}.photo-grid_stage__8vd2c:active{cursor:grabbing}.photo-grid_track__bwyNq{position:absolute;inset:0}.photo-grid_slide__JvpHj{position:absolute;top:0;bottom:0;width:100%}.photo-grid_photo__0anTv{position:absolute;transform-origin:50% 50%;background:var(--surface-muted);will-change:transform}.photo-grid_photo__0anTv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.photo-grid_sharp__PgcuW{opacity:0;transition:opacity var(--duration-standard) var(--ease-standard)}.photo-grid_sharp__PgcuW[data-loaded]{opacity:1}.photo-grid_bar__iZxT1{position:absolute;z-index:1;top:0;right:0;left:0;display:grid;height:var(--bar-h);grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:12px;padding:0 10px}.photo-grid_caption__2hbFt{display:grid;min-width:0;justify-items:center;text-align:center}.photo-grid_captionTitle__piHip{display:block;justify-self:stretch;max-width:100%;overflow:hidden;font-size:var(--text-sm);font-weight:500;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.photo-grid_captionMeta__VrU8x{display:flex;max-width:100%;overflow:hidden;align-items:baseline;justify-content:safe center;gap:5px;color:var(--text-secondary);font-size:var(--text-xs);line-height:1.35;white-space:nowrap;font-variant-numeric:tabular-nums}.photo-grid_counterPart__5DX1f{display:inline-flex;align-items:baseline;gap:5px}.photo-grid_counter__r6Odp{display:inline-flex;align-items:baseline;gap:4px}.photo-grid_glass__YlxA3{position:relative;display:grid;width:40px;height:40px;place-items:center;padding:0;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--foreground);cursor:pointer;box-shadow:var(--shadow-resting);transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-standard)}.photo-grid_glass__YlxA3:active:not(:disabled){transform:scale(.96)}.photo-grid_glass__YlxA3:disabled{opacity:.4;cursor:default}@media (hover:hover) and (pointer:fine){.photo-grid_glass__YlxA3:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-muted)}}.photo-grid_icon__AbjUn{grid-area:1/1;display:grid;place-items:center}.photo-grid_navs__YFzaw{position:absolute;z-index:1;top:calc(var(--bar-h) + (100% - var(--bar-h) - var(--strip-h)) / 2);right:12px;left:12px;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%)}.photo-grid_nav__m_Ivd{opacity:0;transition:opacity var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-standard)}.photo-grid_viewer__6RqtP[data-state=open] .photo-grid_nav__m_Ivd{pointer-events:auto}.photo-grid_nav__m_Ivd:focus{opacity:1}@media (hover:hover) and (pointer:fine){.photo-grid_viewer__6RqtP:hover .photo-grid_nav__m_Ivd:not(:disabled){opacity:1}.photo-grid_viewer__6RqtP:hover .photo-grid_nav__m_Ivd:disabled{opacity:.35}}@media (hover:none){.photo-grid_navs__YFzaw{display:none}}.photo-grid_strip__PSbkK{position:absolute;z-index:1;right:0;bottom:0;left:0;height:var(--strip-h);overflow:hidden;cursor:ew-resize;touch-action:none;outline:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent)}.photo-grid_thumb__ADc_u{position:absolute;top:calc((var(--strip-h) - 40px) / 2 - 4px);left:0;height:40px;overflow:hidden;background:var(--surface-muted);will-change:transform,clip-path,opacity}.photo-grid_thumb__ADc_u img{width:100%;height:100%;object-fit:cover;pointer-events:none}.photo-grid_backdrop__SSxN2,.photo-grid_badge__BVeZc,.photo-grid_bar__iZxT1,.photo-grid_digit__mMhoe,.photo-grid_frost__7YQN2,.photo-grid_grid__VEER2,.photo-grid_icon__AbjUn,.photo-grid_morph__WJD2o,.photo-grid_navs__YFzaw,.photo-grid_photo__0anTv,.photo-grid_place__R67kZ,.photo-grid_slide__JvpHj,.photo-grid_strip__PSbkK,.photo-grid_swapText__qRz9F,.photo-grid_thumb__ADc_u,.photo-grid_tile__DqCco,.photo-grid_track__bwyNq,.photo-grid_viewer__6RqtP,.photo-grid_zoomSelection__bqMnu{transition:none}.photo-grid_swap__Pr_0D{position:relative;display:block;max-width:100%}.photo-grid_swapText__qRz9F{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-grid_morph__WJD2o{position:relative;display:inline-flex;min-width:0}.photo-grid_morph__WJD2o[data-morphing]{clip-path:inset(-.6em 0 -.6em 0)}.photo-grid_morphInner__dWXxT{position:relative;display:inline-flex;flex:none;white-space:nowrap}.photo-grid_roll__pw5fV{position:relative;display:inline-flex;font-variant-numeric:tabular-nums}.photo-grid_place__R67kZ{position:relative;display:inline-block}.photo-grid_digit__mMhoe{display:inline-block}.photo-grid_srOnly__jnyEO{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (max-width:480px){.photo-grid_root__5Z6iL{--header-h:56px;--strip-h:60px}.photo-grid_header__bR1Dr{padding-left:14px}.photo-grid_zoomButton__3mhf9{width:34px}}@container (max-width: 480px){.photo-grid_navs__YFzaw{display:none}}@container (max-width: 340px){.photo-grid_bar__iZxT1{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;padding:0 8px}.photo-grid_glass__YlxA3{width:36px;height:36px}}@container (max-width: 300px){.photo-grid_counterPart__5DX1f{display:none}}@media (prefers-reduced-transparency:reduce){.photo-grid_header__bR1Dr{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.photo-grid_frost__7YQN2{display:none}}.photo-grid_zoomButton__3mhf9{transition:color var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-standard)}@media (prefers-reduced-motion:reduce){.photo-grid_glass__YlxA3,.photo-grid_header__bR1Dr,.photo-grid_nav__m_Ivd,.photo-grid_sharp__PgcuW,.photo-grid_tile__DqCco:before,.photo-grid_zoomButton__3mhf9{transition:none}.photo-grid_glass__YlxA3:active:not(:disabled){transform:none}}.photo-grid_demo__tHflw{display:grid;gap:12px;width:min(100%,680px);font-family:var(--font-body);letter-spacing:var(--tracking-body)}.photo-grid_frame__F8tkh{height:380px;min-width:0}.photo-grid_hint__BjX0S{position:relative;min-height:calc(2em * var(--leading-body));margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-body);text-align:center}.photo-grid_hintText__IBe_2{display:block}@media (max-width:520px){.photo-grid_frame__F8tkh{height:404px}.photo-grid_hint__BjX0S{font-size:var(--text-xs)}}