.lightbox-mask{z-index:9999;background:#000000d9;position:fixed;inset:0}.lightbox{z-index:10000;outline:none;position:fixed;inset:0}.lightbox-bar{top:0;left:0;right:var(--scrollbar-width,0);z-index:1;justify-content:space-between;align-items:center;height:44px;display:flex;position:absolute}.lightbox-counter{color:#fff;opacity:.75;font-variant-numeric:tabular-nums;padding:0 10px;font-size:13px;line-height:44px}.lightbox-button{color:#fff;opacity:.75;cursor:pointer;width:44px;height:44px;transition:opacity linear var(--default-transition-duration);background:0 0;justify-content:center;align-items:center;display:flex}.lightbox-button:hover{opacity:1}.lightbox-stage{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lightbox-image{-o-object-fit:contain;object-fit:contain;pointer-events:auto;max-width:calc(100% - 10px);max-height:calc(100% - 10px)}.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow-prev{left:0}.lightbox-arrow-next{right:0}.lightbox-mask[data-state=open]{animation:.2s lightbox-fade-in}.lightbox-mask[data-state=closed]{animation:.2s lightbox-fade-out}.lightbox[data-state=open]{animation:.2s lightbox-zoom-in}.lightbox[data-state=closed]{animation:.2s lightbox-zoom-out}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{0%{opacity:1}to{opacity:0}}@keyframes lightbox-zoom-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes lightbox-zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}