.page-container.svelte-15j2fos{height:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.2rem;gap:1.2rem;min-height:fit-content;box-sizing:border-box;overflow:hidden}.page-container.svelte-15j2fos:after{content:"";z-index:-1;background:var(--imageData-fullImageUrl) no-repeat center center/cover;filter:blur(32px) brightness(.75);position:absolute;top:0;left:0;width:100%;height:100%}.page-container.svelte-15j2fos .back-navigation:where(.svelte-15j2fos){width:100%;display:flex;justify-content:flex-start;margin-bottom:1rem}.page-container.svelte-15j2fos .back-navigation:where(.svelte-15j2fos) .back-button:where(.svelte-15j2fos){display:flex;align-items:center;gap:.5rem;color:#ebebeb;text-decoration:none;padding:.75rem 1.2rem;border-radius:8px;font-weight:500;font-size:1rem;background-color:#18181866;transition:background-color .25s ease}.page-container.svelte-15j2fos .back-navigation:where(.svelte-15j2fos) .back-button:where(.svelte-15j2fos) svg:where(.svelte-15j2fos){transition:transform .2s ease}.page-container.svelte-15j2fos .back-navigation:where(.svelte-15j2fos) .back-button:where(.svelte-15j2fos):hover{background-color:#18181899}.page-container.svelte-15j2fos .back-navigation:where(.svelte-15j2fos) .back-button:where(.svelte-15j2fos):hover svg:where(.svelte-15j2fos){transform:translate(-3px)}.page-container.svelte-15j2fos .content-wrapper:where(.svelte-15j2fos){display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:1rem;width:100%;max-width:1400px;height:70vh}.page-container.svelte-15j2fos .loading:where(.svelte-15j2fos){text-align:center;font-size:1.2rem;color:#ebebeb;padding:2rem}.page-container.svelte-15j2fos .error:where(.svelte-15j2fos){text-align:center;font-size:1.2rem;color:#ff6b6b;padding:2rem;background-color:#ff6b6b1a;border-radius:8px}.page-container.svelte-15j2fos .image-container:where(.svelte-15j2fos){background-color:#18181866;padding:1rem;border-radius:8px;max-width:65%;max-height:70vh;display:flex;align-items:center;justify-content:center;flex:1.6}.page-container.svelte-15j2fos .image-container:where(.svelte-15j2fos) img:where(.svelte-15j2fos){max-width:100%;max-height:100%;width:auto;height:auto;border-radius:6px;object-fit:contain;cursor:pointer}.page-container.svelte-15j2fos .info-container:where(.svelte-15j2fos){flex:1.4;min-width:300px;max-width:40%;padding:2rem;background-color:#18181866;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1.5rem}.page-container.svelte-15j2fos .info-container:where(.svelte-15j2fos) #title:where(.svelte-15j2fos){margin:0;font-size:2.2rem;font-weight:700;line-height:1.2;color:#ebebeb}.page-container.svelte-15j2fos .info-container:where(.svelte-15j2fos) #date:where(.svelte-15j2fos){margin:0;font-size:1.25rem;font-weight:600;color:#ebebeb;border-radius:6px}.page-container.svelte-15j2fos .info-container:where(.svelte-15j2fos) #device:where(.svelte-15j2fos),.page-container.svelte-15j2fos .info-container:where(.svelte-15j2fos) #location:where(.svelte-15j2fos){font-size:1rem;margin:0;margin-bottom:.6rem;color:#ebebeb}#popup-container.svelte-15j2fos{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d1;display:flex;align-items:center;justify-content:center;z-index:9995;padding-block:3rem}#popup-container.svelte-15j2fos #close-button-container:where(.svelte-15j2fos){all:unset;position:absolute;top:1rem;right:1rem;cursor:pointer;border-radius:50%;background-color:#3d74ff;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;z-index:9999}#popup-container.svelte-15j2fos #close-button-container:where(.svelte-15j2fos) svg:where(.svelte-15j2fos){width:32px;height:32px;fill:#ebebeb}#popup-container.svelte-15j2fos img:where(.svelte-15j2fos){height:100%;object-fit:contain;cursor:zoom-in;transition:transform .3s ease;z-index:9998}#popup-container.svelte-15j2fos img.zoom:where(.svelte-15j2fos){cursor:zoom-out;transform:scale(2)}@media (max-width: 800px){.page-container.svelte-15j2fos{padding:1rem;gap:1rem;max-height:100vh;overflow-y:auto}.page-container.svelte-15j2fos .back-navigation:where(.svelte-15j2fos){margin-bottom:0}.page-container.svelte-15j2fos .back-navigation:where(.svelte-15j2fos) .back-button:where(.svelte-15j2fos){padding:.6rem 1rem;font-size:.95rem}.page-container.svelte-15j2fos .content-wrapper:where(.svelte-15j2fos){flex-direction:column;align-items:center;gap:1rem;height:auto;max-width:100%}.page-container.svelte-15j2fos .image-container:where(.svelte-15j2fos){max-width:100%;width:100%;max-height:60vh;flex:none;padding:.8rem;overflow:hidden}.page-container.svelte-15j2fos .image-container:where(.svelte-15j2fos) img:where(.svelte-15j2fos){max-height:55vh;max-width:100%;object-fit:contain}.page-container.svelte-15j2fos .info-container:where(.svelte-15j2fos){min-width:0;max-width:100%;width:100%;flex:none;padding:1.5rem;align-items:center;text-align:center}.page-container.svelte-15j2fos .info-container:where(.svelte-15j2fos) #title:where(.svelte-15j2fos){font-size:1.8rem;text-align:center}.page-container.svelte-15j2fos .info-container:where(.svelte-15j2fos) #date:where(.svelte-15j2fos){font-size:1rem;text-align:center;align-self:center}.page-container.svelte-15j2fos .info-container:where(.svelte-15j2fos) #device:where(.svelte-15j2fos),.page-container.svelte-15j2fos .info-container:where(.svelte-15j2fos) #location:where(.svelte-15j2fos){font-size:.95rem;justify-content:center}}@media (max-width: 480px){.page-container.svelte-15j2fos{padding:.8rem;gap:.8rem}.page-container.svelte-15j2fos .image-container:where(.svelte-15j2fos){max-height:50vh;width:100%;padding:.5rem}.page-container.svelte-15j2fos .image-container:where(.svelte-15j2fos) img:where(.svelte-15j2fos){max-height:47vh;max-width:100%}.page-container.svelte-15j2fos .info-container:where(.svelte-15j2fos){padding:1rem;gap:1rem}.page-container.svelte-15j2fos .info-container:where(.svelte-15j2fos) #title:where(.svelte-15j2fos){font-size:1.5rem}.page-container.svelte-15j2fos .info-container:where(.svelte-15j2fos) #date:where(.svelte-15j2fos){font-size:.9rem;padding:.4rem .8rem}.page-container.svelte-15j2fos .info-container:where(.svelte-15j2fos) #device:where(.svelte-15j2fos),.page-container.svelte-15j2fos .info-container:where(.svelte-15j2fos) #location:where(.svelte-15j2fos){font-size:.85rem}}
