.lightbox{z-index:1000;animation:rise-in .25s var(--ease-out) both;background:#000000eb;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.lightbox_img{object-fit:contain;max-width:92vw;max-height:88vh}.lightbox_actions{z-index:2;align-items:center;gap:1rem;display:flex;position:absolute;top:1rem;right:1.5rem}.lightbox_close{color:#fff;opacity:.8;font-size:2.5rem;line-height:1}.lightbox_close:hover{opacity:1}.btn.lightbox_buy{color:#fff;background:#0006}.btn.lightbox_buy:hover{background-color:#141414a6}.lightbox_buywrap{align-items:center;gap:.5rem;display:inline-flex;position:relative}.lightbox_info{width:1.4rem;height:1.4rem;font-family:var(--font-body);color:#fff;border:1px solid var(--glass-border);cursor:help;background:#0006;border-radius:999px;justify-content:center;align-items:center;font-size:.8rem;font-style:italic;line-height:1;display:inline-flex}.lightbox_infopop{width:max-content;max-width:15rem;font-family:var(--font-body);text-align:left;color:var(--color-text);border:1px solid var(--glass-border);border-radius:var(--radius-xs);opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);pointer-events:none;z-index:3;background:#141414f2;padding:.6rem .75rem;font-size:.72rem;line-height:1.45;position:absolute;top:calc(100% + .5rem);right:0;transform:translateY(-4px)}.lightbox_info:hover .lightbox_infopop,.lightbox_info:focus-visible .lightbox_infopop{opacity:1;visibility:visible;transform:translateY(0)}.lightbox_like{color:#fff;border:2px solid var(--color-accent);border-radius:var(--radius-xs);cursor:pointer;transition:transform .1s var(--ease), border-color var(--dur-fast) var(--ease);background:#0006;justify-content:center;align-items:center;padding:.3rem;display:inline-flex}.lightbox_like:hover{border-color:var(--color-accent-hover);transform:scale(1.1)}.lightbox_like svg{width:1.2rem;height:1.2rem;animation:.4s dislike_effect;display:block}.lightbox_like svg path{fill:none;stroke:#fff;stroke-width:20px}.lightbox_like.is-active svg{animation:.4s like_effect}.lightbox_like.is-active svg path{fill:#ff5353;stroke-width:0}.lightbox_share{color:#fff;opacity:.85;width:2.2rem;height:2.2rem;transition:opacity var(--dur-fast) var(--ease), transform .1s var(--ease);justify-content:center;align-items:center;display:inline-flex;position:relative}.lightbox_share:hover{opacity:1;transform:scale(1.08)}.lightbox_share svg{width:1.25rem;height:1.25rem}.lightbox_copied{white-space:nowrap;font-family:var(--font-body);color:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-xs);background:#141414f2;padding:.3rem .5rem;font-size:.68rem;position:absolute;top:calc(100% + .4rem);right:0}@keyframes like_effect{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes dislike_effect{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.lightbox_nav{color:#fff;opacity:.65;transition:opacity var(--dur-fast) var(--ease);padding:1rem;font-size:3rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.lightbox_nav:hover{opacity:1}.lightbox_prev{left:.5rem}.lightbox_next{right:.5rem}.lightbox_count{color:var(--color-text-muted);letter-spacing:.1em;font-size:.8rem;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}
