.lightbox{z-index:9999;opacity:0;background:#000000d9;justify-content:center;align-items:center;animation:.3s forwards lightbox-in;display:flex;position:fixed;inset:0}.lightbox.is-closing{animation:.3s forwards lightbox-out}@keyframes lightbox-in{to{opacity:1}}@keyframes lightbox-out{to{opacity:0}}.lightbox__img{object-fit:contain;pointer-events:none;border-radius:8px;max-width:90vw;max-height:90vh;display:block}.lightbox__close{cursor:pointer;color:#fff;opacity:.75;background:0 0;border:none;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:36px;line-height:1;transition:opacity .2s;display:flex;position:absolute;top:16px;right:20px}.lightbox__close:hover{opacity:1}.lightbox__nav{cursor:pointer;color:#fff;z-index:1;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:background .2s,opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox__nav:hover{background:#ffffff40}.lightbox__nav--prev{left:20px}.lightbox__nav--next{right:20px}.lightbox__nav.is-disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.lightbox__counter{color:#fff;letter-spacing:.04em;white-space:nowrap;pointer-events:none;background:#00000073;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:600;position:absolute;top:20px;left:50%;transform:translate(-50%)}@media (width<=659px){.lightbox__nav{width:36px;height:36px}.lightbox__nav--prev{left:8px}.lightbox__nav--next{right:8px}}