@layer core.organisms{.phxsg-lightbox{--_comp-lightbox-bg: var(--comp-lightbox-bg, rgb(0 0 0 / 90%));--_comp-lightbox-color: var(--comp-lightbox-color, #fff);--_comp-lightbox-z-index: var(--comp-lightbox-z-index, 10000);--_comp-lightbox-nav-size: var(--comp-lightbox-nav-size, 2.75rem);--_comp-lightbox-close-size: var(--comp-lightbox-close-size, 2.75rem);--_comp-lightbox-counter-size: var(--comp-lightbox-counter-size, .8125rem);--_comp-lightbox-bullet-size: var(--comp-lightbox-bullet-size, .5rem);--_comp-lightbox-caption-size: var(--comp-lightbox-caption-size, .75rem);--_comp-lightbox-gap: var(--comp-lightbox-gap, 1rem);--_comp-lightbox-footer-gap: var(--comp-lightbox-footer-gap, 2rem);--_comp-lightbox-animation-duration: var( --comp-lightbox-animation-duration, var(--sys-motion-duration-medium-4, .4s) );--_comp-lightbox-animation-easing: var( --comp-lightbox-animation-easing, var(--sys-motion-easing-standard-accelerate-decelerate, cubic-bezier(.4, 0, .2, 1)) );--_comp-lightbox-item-enter-delay: var(--comp-lightbox-item-enter-delay, var(--sys-motion-duration-short-4, .2s));--_comp-lightbox-item-leave-duration: var( --comp-lightbox-item-leave-duration, var(--sys-motion-duration-long-4, .6s) );position:fixed;inset:0;z-index:var(--_comp-lightbox-z-index);opacity:1;visibility:visible;display:flex;align-items:center;justify-content:center;color:var(--_comp-lightbox-color);transition:opacity var(--_comp-lightbox-animation-duration) var(--_comp-lightbox-animation-easing),visibility var(--_comp-lightbox-animation-duration) var(--_comp-lightbox-animation-easing)}.phxsg-lightbox__overlay{position:absolute;inset:0;background:var(--_comp-lightbox-bg);cursor:pointer}.phxsg-lightbox__container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}.phxsg-lightbox__container>*{pointer-events:auto}.phxsg-lightbox__header{position:absolute;top:0;inset-inline-end:0;z-index:2;padding:var(--_comp-lightbox-gap)}.phxsg-lightbox__counter{position:absolute;top:var(--_comp-lightbox-gap);inset-inline-start:var(--_comp-lightbox-gap);z-index:3;font-size:var(--_comp-lightbox-counter-size);letter-spacing:.05em;line-height:1;white-space:nowrap;opacity:.6;user-select:none}.phxsg-lightbox__close{display:flex;align-items:center;justify-content:center;width:var(--_comp-lightbox-close-size);height:var(--_comp-lightbox-close-size);padding:0;border:none;border-radius:50%;background:none;color:inherit;font-size:1.5rem;line-height:1;cursor:pointer;transition:opacity .2s ease;appearance:none}.phxsg-lightbox__close:hover{opacity:.7}.phxsg-lightbox__close:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.phxsg-lightbox__content{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:stretch;width:100%;height:100%;overflow:hidden}.phxsg-lightbox__media{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;max-width:100%;max-height:100%}.phxsg-lightbox__media--picture{max-height:100%}.phxsg-lightbox__item{grid-row:1;grid-column:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;opacity:1;visibility:visible;transform:scaleZ(1) translateZ(0);will-change:transform,opacity}.phxsg-lightbox__zoom-container{position:relative;display:flex;flex:1 1 auto;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;overflow:hidden;touch-action:none}.phxsg-lightbox__zoom-element{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:100%;max-height:100%;transform:scaleZ(1) translateZ(0);transform-origin:50% 50%;will-change:transform}.phxsg-lightbox__picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:100%;max-height:100%}.phxsg-lightbox__picture picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:100%;max-height:100%}.phxsg-lightbox__image{display:block;max-width:100%;max-height:100vh;max-height:100dvh;object-fit:contain;-webkit-user-drag:none;user-select:none}.phxsg-lightbox__media--background-video,.phxsg-lightbox__media--video,.phxsg-lightbox__media--custom,.phxsg-lightbox__background-video,.phxsg-lightbox__video-player{width:100%;height:100%}.phxsg-lightbox__video-element{width:100%;max-height:100vh;max-height:100dvh;object-fit:contain}.phxsg-lightbox__media-fallback{width:100%;display:flex;align-items:center;justify-content:center}.phxsg-lightbox__caption{flex-shrink:0;margin-top:.5rem;padding-inline:var(--_comp-lightbox-gap);font-size:var(--_comp-lightbox-caption-size);letter-spacing:.02em;text-align:center;opacity:.55;transition:opacity .25s ease-out,visibility .25s ease-out}.phxsg-lightbox__caption--hidden{visibility:hidden;opacity:0}.phxsg-lightbox__nav{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:var(--_comp-lightbox-nav-size);height:var(--_comp-lightbox-nav-size);padding:0;border:none;border-radius:50%;background:none;color:inherit;font-size:2rem;line-height:1;cursor:pointer;transform:translateY(-50%);transition:opacity .2s ease;appearance:none}.phxsg-lightbox__nav:disabled{visibility:hidden;opacity:0;cursor:default;pointer-events:none}.phxsg-lightbox__nav:hover:not(:disabled){opacity:.7}.phxsg-lightbox__nav:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.phxsg-lightbox__nav--prev{inset-inline-start:var(--_comp-lightbox-gap)}.phxsg-lightbox__nav--next{inset-inline-end:var(--_comp-lightbox-gap)}.phxsg-lightbox__bullets{position:absolute;bottom:var(--_comp-lightbox-footer-gap);inset-inline:0;z-index:2;display:flex;gap:.625rem;justify-content:center;padding:.25rem}.phxsg-lightbox__bullet{width:var(--_comp-lightbox-bullet-size);height:var(--_comp-lightbox-bullet-size);padding:0;border:1px solid currentcolor;border-radius:50%;background:transparent;color:inherit;cursor:pointer;opacity:.35;transition:opacity .25s ease-out;appearance:none}.phxsg-lightbox__bullet--active{background:currentcolor;opacity:1}.phxsg-lightbox__bullet:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.phxsg-lightbox-enter-active,.phxsg-lightbox-leave-active{transition:opacity var(--_comp-lightbox-animation-duration) var(--_comp-lightbox-animation-easing),visibility var(--_comp-lightbox-animation-duration) var(--_comp-lightbox-animation-easing)}.phxsg-lightbox-enter-from,.phxsg-lightbox-leave-to,.phxsg-lightbox__item--enter-from,.phxsg-lightbox__item--leave-to{opacity:0;visibility:hidden}.phxsg-lightbox__item--enter-active{--_comp-lightbox-item-transition-duration: var(--_comp-lightbox-animation-duration);--_comp-lightbox-item-transition-delay: var(--_comp-lightbox-item-enter-delay);transition:opacity var(--_comp-lightbox-item-transition-duration) var(--_comp-lightbox-animation-easing) var(--_comp-lightbox-item-transition-delay),visibility var(--_comp-lightbox-item-transition-duration) var(--_comp-lightbox-animation-easing) var(--_comp-lightbox-item-transition-delay),transform calc(var(--_comp-lightbox-item-transition-duration) + 50ms) var(--_comp-lightbox-animation-easing) var(--_comp-lightbox-item-transition-delay)}.phxsg-lightbox__item--leave-active{--_comp-lightbox-item-transition-duration: var(--_comp-lightbox-item-leave-duration);transition:opacity var(--_comp-lightbox-item-transition-duration) var(--_comp-lightbox-animation-easing),visibility var(--_comp-lightbox-item-transition-duration) var(--_comp-lightbox-animation-easing),transform calc(var(--_comp-lightbox-item-transition-duration) + 50ms) var(--_comp-lightbox-animation-easing)}.phxsg-lightbox__item--leave-to{transform:scaleZ(1) translate3d(calc(var(--comp-lightbox-item-enter-offset, 0%) * -1),0,0)}[dir=rtl] .phxsg-lightbox__item--leave-to{transform:scaleZ(1) translate3d(var(--comp-lightbox-item-enter-offset, 0%),0,0)}.phxsg-lightbox__item--enter-from{transform:scale3d(.98,.98,.98) translate3d(var(--comp-lightbox-item-enter-offset, 0%),0,0)}[dir=rtl] .phxsg-lightbox__item--enter-from{transform:scale3d(.98,.98,.98) translate3d(calc(var(--comp-lightbox-item-enter-offset, 0%) * -1),0,0)}@media (prefers-reduced-motion: reduce){.phxsg-lightbox,.phxsg-lightbox-enter-active,.phxsg-lightbox-leave-active,.phxsg-lightbox__item--enter-active,.phxsg-lightbox__item--leave-active,.phxsg-lightbox__nav,.phxsg-lightbox__close,.phxsg-lightbox__caption,.phxsg-lightbox__bullet{transition:none}}}