.ui-lightbox-overlay{z-index:var(--ui-lightbox-z-index);background:var(--ui-lightbox-overlay-bg);animation:ui-lightbox-overlay-in var(--ui-lightbox-transition-duration) var(--ui-transition-easing);position:fixed;inset:0}.ui-lightbox-overlay[data-state=closed]{animation:ui-lightbox-overlay-out var(--ui-lightbox-transition-duration) var(--ui-transition-easing)}.ui-lightbox-content{z-index:var(--ui-lightbox-z-index);padding:var(--ui-lightbox-padding);animation:ui-lightbox-content-in var(--ui-lightbox-transition-duration) var(--ui-transition-easing);background:0 0;border:none;outline:none;place-items:center;display:grid;position:fixed;inset:0}.ui-lightbox-content[data-state=closed]{animation:ui-lightbox-content-out var(--ui-lightbox-transition-duration) var(--ui-transition-easing)}.ui-lightbox-title{position:absolute;top:0;left:0}.ui-lightbox-image{max-width:calc(100vw - var(--ui-lightbox-padding)*2);max-height:calc(100vh - var(--ui-lightbox-padding)*2);-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;user-select:none;animation:ui-lightbox-image-in var(--ui-lightbox-transition-duration) var(--ui-transition-easing)}.ui-lightbox-close{top:var(--ui-lightbox-close-offset);right:var(--ui-lightbox-close-offset);width:var(--ui-lightbox-close-size);height:var(--ui-lightbox-close-size);border-radius:var(--ui-lightbox-close-size);color:var(--ui-lightbox-close-color);font-size:var(--ui-lightbox-close-font-size);cursor:pointer;transition:background var(--ui-lightbox-transition-duration) var(--ui-transition-easing);background:0 0;border:none;place-items:center;display:grid;position:absolute}.ui-lightbox-close:hover{background:color-mix(in srgb,var(--ui-color-text-inverse) 15%,transparent)}.ui-lightbox-nav{width:var(--ui-lightbox-nav-size);height:var(--ui-lightbox-nav-size);border-radius:var(--ui-lightbox-nav-size);color:var(--ui-lightbox-nav-color);font-size:var(--ui-lightbox-nav-font-size);cursor:pointer;transition:background var(--ui-lightbox-transition-duration) var(--ui-transition-easing),color var(--ui-lightbox-transition-duration) var(--ui-transition-easing);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.ui-lightbox-nav:hover{background:color-mix(in srgb,var(--ui-color-text-inverse) 15%,transparent);color:var(--ui-lightbox-nav-hover-color)}.ui-lightbox-prev{left:var(--ui-lightbox-nav-inset)}.ui-lightbox-next{right:var(--ui-lightbox-nav-inset)}@keyframes ui-lightbox-overlay-in{0%{opacity:0}}@keyframes ui-lightbox-overlay-out{to{opacity:0}}@keyframes ui-lightbox-content-in{0%{opacity:0;transform:scale(.96)}}@keyframes ui-lightbox-content-out{to{opacity:0;transform:scale(.96)}}@keyframes ui-lightbox-image-in{0%{opacity:0;transform:scale(.98)}}