.image-lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:32px;border:0;background:transparent}.image-lightbox::backdrop{background:rgba(17,17,19,.86);backdrop-filter:blur(8px)}.lightbox-frame{position:relative;width:min(980px,90vw);height:calc(100vh - 64px);margin:auto;overflow:hidden;border-radius:16px;background:#f4f2ef;box-shadow:0 6px 0 #ec9f40,0 12px 0 #e25d2f,0 18px 0 #df4943,0 24px 0 #ad2332,0 30px 0 #31b1c3}.lightbox-frame>img{width:100%;height:100%;object-fit:contain}.lightbox-close,.lightbox-nav{position:absolute;z-index:2;width:46px;height:46px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111113;font-size:1.2rem;box-shadow:0 8px 24px rgba(17,17,19,.14)}.lightbox-close{top:16px;right:16px}.lightbox-nav{top:50%;transform:translateY(-50%)}.lightbox-nav--prev{left:16px}.lightbox-nav--next{right:16px}.lightbox-count{position:absolute;bottom:16px;left:50%;padding:7px 11px;border-radius:20px;background:#111113;color:#fff;font-size:.7rem;transform:translateX(-50%)}@media(max-width:575px){.image-lightbox{padding:18px}.lightbox-frame{width:100%;height:calc(100vh - 50px)}.lightbox-nav{width:40px;height:40px}.lightbox-nav--prev{left:8px}.lightbox-nav--next{right:8px}}