.app-framed-image{display:block;height:100%;position:relative;width:100%}.app-framed-image__placeholder{inset:0;position:absolute}.app-framed-image__broken{align-items:center;color:var(--p-text-muted-color);display:flex;justify-content:center}.app-framed-image__photo{filter:blur(4px);inset:0;opacity:0;position:absolute;transform:scale(1.02);transition:opacity .22s cubic-bezier(.16,1,.3,1),filter .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1)}.app-framed-image.is-loaded .app-framed-image__photo{filter:none;opacity:1;transform:none}.app-framed-image.is-instant .app-framed-image__photo{transition:none}@media(prefers-reduced-motion:reduce){.app-framed-image__photo{transition:none}}.app-photo-preview-stage{display:inline-flex;position:relative}.app-photo-preview-stage__frame{align-items:center;background:#ffffff0f;border-radius:.5rem;display:flex;justify-content:center;overflow:hidden;position:relative}.app-photo-preview-stage__frame.is-placeholder{aspect-ratio:4/3;width:min(20rem,calc(100vw - 2rem))}.app-photo-preview-stage__frame.is-loaded{background:transparent}.app-photo-preview-stage__original,.app-photo-preview-stage__thumb{height:100%;inset:0;position:absolute;width:100%}.app-photo-preview-stage__thumb{filter:blur(12px);-o-object-fit:cover;object-fit:cover;transform:scale(1.05);transition:opacity .26s cubic-bezier(.16,1,.3,1)}.app-photo-preview-stage__original{filter:blur(8px);-o-object-fit:contain;object-fit:contain;opacity:0;transition:opacity .26s cubic-bezier(.16,1,.3,1),filter .26s cubic-bezier(.16,1,.3,1)}.app-photo-preview-stage__frame.is-loaded .app-photo-preview-stage__original{filter:none;opacity:1}.app-photo-preview-stage__frame.is-loaded .app-photo-preview-stage__thumb{opacity:0}.app-photo-preview-stage__frame.is-instant .app-photo-preview-stage__original{transition:none}.app-photo-preview-stage__loader{background:#09090b8c;border-radius:1rem;display:inline-flex;padding:.75rem .875rem;position:relative}.app-photo-preview-stage__error{background:var(--p-content-background);border-radius:.5rem;color:var(--p-text-color);flex-direction:column;gap:.75rem;padding:1.5rem;text-align:center}.app-photo-preview-stage__error,.app-photo-preview-stage__overlay{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.app-photo-preview-stage__overlay{padding:1rem;pointer-events:none}@media(prefers-reduced-motion:reduce){.app-photo-preview-stage__original,.app-photo-preview-stage__thumb{transition:none}}.app-photo-preview-mask{--px-mask-background:rgba(0,0,0,.9)}.p-image-preview-mask.app-photo-preview-trigger:focus-visible{outline:var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color);outline-offset:var(--p-focus-ring-offset)}@media(prefers-reduced-motion:reduce){.app-photo-preview-mask .p-image-original{transition:none}}