@keyframes zoomable-lightbox-in{0%{opacity:0}to{opacity:1}}@keyframes zoomable-lightbox-stage-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.zoomable-image__trigger{cursor:zoom-in;width:100%;text-align:inherit;background:0 0;border:none;border-radius:.5em;margin:0;padding:0;display:block;position:relative;overflow:hidden}.zoomable-image__trigger:focus-visible{outline-offset:3px;outline:2px solid #47bae9}.zoomable-image__trigger:hover .zoomable-image__preview,.zoomable-image__trigger:focus-visible .zoomable-image__preview{transform:scale(1.02)}.zoomable-image__trigger .zoomable-image__preview{transition:transform .25s,opacity .25s}.zoomable-image__badge{color:#fff;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#374964c7;border-radius:999px;align-items:center;gap:.4em;padding:.45em .75em;font-size:.78em;font-weight:500;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;inset:auto .75em .75em auto;transform:translateY(4px)}.zoomable-image__badge-icon{width:1em;height:1em}.zoomable-image__trigger:hover .zoomable-image__badge,.zoomable-image__trigger:focus-visible .zoomable-image__badge{opacity:1;transform:translateY(0)}.zoomable-image-lightbox{z-index:1100;flex-direction:column;padding:0;animation:.22s zoomable-lightbox-in;display:flex;position:fixed;inset:0}.zoomable-image-lightbox__backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 20% 0,#47bae92e,#0000 42%),radial-gradient(circle at 80% 100%,#1488d524,#0000 38%),#0f172ae6;position:absolute;inset:0}.zoomable-image-lightbox__toolbar,.zoomable-image-lightbox__stage,.zoomable-image-lightbox__footer{z-index:1;position:relative}.zoomable-image-lightbox__toolbar{padding:max(.85rem, env(safe-area-inset-top,0px)) 1rem .85rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;display:flex}.zoomable-image-lightbox__toolbar-group{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem;display:inline-flex}.zoomable-image-lightbox__zoom-level{text-align:center;letter-spacing:.04em;color:#ffffffeb;-webkit-user-select:none;user-select:none;min-width:3.5rem;font-size:.82rem;font-weight:600}.zoomable-image-lightbox__icon-btn{color:#ffffffeb;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.zoomable-image-lightbox__icon-btn:hover,.zoomable-image-lightbox__icon-btn:focus-visible{color:#fff;background:#ffffff24;outline:none}.zoomable-image-lightbox__icon-btn--close{background:#ffffff14;border:1px solid #ffffff24}.zoomable-image-lightbox__stage{flex:1;width:min(96vw,1320px);min-height:0;margin:0 auto;padding:1rem 1rem .5rem;animation:.28s zoomable-lightbox-stage-in}.zoomable-image-lightbox__stage--pannable{cursor:grab}.zoomable-image-lightbox__stage--pannable:active{cursor:grabbing}.zoomable-image-lightbox__transform,.zoomable-image-lightbox__transform-content{width:100%!important;height:100%!important}.zoomable-image-lightbox__img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;border-radius:.65em;width:auto;max-width:100%;height:auto;max-height:100%;margin:0 auto;display:block;box-shadow:0 24px 60px #00000059,0 0 0 1px #ffffff14}.zoomable-image-lightbox__footer{padding:.75rem 1rem max(1rem, env(safe-area-inset-bottom,0px));text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border-top:1px solid #ffffff14}.zoomable-image-lightbox__caption{color:#fffffff2;margin:0 0 .35rem;font-size:.92rem;font-weight:500;line-height:1.45}.zoomable-image-lightbox__hints{color:#ffffff9e;letter-spacing:.01em;margin:0;font-size:.78rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.zoomable-image-lightbox,.zoomable-image-lightbox__stage,.zoomable-image__trigger .zoomable-image__preview,.zoomable-image__badge,.zoomable-image-lightbox__icon-btn{transition:none;animation:none}.zoomable-image__trigger:hover .zoomable-image__preview{transform:none}}
