.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:999;opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.2, 0, .2, 1);cursor:zoom-out}.lightbox-overlay.lightbox-active{opacity:1;pointer-events:auto}.lightbox-clone{z-index:1001;object-fit:contain;cursor:zoom-out;border-radius:4px}.lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:1002;display:none;background:rgba(20,20,20,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);color:#fff;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s,border-color .2s,transform .2s ease}.lightbox-prev svg{transform:translateX(0)}.lightbox-next svg{transform:translateX(0)}.lightbox-nav svg{display:block;flex-shrink:0}.lightbox-nav:hover{background:rgba(20,20,20,.8);border-color:rgba(255,255,255,.25)}.lightbox-nav:disabled{opacity:.2;cursor:default;pointer-events:none}.lightbox-prev{left:1.25rem}.lightbox-next{right:1.25rem}.lightbox-prev:hover{transform:translateY(-50%) translateX(-2px)}.lightbox-next:hover{transform:translateY(-50%) translateX(2px)}@media (max-width:500px){.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}}.lightbox-dots{position:fixed;z-index:1002;display:none;align-items:center;gap:.35rem;transform:translateX(-50%);padding:.3rem .6rem;background:rgba(20,20,20,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);border-radius:100px}.lightbox-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.35);display:inline-block;flex-shrink:0;cursor:pointer}.lightbox-dot-indicator{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;top:0;bottom:0;margin:auto;left:0;pointer-events:none}.lightbox-clone--video{z-index:1001;border-radius:4px;cursor:default}.lightbox-video-controls{position:fixed;z-index:1002;height:44px;display:flex;align-items:center;gap:.4rem;padding:0 .4rem;background:rgba(20,20,20,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);border-radius:100px;color:#fff;transition:opacity .3s,background .2s,border-color .2s}.lightbox-video-controls:hover{background:rgba(20,20,20,.8);border-color:rgba(255,255,255,.25)}.lightbox-video-controls.is-hidden{opacity:0;pointer-events:none}