.gallery{display:grid;gap:12px}.gallery__stage{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--paper);border:1px solid var(--line)}.gallery__zoom{display:block;width:100%;padding:0;border:0;background:none;aspect-ratio:4 / 3;overflow:hidden;cursor:zoom-in}.gallery__zoom img{width:100%;height:100%;object-fit:contain;transition:transform .18s ease-out;will-change:transform}.gallery__arrow{position:absolute;top:50%;translate:0 -50%;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fffffff2;color:var(--ink);box-shadow:var(--shadow);opacity:0;transition:opacity .18s,background .18s}.gallery__stage:hover .gallery__arrow,.gallery__arrow:focus-visible{opacity:1}.gallery__arrow:hover{background:#fff}.gallery__arrow--prev{left:12px}.gallery__arrow--next{right:12px}.gallery__counter{position:absolute;bottom:12px;right:12px;margin:0;padding:4px 10px;border-radius:999px;background:#0b1a28c4;color:#fff;font-size:12px;font-weight:650}.gallery__hint{position:absolute;bottom:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;background:#0b1a28c4;color:#fff;font-size:12px;font-weight:600;opacity:0;transition:opacity .18s;pointer-events:none}.gallery__hint svg{width:14px;height:14px}.gallery__stage:hover .gallery__hint{opacity:1}.gallery__thumbs{display:flex;gap:9px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scroll-snap-type:x proximity}.gallery__thumb{flex:0 0 auto;width:84px;height:63px;padding:0;border:2px solid transparent;border-radius:7px;overflow:hidden;background:var(--paper);scroll-snap-align:start;transition:border-color .18s,opacity .18s;opacity:.72}.gallery__thumb img{width:100%;height:100%;object-fit:cover}.gallery__thumb:hover{opacity:1}.gallery__thumb[aria-selected=true]{border-color:var(--navy);opacity:1}.gallery__thumb:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.gallery-lightbox{border:0;padding:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:#05111d;color:#fff;overflow:hidden}.gallery-lightbox::backdrop{background:#05111df2}.gallery-lightbox__bar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:calc(12px + env(safe-area-inset-top,0px)) 14px 12px;background:linear-gradient(#05111dcc,#05111d00)}.gallery-lightbox__counter{margin:0 auto 0 4px;font-size:13px;font-weight:650;color:#fffc}.gallery-lightbox__button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff2e;border-radius:50%;background:#ffffff14;color:#fff}.gallery-lightbox__button:hover{background:#ffffff26;color:#fff}.gallery-lightbox__button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}.gallery-lightbox__stage{height:100%;display:grid;place-items:center;padding:64px 14px 104px;touch-action:pinch-zoom;cursor:zoom-in}.gallery-lightbox__stage.is-zoomed{cursor:zoom-out}.gallery-lightbox__stage img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s ease-out;will-change:transform}.gallery-lightbox .gallery__arrow{opacity:1;z-index:2;background:#ffffff1a;border-color:#ffffff2e;color:#fff}.gallery-lightbox .gallery__arrow:hover{background:#fff3}.gallery-lightbox__film{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:center;gap:8px;overflow-x:auto;padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(#05111d00,#05111dcc 40%);scrollbar-width:none}.gallery-lightbox__film::-webkit-scrollbar{display:none}.gallery-lightbox__film .gallery__thumb{width:66px;height:50px;opacity:.5;background:#ffffff14}.gallery-lightbox__film .gallery__thumb[aria-selected=true]{border-color:var(--yellow);opacity:1}@media(max-width:700px){.gallery__zoom{aspect-ratio:1 / 1;cursor:pointer}.gallery__arrow{opacity:1;width:34px;height:34px}.gallery__thumb{width:68px;height:51px}.gallery-lightbox__film{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.gallery__zoom img,.gallery-lightbox__stage img,.gallery__arrow,.gallery__hint,.gallery__thumb{transition:none}}
