html:has(.lightbox[open]){overflow:hidden}.lightbox{color:#fff;background:#0b1d26;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:hidden}.lightbox[open]{grid-template-rows:auto minmax(0,1fr);display:grid}.lightbox::backdrop{background:#0b1d26}.lightbox-head{justify-content:flex-end;align-items:center;gap:16px;padding:14px 20px;display:flex}.lightbox-counter{font-variant-numeric:tabular-nums;margin:0 auto 0 0;font-size:14px;font-weight:600}.lightbox-close svg{width:16px;height:16px}.lightbox-track{overscroll-behavior:contain;scroll-snap-type:x mandatory;scrollbar-width:none;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.lightbox-track::-webkit-scrollbar{display:none}.lightbox-slide{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;min-width:0;padding:0 88px 28px}.lightbox-slide :is(picture,img){width:100%;height:100%;display:block}.lightbox-slide img{object-fit:contain}.lightbox-nav{color:#fff;cursor:pointer;width:52px;height:52px;transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out);background:#ffffff14;border:1px solid #ffffff59;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;translate:0 -50%}.lightbox-nav--prev{left:20px}.lightbox-nav--next{right:20px}.lightbox-nav svg{stroke-width:2px;width:24px;height:24px}.lightbox :focus-visible{outline-color:#8fd0ea}@media (hover:hover) and (pointer:fine){.lightbox-nav:hover{background:#ffffff2e;border-color:#fff}}@media (max-width:760px){.lightbox-head{padding:10px 12px 10px 20px}.lightbox-slide{padding:0 0 76px}.lightbox-nav{width:48px;height:48px;top:auto;bottom:14px;translate:none}.lightbox-nav--prev{left:calc(50% - 60px)}.lightbox-nav--next{right:calc(50% - 60px)}}