.image-modal{z-index:1000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.image-modal__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;background:#101216db;border:0;border-radius:0;padding:0;position:absolute;inset:0}.image-modal__window{pointer-events:none;outline:none;flex-direction:column;align-items:center;gap:12px;width:min(100%,1200px);max-width:100%;max-height:100%;display:flex;position:relative}.image-modal__img,.image-modal__arrow,.image-modal__close,.image-modal__foot{pointer-events:auto}.image-modal__close{top:max(24px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));z-index:2;color:#fff;cursor:pointer;background:#1b1f26;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:fixed;box-shadow:0 10px 30px #0009}[dir=rtl] .image-modal__close{right:auto;left:max(24px, env(safe-area-inset-left))}.image-modal__stage{touch-action:pan-y pinch-zoom;place-items:center;width:100%;height:calc(100dvh - 140px);min-height:0;display:grid;position:relative}.image-modal__loading{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.image-modal__count{color:#a5afbf;font-variant-numeric:tabular-nums}.image-modal__arrow{z-index:1;color:#e0e6ee;background:#1b1f26;border:1px solid #2b3038;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #00000059}@media (hover:hover){.image-modal__arrow:hover{color:#fff;background:#171a20}}.image-modal__arrow_prev{left:10px}[dir=rtl] .image-modal__arrow_prev{left:auto;right:10px}.image-modal__arrow_next{right:10px}[dir=rtl] .image-modal__arrow_next{left:10px;right:auto}.image-modal__img{object-fit:contain;opacity:0;background:#14171c;border-radius:14px;width:auto;max-width:100%;height:auto;min-height:0;max-height:100%;transition:opacity .2s,transform .25s cubic-bezier(.22,1,.36,1);display:block;transform:scale(.97);box-shadow:0 30px 90px #000000b3}.image-modal__img_ready{opacity:1;transform:none}.image-modal__foot{color:#bcc5d2;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;max-width:min(90vw,720px);font-size:13.5px;font-weight:700;display:flex}.image-modal__caption{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.image-modal__link{color:#4b83ff;white-space:nowrap;align-items:center;gap:5px;display:inline-flex}@media (hover:hover){.image-modal__link:hover{color:#fff}}@media not screen and (width>=630px){.image-modal{padding:12px}.image-modal__close{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right))}[dir=rtl] .image-modal__close{right:auto;left:max(12px, env(safe-area-inset-left))}.image-modal__stage{height:calc(100dvh - 130px)}.image-modal__img{border-radius:10px}}@media (prefers-reduced-motion:reduce){.image-modal__img{transition:none;transform:none}}