:root{--lightbox-black:#000;--lightbox-white:#fff;--lightbox-overlay:rgba(255, 255, 255, 0.95)}@media(prefers-color-scheme:dark){:root{--lightbox-black:#DDDDDD;--lightbox-white:#212222;--lightbox-overlay:rgba(33, 34, 34, 0.95)}}@supports(color-scheme:light dark){:root{color-scheme:light dark;--lightbox-black:light-dark(#000, #DDDDDD);--lightbox-white:light-dark(#fff, #212222);--lightbox-overlay:light-dark(rgba(255, 255, 255, 0.95), rgba(33, 34, 34, 0.95))}}#lightbox{width:100%;height:100vh;position:fixed;top:0;left:0;background:var(--lightbox-overlay);z-index:9999999;display:none;backdrop-filter:blur(5px)}#lightbox button{background:0 0;border:none;color:var(--lightbox-black);cursor:pointer;padding:0;margin:0;z-index:99}#lightbox button:focus-visible{outline:2px solid var(--lightbox-black);outline-offset:4px}#lightbox .img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;height:85%;background-position:50%;background-repeat:no-repeat;background-size:contain}#lightbox .img img{opacity:0;pointer-events:none}#lightbox span{display:none;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:90%;text-align:center;color:var(--lightbox-black);background:var(--lightbox-white);padding:5px 10px;border-radius:4px;font-size:.9rem}#lightbox .videoWrapperContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;max-width:900px}#lightbox .videoWrapperContainer .videoWrapper{position:relative;padding-bottom:56.25%;height:0;background:var(--lightbox-black)}#lightbox .videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}#lightbox-prev,#lightbox-next{position:fixed;top:50%;transform:translateY(-50%);height:60px;width:60px;font-size:40px;display:flex;align-items:center;justify-content:center}#lightbox-prev::before{content:"\2039"}#lightbox-next::before{content:"\203A"}#lightbox-prev{left:10px}#lightbox-next{right:10px}#lightbox-close{position:fixed;top:15px;right:15px;width:50px;height:50px;font-size:40px;line-height:1}#lightbox-close::before{content:"\00D7"}@media screen and (min-width:768px){#lightbox-prev{left:20px}#lightbox-next{right:20px}#lightbox-close{top:20px;right:20px}#lightbox-prev:hover,#lightbox-next:hover,#lightbox-close:hover{transform:scale(1.1);transition:transform .2s ease}#lightbox-prev:hover{transform:translateY(-50%)scale(1.1)}#lightbox-next:hover{transform:translateY(-50%)scale(1.1)}}