.photo-viewer{z-index:5000;place-items:center;display:grid;position:fixed;inset:0}.photo-viewer.is-closing{pointer-events:none}.photo-viewer-scrim{background:var(--studio-material);-webkit-backdrop-filter:var(--studio-material-filter);backdrop-filter:var(--studio-material-filter);cursor:zoom-out;animation:.24s ease-out both photo-viewer-enter;position:absolute;inset:0}.photo-viewer-image{border-radius:var(--radius-4xl);transform-origin:0 0;width:auto;max-width:calc(100vw - 48px);height:auto;max-height:calc(100dvh - 136px);transition:box-shadow .2s ease-out;display:block;position:relative}.photo-viewer-loading{z-index:0;pointer-events:none;width:min(960px,100vw - 48px);height:min(640px,100dvh - 136px);margin:auto;animation:.2s .1s backwards photo-skeleton-appear;position:absolute;inset:0}.photo-viewer-loading .home-skeleton-fill{border-radius:var(--radius-4xl);width:100%;height:100%}.photo-viewer[data-settled] .photo-viewer-image{box-shadow:var(--elevation-modal)}.photo-viewer-controls{pointer-events:none;animation:.24s ease-out both photo-viewer-enter;position:absolute;inset:0}.photo-viewer-controls>*{pointer-events:auto;position:absolute}.photo-viewer-controls button{background:var(--studio-control-fill);width:36px;height:36px;color:var(--studio-secondary-label);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}@media (hover:hover) and (pointer:fine){.photo-viewer-controls button:hover{background:var(--studio-control-fill-hover)}}.photo-viewer-controls button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.photo-viewer-controls [data-control=close]{top:16px;right:16px}.photo-viewer-controls [data-control=previous]{top:calc(50% - 18px);left:16px}.photo-viewer-controls [data-control=next]{top:calc(50% - 18px);right:16px}.photo-viewer-controls p{color:var(--studio-secondary-label);font-variant-numeric:tabular-nums;text-align:center;pointer-events:none;margin:0;font-size:12px;font-weight:600;bottom:22px;left:0;right:0}.photo-viewer.is-closing .photo-viewer-scrim,.photo-viewer.is-closing .photo-viewer-controls{animation:.24s ease-in both photo-viewer-exit}@keyframes photo-viewer-enter{0%{opacity:0}}@keyframes photo-viewer-exit{to{opacity:0}}@media (prefers-reduced-motion:reduce){.photo-viewer-scrim,.photo-viewer-controls,.photo-viewer.is-closing .photo-viewer-scrim,.photo-viewer.is-closing .photo-viewer-controls{animation-duration:.01ms}.photo-viewer-image{transition:none}}