.photo-viewer{--viewer-fg:var(--home-on-primary,#fff);--viewer-border:#ffffff1a;--viewer-control:#ffffff0d;--viewer-radius:16px;--viewer-image-bg:#0d0f11;width:100%;max-width:none;height:100dvh;max-height:none;color:var(--viewer-fg);background:0 0;border:0;margin:0;padding:24px 40px 40px;position:fixed;inset:0;overflow:hidden}.photo-viewer[open]{flex-direction:column;justify-content:space-between;align-items:center;gap:24px;display:flex}.photo-viewer::backdrop{background:#0d0f1180}.photo-viewer-header{flex:none;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:16px 40px;display:flex}.photo-viewer-header p{margin:0 0 4px;font-size:20px;font-weight:600;line-height:28px}.photo-viewer-header small{font-size:14px;line-height:18px}.photo-viewer-control{border:1.5px solid var(--viewer-border);background:var(--viewer-control);cursor:pointer;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;padding:0;display:grid}.photo-viewer-control:disabled{visibility:hidden}.photo-viewer button:focus-visible{outline:2px solid var(--primary,#0f8f9d);outline-offset:4px}.photo-viewer-stage{flex:1;justify-content:space-between;align-items:center;gap:32px;width:100%;min-height:0;padding:0 40px;display:flex}.photo-viewer-stage>.photo-viewer-control{box-shadow:0 4px 12px #00000040}.photo-viewer-image{border-radius:var(--viewer-radius);touch-action:pan-y;background:var(--viewer-image-bg);border:1px solid #ffffff1f;width:960px;min-width:0;max-width:100%;height:100%;max-height:540px;position:relative;overflow:hidden;box-shadow:0 16px 32px -4px #00000080}.photo-viewer-image>img{object-fit:contain;width:100%;height:100%}.photo-viewer-image:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0009);height:100px;position:absolute;inset:auto 0 0}.photo-viewer-counter{background:#000000b3;border:1px solid #ffffff14;border-radius:20px;flex:none;margin:0;padding:6px 16px;font-size:14px;font-weight:500;line-height:20px}.photo-viewer-thumbnails{flex:none;gap:16px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.photo-viewer-thumbnails button{opacity:.6;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;flex:none;width:100px;height:68px;padding:0;overflow:hidden}.photo-viewer-thumbnails button[aria-current]{border:3px solid var(--primary,#0f8f9d);opacity:1}.photo-viewer-thumbnails img{object-fit:cover;width:100%;height:100%}@media (max-width:700px){.photo-viewer{padding:16px 12px max(16px,env(safe-area-inset-bottom))}.photo-viewer-header{gap:12px;padding:0}.photo-viewer-header p{font-size:16px;line-height:22px}.photo-viewer-control{width:40px;height:40px}.photo-viewer-stage{gap:8px;padding:0}.photo-viewer-image{border-radius:8px}.photo-viewer-thumbnails{gap:8px}.photo-viewer-thumbnails button{width:72px;height:52px}}.listing-gallery-cover{aspect-ratio:16/9;border-radius:var(--result-radius);cursor:pointer;background:var(--bg);width:100%;padding:0;position:relative;overflow:hidden}.listing-gallery-cover>img{object-fit:cover;width:100%;height:100%}.listing-gallery-cover>span{border-radius:var(--home-button-radius);color:var(--home-on-primary);background:#000000b3;padding:8px 12px;position:absolute;bottom:12px;right:12px}