@layer organisms{.phxsg-lightbox{--comp-lightbox-bg: var(--sys-color-background, #fff);--comp-lightbox-color: var(--ref-color-blue);--comp-lightbox-nav-size: var(--sys-spacing-8);--comp-lightbox-close-size: var(--sys-spacing-8);--comp-lightbox-gap: var(--sys-spacing-5);--comp-lightbox-animation-duration: var(--sys-motion-duration-medium-4);--comp-lightbox-animation-easing: var(--sys-motion-easing-standard-accelerate-decelerate);@media screen and (min-width: 768px){--comp-lightbox-gap: var(--sys-spacing-18)}}.phxsg-lightbox__control{--comp-btn-color: var(--comp-lightbox-color);background-color:var(--ref-color-neutral-100);block-size:var(--comp-lightbox-nav-size);inline-size:var(--comp-lightbox-nav-size)}.phxsg-lightbox__control:hover:not(:disabled),.phxsg-lightbox__control:focus-visible:not(:disabled){--comp-btn-color: var(--comp-lightbox-color);background-color:var(--ref-color-neutral-97)}.phxsg-lightbox__close .phxsg-icon{--comp-icon-width: 14px;--comp-icon-height: 14px}.phxsg-lightbox__nav:disabled,.phxsg-lightbox__zoom-btn:disabled{--comp-btn-opacity: .75}.phxsg-lightbox__nav:disabled{visibility:visible}.phxsg-lightbox__counter{top:auto;bottom:var(--comp-lightbox-gap);font-family:var(--ref-typeface-body, sans-serif);font-size:var(--sys-typography-body-medium-size);font-weight:var(--ref-typeface-weight-regular);font-variant-numeric:tabular-nums;line-height:var(--ref-line-height-md);letter-spacing:var(--ref-tracking-none);color:var(--comp-lightbox-color);opacity:1}.phxsg-lightbox__caption{display:none}.phxsg-lightbox__bullets{gap:.5rem}.phxsg-lightbox__bullet{width:2.5rem;height:2px;border:none;border-radius:1px;background-color:var(--comp-lightbox-color);opacity:.3;transition:opacity var(--sys-motion-duration-medium-2, .3s) var(--sys-motion-easing-standard-decelerate, cubic-bezier(.25, 1, .5, 1))}.phxsg-lightbox__bullet:hover:not(.phxsg-lightbox__bullet--active){opacity:.55}.phxsg-lightbox__bullet--active{background-color:var(--comp-lightbox-color);opacity:1}.phxsg-lightbox__zoom-controls{display:flex;align-items:center;gap:.25rem;position:absolute;bottom:var(--comp-lightbox-gap);inset-inline-end:var(--comp-lightbox-gap);z-index:3;pointer-events:auto}.phxsg-lightbox__zoom-level{font-family:var(--ref-typeface-body, sans-serif);font-size:var(--sys-typography-body-medium-size);font-weight:var(--ref-typeface-weight-regular);font-variant-numeric:tabular-nums;line-height:var(--ref-line-height-md);letter-spacing:var(--ref-tracking-none);color:var(--comp-lightbox-color);user-select:none}}