#lightbox{--lightbox-top:64px;--lightbox-bottom:64px;--lightbox-arrow-offset:0px;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border-radius:0;background:#05070b;color:#fff;overflow:hidden}
#lightbox.has-thumbnails{--lightbox-bottom:104px;--lightbox-arrow-offset:-20px}
#lightbox::backdrop{background:#03050af5;backdrop-filter:blur(7px)}
.lightbox-shell{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden}
.lightbox-topbar{position:absolute;z-index:4;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:10px 18px 12px 24px;background:linear-gradient(#030509e8,transparent);pointer-events:none}
.lightbox-topbar>div{display:flex;align-items:baseline;gap:12px;min-width:0}
.lightbox-topbar strong{overflow:hidden;color:#fff;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.lightbox-topbar span{flex:0 0 auto;color:#b7bec9;font-size:12px;font-weight:750}
.lightbox-viewport{position:absolute;inset:var(--lightbox-top) 0 var(--lightbox-bottom);overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none}
.lightbox-viewport.is-dragging{cursor:grabbing}
.lightbox-track{display:flex;width:300%;height:100%;transform:translate3d(-33.333333%,0,0);transition:transform .85s cubic-bezier(.22,.61,.36,1);will-change:transform}
.lightbox-slide{display:grid;place-items:center;flex:0 0 33.333333%;min-width:0;height:100%;overflow:hidden;background:#05070b}
.lightbox-slide img{position:relative;top:-60px;display:block;width:75%;height:75%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.lightbox-close,.lightbox-arrow{position:absolute;z-index:5;margin:0;border:0!important;background:transparent!important;color:#fff;box-shadow:none!important;text-shadow:0 2px 10px #000,0 0 5px #000;padding:0;backdrop-filter:none}
.lightbox-close{position:relative;right:auto;top:auto;width:42px;height:42px;border-radius:0!important;font-size:36px;font-weight:300;line-height:1;pointer-events:auto}
.lightbox-arrow{top:calc(50% + var(--lightbox-arrow-offset));display:grid;place-items:center;width:54px;height:76px;transform:translateY(-50%);border-radius:0!important;font-size:64px;font-weight:200;line-height:1}
.lightbox-arrow.prev{left:22px}.lightbox-arrow.next{right:22px}
.lightbox-close:hover,.lightbox-arrow:hover{background:transparent!important;color:#e12636;filter:none}
.lightbox-arrow:disabled{display:none}
.lightbox-thumbs{position:absolute;z-index:4;right:0;bottom:0;left:0;display:flex;justify-content:center;gap:9px;max-width:100%;height:96px;overflow-x:auto;padding:12px 22px 15px;background:linear-gradient(transparent,#030509ed 28%);scrollbar-width:thin;overscroll-behavior-inline:contain}
.lightbox-thumbs[hidden]{display:none}
.lightbox-thumbs button{flex:0 0 86px;width:86px;height:64px;margin-top:auto;padding:3px;border:2px solid transparent;border-radius:9px;background:#222933;opacity:.62;overflow:hidden;transition:border-color .18s,opacity .18s,transform .18s}
.lightbox-thumbs button:hover{opacity:1;transform:translateY(-2px)}
.lightbox-thumbs button.active{border-color:#e12636;opacity:1;box-shadow:0 0 0 2px #e1263645}
.lightbox-thumbs img{display:block;width:100%;height:100%;border-radius:5px;object-fit:cover}
@media(max-width:600px){#lightbox{--lightbox-top:54px;--lightbox-bottom:54px}#lightbox.has-thumbnails{--lightbox-bottom:84px;--lightbox-arrow-offset:-15px}.lightbox-topbar{min-height:54px;padding:7px 8px 9px 14px}.lightbox-topbar strong{font-size:13px}.lightbox-close{width:40px;height:40px}.lightbox-slide img{top:-30px;width:74%;height:68%}.lightbox-arrow{width:44px;height:66px;border-radius:0!important;background:transparent!important;font-size:54px}.lightbox-arrow.prev{left:4px}.lightbox-arrow.next{right:4px}.lightbox-thumbs{justify-content:flex-start;height:78px;padding:9px 10px 11px}.lightbox-thumbs button{flex-basis:68px;width:68px;height:51px}}
@media(min-width:601px) and (max-height:650px){.lightbox-slide img{top:-36px}}
@media(prefers-reduced-motion:reduce){.lightbox-track,.lightbox-thumbs button{transition:none}}
