.lightbox-overlay{position:fixed;z-index:10000;top:0;left:0;width:100%;height:100%;background-color:rgba(30,30,30,0.95);display:none;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;}.lightbox-overlay.active{display:flex;opacity:1;}.lightbox-content{position:relative;max-width:90%;max-height:90%;text-align:center;display:flex;justify-content:center;align-items:center;}.lightbox-image{max-width:100%;max-height:85vh;border:5px solid #2e2e2e;box-shadow:0 0 20px rgba(0,0,0,0.5);display:block;margin:0 auto;}.lightbox-close{position:absolute;top:20px;right:30px;color:#aaaaaa;font-size:40px;font-weight:bold;cursor:pointer;z-index:10001;transition:color 0.2s ease-in-out;background:none;border:none;padding:0;line-height:1;}.lightbox-close:hover{color:#00aaaa;}.lightbox-nav{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-50px;color:#aaaaaa;font-weight:bold;font-size:30px;transition:0.2s ease-in-out;user-select:none;background-color:transparent;border-radius:3px;z-index:10002;text-decoration:none;display:flex;align-items:center;justify-content:center;}.lightbox-nav:hover{background-color:rgba(0,170,170,0.8);color:#ffffff;}.lightbox-prev{left:20px;}.lightbox-next{right:20px;}.lightbox-caption{color:#aaaaaa;font-family:'Open Sans',sans-serif;font-size:14px;margin-top:10px;text-align:center;position:absolute;bottom:-30px;left:0;width:100%;}.lightbox-spinner{border:4px solid #f3f3f3;border-top:4px solid #00aaaa;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:-20px;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}