.lightbox-dialog{--lightbox-bg:var(--sapShell_Background, #2b2b2b)}.lightbox-dialog::part(content){padding:0;background:var(--lightbox-bg);width:min(95vw,1600px);height:min(85vh,1000px);max-height:85vh}.lightbox-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem;padding:0 .5rem}.lightbox-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lightbox-viewport{position:relative;width:100%;height:100%;overflow:hidden;background:var(--lightbox-bg);cursor:grab;touch-action:none}.lightbox-viewport.is-panning{cursor:grabbing}.lightbox-rail{position:absolute;inset:0}.lightbox-img{position:absolute;inset:0;margin:auto;max-width:100%;max-height:100%;object-fit:contain;transform-origin:0 0;filter:none !important;user-select:none;-webkit-user-drag:none}.lightbox-img[hidden]{display:none}.lightbox-rail.is-sliding .lightbox-img{transition:transform 300ms ease}.lightbox-footer{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%;padding:0 .5rem;flex-wrap:wrap}.lightbox-zoom-level{min-width:3.5rem;text-align:center;font-variant-numeric:tabular-nums;font-size:.875rem;color:var(--sapTextColor)}.lightbox-prev[hidden],.lightbox-next[hidden]{display:none}@media(max-width:640px){.lightbox-dialog::part(content){width:100vw;height:100vh;max-height:100vh}}@media(prefers-reduced-motion:reduce){.lightbox-rail.is-sliding .lightbox-img{transition:none}}img[data-zoomable=true]{cursor:zoom-in;transition:box-shadow 120ms ease,outline-color 120ms ease}img[data-zoomable=true]:hover{box-shadow:0 0 0 2px var(--sapContent_FocusColor,#0854a0)}img[data-zoomable=true]:focus-visible{outline:2px solid var(--sapContent_FocusColor,#0854a0);outline-offset:2px}.lightbox-counter{flex:none;font-variant-numeric:tabular-nums;font-size:.875rem;color:var(--sapContent_LabelColor,var(--sapTextColor));white-space:nowrap}.lightbox-counter[hidden]{display:none}.lightbox-spinner{position:absolute;top:50%;left:50%;width:2.5rem;height:2.5rem;margin:-1.25rem 0 0 -1.25rem;border:3px solid var(--sapContent_ContrastTextColor,#fff);border-top-color:transparent;border-radius:50%;opacity:.85;animation:lightbox-spin .8s linear infinite;pointer-events:none;z-index:2}.lightbox-spinner[hidden]{display:none}@keyframes lightbox-spin{to{transform:rotate(360deg)}}.lightbox-thumbs{display:flex;gap:.375rem;width:100%;padding:.5rem;overflow-x:auto;scrollbar-width:thin;background:var(--lightbox-bg)}.lightbox-thumbs[hidden]{display:none}.lightbox-thumb{flex:none;width:4rem;height:3rem;padding:0;border:2px solid transparent;border-radius:4px;background:0 0;cursor:pointer;overflow:hidden;opacity:.6;transition:opacity 120ms ease,border-color 120ms ease}.lightbox-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:none !important}.lightbox-thumb:hover{opacity:1}.lightbox-thumb:focus-visible{outline:2px solid var(--sapContent_FocusColor,#0854a0);outline-offset:1px}.lightbox-thumb.is-active{opacity:1;border-color:var(--sapContent_FocusColor,#0854a0)}@media(prefers-reduced-motion:reduce){.lightbox-spinner{animation-duration:0s}}@media(max-width:640px){.lightbox-thumb{width:3rem;height:2.25rem}}