.lightbox-container{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999}.lightbox-wrapper{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center}.lightbox-content{display:flex;align-items:center;justify-content:center;max-height:80vh;max-width:100%;overflow:hidden}.lightbox-image{max-width:100%;max-height:80vh;border-radius:6px;box-shadow:0 4px 20px rgba(0,0,0,.4)}.lightbox-caption{margin-top:12px;color:#eee;font-size:15px;line-height:1.4;text-align:center;font-family:sans-serif;opacity:0;animation:captionFadeIn .5s forwards}@keyframes captionFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lightbox-btn{background:rgb(38 107 215 / 15%);border:none;color:#fff;font-size:16px;cursor:pointer;border-radius:50%;padding:5px 15px;position:absolute;transition:background .2s}.lightbox-btn:hover{background:rgb(38 107 215 / 50%);color:cadetblue}.lightbox-btn-close{top:0;right:0}.lightbox-btn-next{top:50%;right:-50px;transform:translateY(-50%)}.lightbox-btn-previous{top:50%;left:-50px;transform:translateY(-50%)}@keyframes slideInLeft{from{transform:translateX(-100%);opacity:.6}to{transform:translateX(0);opacity:1}}@keyframes slideOutLeft{from{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:.6}}@keyframes slideInRight{from{transform:translateX(100%);opacity:.6}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:.6}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes createBox{from{transform:scale(.9)}to{transform:scale(1)}}@keyframes deleteBox{from{transform:scale(1)}to{transform:scale(.9)}}