.PhotoGallery-module__QQ8S3q__gallery{--photo-radius:.375rem;--paper:#fdfdfc;--ink:#242522;--muted:#74746d;--card-width:180px;--card-height:174px;--gap-x:142px;--gap-y:138px;background:var(--paper);color:var(--ink);isolation:isolate;position:fixed;inset:0}.dark .PhotoGallery-module__QQ8S3q__gallery{--paper:#0d1117;--ink:#ecebe6;--muted:#a4a59d}.PhotoGallery-module__QQ8S3q__viewport{overscroll-behavior:contain;scroll-behavior:auto;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;cursor:grab;outline-offset:-4px;position:absolute;inset:0;overflow:auto}.PhotoGallery-module__QQ8S3q__viewport::-webkit-scrollbar{display:none}.PhotoGallery-module__QQ8S3q__viewport[data-dragging=true],.PhotoGallery-module__QQ8S3q__viewport[data-dragging=true] *{cursor:grabbing}.PhotoGallery-module__QQ8S3q__viewport[data-ready=false] .PhotoGallery-module__QQ8S3q__canvas{visibility:hidden}.PhotoGallery-module__QQ8S3q__canvas{grid-template-columns:repeat(var(--columns),var(--card-width));grid-auto-rows:calc(var(--card-height) + 26px);gap:var(--gap-y)var(--gap-x);width:max-content;padding:max(100px,calc(50dvh - var(--card-height)/2))max(24px,calc(50vw - var(--card-width)/2));display:grid}.PhotoGallery-module__QQ8S3q__card{width:var(--card-width);cursor:zoom-in;-webkit-user-select:none;user-select:none;flex-direction:column;align-self:start;align-items:center;scroll-margin:100px;text-decoration:none;display:flex}.PhotoGallery-module__QQ8S3q__frame{width:min(100%,calc(var(--card-height)*var(--ratio)));aspect-ratio:var(--ratio);max-height:var(--card-height);background-color:#d0d0cb;background-position:50%;background-size:cover;position:relative}.PhotoGallery-module__QQ8S3q__image{-o-object-fit:contain;object-fit:contain}.PhotoGallery-module__QQ8S3q__frame,.PhotoGallery-module__QQ8S3q__largeFrame,.PhotoGallery-module__QQ8S3q__thumbnailImage,.PhotoGallery-module__QQ8S3q__loadingPhotos span{border-radius:var(--photo-radius);overflow:hidden}.PhotoGallery-module__QQ8S3q__card:focus-visible{outline:1px solid var(--ink);outline-offset:8px}.PhotoGallery-module__QQ8S3q__viewport[data-mode=index] .PhotoGallery-module__QQ8S3q__canvas{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;gap:8px;width:100%;padding:8px 8px 88px}.PhotoGallery-module__QQ8S3q__viewport[data-mode=index]{cursor:auto}.PhotoGallery-module__QQ8S3q__viewport[data-mode=index] .PhotoGallery-module__QQ8S3q__card{width:100%}.PhotoGallery-module__QQ8S3q__viewport[data-mode=index] .PhotoGallery-module__QQ8S3q__frame{aspect-ratio:2/3;width:100%;max-height:none}.PhotoGallery-module__QQ8S3q__viewport[data-mode=index] .PhotoGallery-module__QQ8S3q__image{-o-object-fit:cover;object-fit:cover}.PhotoGallery-module__QQ8S3q__empty{text-align:center;width:100%;color:var(--muted);position:absolute;top:48%}.PhotoGallery-module__QQ8S3q__loading{pointer-events:none;position:absolute;inset:0;overflow:hidden}.PhotoGallery-module__QQ8S3q__loadingPhotos{grid-template-columns:repeat(3,var(--card-width));gap:var(--gap-y)var(--gap-x);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.PhotoGallery-module__QQ8S3q__loadingPhotos span{width:var(--card-width);height:var(--card-height);background:color-mix(in srgb,var(--ink)10%,var(--paper))}.PhotoGallery-module__QQ8S3q__loadingPhotos span:nth-child(2n){justify-self:center;width:70%}.PhotoGallery-module__QQ8S3q__viewer{--photo-ease-out:cubic-bezier(.23,1,.32,1);width:100%;max-width:none;height:100dvh;max-height:none;padding:max(14px,env(safe-area-inset-top))32px max(16px,env(safe-area-inset-bottom));color:var(--ink);isolation:isolate;background:0 0;border:0;margin:0;position:fixed;inset:0;overflow:hidden}.PhotoGallery-module__QQ8S3q__viewer[open]{grid-template-rows:48px minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.PhotoGallery-module__QQ8S3q__viewer::backdrop{background:0 0}.PhotoGallery-module__QQ8S3q__viewerSurface{z-index:-1;background:var(--paper);pointer-events:none;position:absolute;inset:0}.PhotoGallery-module__QQ8S3q__viewerHeader{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;font-size:12px;display:grid}.PhotoGallery-module__QQ8S3q__counter{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;grid-column:2;justify-self:center}.PhotoGallery-module__QQ8S3q__close{grid-column:3;justify-content:center;justify-self:end;align-items:center;width:44px;height:44px;display:flex}.PhotoGallery-module__QQ8S3q__close>span{font-size:25px;line-height:1}.PhotoGallery-module__QQ8S3q__stage{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;container-type:size}.PhotoGallery-module__QQ8S3q__imageGroup{width:min(calc(100% - 112px),calc(100cqh*var(--ratio)));aspect-ratio:var(--ratio);position:relative}.PhotoGallery-module__QQ8S3q__largeFrame{transform-origin:0 0;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.PhotoGallery-module__QQ8S3q__photoArrow{justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.PhotoGallery-module__QQ8S3q__previous{right:calc(100% + 12px)}.PhotoGallery-module__QQ8S3q__next{left:calc(100% + 12px)}.PhotoGallery-module__QQ8S3q__photoArrow:disabled{opacity:.25;cursor:default}.PhotoGallery-module__QQ8S3q__viewerFooter{flex-direction:column;gap:12px;min-width:0;display:flex}.PhotoGallery-module__QQ8S3q__filmstrip{scrollbar-width:none;overscroll-behavior-x:contain;flex-direction:row;gap:10px;min-width:0;padding:4px;display:flex;overflow:auto hidden}.PhotoGallery-module__QQ8S3q__filmstrip::-webkit-scrollbar{display:none}.PhotoGallery-module__QQ8S3q__thumbnail{border-radius:var(--photo-radius);border:1px solid #0000;flex:none;justify-content:center;align-items:center;width:102px;height:82px;padding:6px;display:flex}.PhotoGallery-module__QQ8S3q__thumbnail[aria-current=true]{border-color:var(--ink);background:color-mix(in srgb,var(--ink)6%,transparent)}.PhotoGallery-module__QQ8S3q__thumbnailImage{width:min(88px,calc(68px*var(--ratio)));aspect-ratio:var(--ratio);max-height:68px;display:block;position:relative}.PhotoGallery-module__QQ8S3q__gallery button:focus-visible{outline:1px solid var(--ink);outline-offset:4px}@media (hover:hover) and (pointer:fine){.PhotoGallery-module__QQ8S3q__card .PhotoGallery-module__QQ8S3q__frame{transition:opacity .15s}.PhotoGallery-module__QQ8S3q__card:hover .PhotoGallery-module__QQ8S3q__frame{opacity:.8}.PhotoGallery-module__QQ8S3q__gallery button:hover:not(:disabled){color:var(--ink)}}@media (max-width:1000px){.PhotoGallery-module__QQ8S3q__gallery{--card-width:150px;--card-height:155px;--gap-x:110px;--gap-y:116px}}@media (max-width:767px){.PhotoGallery-module__QQ8S3q__viewport[data-mode=index] .PhotoGallery-module__QQ8S3q__canvas{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.PhotoGallery-module__QQ8S3q__gallery{--card-width:130px;--card-height:145px;--gap-x:70px;--gap-y:100px}.PhotoGallery-module__QQ8S3q__viewer{padding-left:12px;padding-right:12px}.PhotoGallery-module__QQ8S3q__viewer[open]{grid-template-rows:44px minmax(0,1fr) auto;gap:12px}.PhotoGallery-module__QQ8S3q__imageGroup{width:min(calc(100% - 88px),calc(100cqh*var(--ratio)))}.PhotoGallery-module__QQ8S3q__previous{right:100%}.PhotoGallery-module__QQ8S3q__next{left:100%}.PhotoGallery-module__QQ8S3q__viewerHeader{gap:8px;font-size:11px}.PhotoGallery-module__QQ8S3q__filmstrip{flex-direction:row;gap:8px;max-width:100%}.PhotoGallery-module__QQ8S3q__thumbnail{width:72px;height:62px;padding:4px}.PhotoGallery-module__QQ8S3q__thumbnailImage{width:min(62px,calc(52px*var(--ratio)));max-height:52px}}@media (max-width:380px){.PhotoGallery-module__QQ8S3q__gallery{--card-width:112px;--card-height:132px;--gap-x:62px}}@media (prefers-reduced-motion:reduce){.PhotoGallery-module__QQ8S3q__card .PhotoGallery-module__QQ8S3q__frame{transition:none}}