[data-lightbox]{cursor:pointer}.lightbox__dialog{background:rgba(0,0,0,.85);border:none;height:100%;margin:0;max-height:100vh;max-width:100vw;outline:none;padding:0;width:100%}.lightbox__dialog::backdrop{backdrop-filter:blur(20px);background:rgba(0,0,0,.6)}.lightbox__content{color:#fff;display:flex;flex-direction:column;height:100%;width:100%}.lightbox__header{padding:.5rem;position:absolute;right:0;top:0;z-index:10}.lightbox__close{all:unset;align-items:center;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;opacity:.8;transition:opacity .15s;width:44px}.lightbox__close .icon{height:24px;width:24px}.lightbox__close:hover{opacity:1}.lightbox__main{flex:1 1 0%;min-height:0;overflow:hidden}.lightbox__figure,.lightbox__main{align-items:center;display:flex;justify-content:center;position:relative}.lightbox__figure{height:100%;margin:0;width:100%}.lightbox__figure>picture{align-items:center;display:flex;inset:0;justify-content:center;min-height:0;min-width:0;position:absolute}.lightbox__picture--pending{opacity:0}.lightbox__caption{background:rgba(0,0,0,.55);border-radius:8px;bottom:0;color:#fff;font-size:14px;left:50%;line-height:1.4;max-width:min(100%,900px);padding:8px 16px;position:absolute;text-align:center;transform:translateX(-50%);z-index:1}.lightbox__image{display:block;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;-webkit-user-drag:none}.lightbox__nav{all:unset;align-items:center;background:rgba(0,0,0,.3);border-radius:50%;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s,background-color .15s;width:48px;z-index:10}.lightbox__nav .icon{height:24px;width:24px}.lightbox__nav:hover{background:rgba(0,0,0,.5);opacity:1}.lightbox__nav--prev{left:.75rem}.lightbox__nav--prev .icon{transform:rotate(90deg)}.lightbox__nav--next{right:.75rem}.lightbox__nav--next .icon{transform:rotate(-90deg)}.lightbox__footer{background:rgba(0,0,0,.5);flex-shrink:0;padding:.5rem}.lightbox__thumbs{display:flex;gap:.25rem;justify-content:center;overflow-x:auto;scrollbar-color:hsla(0,0%,100%,.3) transparent;scrollbar-width:thin}.lightbox__thumb{all:unset;border:2px solid transparent;border-radius:.25rem;box-sizing:border-box;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;transition:border-color .15s;width:60px}.lightbox__thumb--active{border-color:#fff}.lightbox__thumb img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%}