.public-v2 dialog.v2-lightbox{color:#fff;background:radial-gradient(at 50% 25%,#36274780,#0000 75%),#15101df5;border:1px solid #ffffff16;border-radius:16px;width:calc(100% - 40px);max-width:1600px;height:calc(100dvh - 40px);max-height:none;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 30px 100px #0008}.public-v2 .v2-lightbox::backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#100a18eb}.public-v2 .v2-lightbox-layout{grid-template-rows:auto minmax(0,1fr) auto auto;gap:16px;height:100%;padding:16px 28px 18px;display:grid}.public-v2 .v2-lightbox-toolbar{align-items:center;gap:22px;min-width:0;display:flex}.public-v2 .v2-lightbox-album{color:#c6bacf;flex:1;align-items:center;gap:12px;min-width:0;font-size:12px;display:flex}.public-v2 .v2-lightbox-album svg{color:var(--v2-yellow);flex:none}.public-v2 .v2-lightbox-album span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.public-v2 .v2-lightbox-position{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.public-v2 .v2-lightbox-position i{color:#9d8eab;margin-left:5px;font-style:normal}.public-v2 .v2-lightbox-control{color:#fff;background:#ffffff0c;border:1px solid #ffffff24;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;transition:background .2s,border-color .2s,transform .2s;display:grid}.public-v2 .v2-lightbox-control:hover{background:#fff2;border-color:#ffffff50;transform:scale(1.05)}.public-v2 .v2-lightbox-stage{justify-content:center;align-items:center;min-height:0;padding-inline:70px;display:flex;position:relative}.public-v2 .v2-lightbox-photo{object-fit:contain;border-radius:5px;width:auto;max-width:100%;height:auto;max-height:100%;animation:.24s ease-out v2-photo-in;display:block;box-shadow:0 12px 55px #0006}.public-v2 .v2-lightbox-stage .v2-lightbox-control{z-index:1;position:absolute;top:calc(50% - 24px)}.public-v2 .v2-lightbox-prev{left:0}.public-v2 .v2-lightbox-next{right:0}.public-v2 .v2-lightbox-details{justify-content:space-between;align-items:center;gap:24px;padding-top:2px;display:flex}.public-v2 .v2-lightbox-details>div{min-width:0;max-height:15dvh;overflow-y:auto}.public-v2 .v2-lightbox-details h2{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:600;line-height:1.5}.public-v2 .v2-lightbox-details p{color:#b4a7c1;margin:4px 0 0;font-size:12px}.public-v2 .v2-lightbox-key-hint{color:#9d8eab;flex:none;align-items:center;gap:6px;font-size:10px;display:flex}.public-v2 .v2-lightbox-key-hint kbd{color:#c6bacf;width:25px;height:25px;box-shadow:none;background:0 0;border:1px solid #ffffff1a;border-radius:5px;place-items:center;display:grid}.public-v2 .v2-lightbox-thumbnails{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#7a638e transparent;border-top:1px solid #ffffff12;gap:9px;min-width:0;padding:13px 3px 5px;display:flex;position:relative;overflow-x:auto}.public-v2 .v2-lightbox-thumbnails button{opacity:.45;background:0 0;border:2px solid #0000;border-radius:5px;flex:0 0 72px;height:52px;padding:2px;transition:opacity .2s,border-color .2s}.public-v2 .v2-lightbox-thumbnails button:is(:hover,[aria-current=true]){opacity:1}.public-v2 .v2-lightbox-thumbnails button[aria-current=true]{border-color:var(--v2-yellow)}.public-v2 .v2-lightbox-thumbnails img{object-fit:cover;border-radius:2px;width:100%;height:100%;display:block}@keyframes v2-photo-in{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.public-v2 dialog.v2-lightbox{border:0;border-radius:0;width:100%;height:100dvh}.public-v2 .v2-lightbox-layout{padding:max(12px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom));gap:12px}.public-v2 .v2-lightbox-toolbar{gap:12px}.public-v2 .v2-lightbox-stage{padding:0 0 56px}.public-v2 .v2-lightbox-stage .v2-lightbox-control{width:44px;height:44px;top:auto;bottom:0}.public-v2 .v2-lightbox-prev{left:calc(50% - 52px)}.public-v2 .v2-lightbox-next{right:calc(50% - 52px)}.public-v2 .v2-lightbox-key-hint{display:none}.public-v2 .v2-lightbox-details h2{font-size:14px}.public-v2 .v2-lightbox-thumbnails{padding-top:10px}.public-v2 .v2-lightbox-thumbnails button{flex-basis:62px;height:48px}}@media (max-height:500px){.public-v2 .v2-lightbox-layout{gap:8px;padding-block:8px}.public-v2 .v2-lightbox-thumbnails{display:none}.public-v2 .v2-lightbox-details>div{max-height:44px}}@media (prefers-reduced-motion:reduce){.public-v2 .v2-lightbox *,.public-v2 .v2-lightbox :before{transition:none;animation:none}}