.pg{--h:110px;display:flex;flex-wrap:wrap;gap:3px}
.pg:after{content:"";flex-grow:1000000}
.pg-i{position:relative;display:block;overflow:hidden;flex:calc(var(--r)*100) 1 calc(var(--r)*var(--h));min-width:0;max-width:calc(var(--r)*var(--h)*1.4);background:#1b1b1b}
.pg-i:before{content:"";display:block;padding-top:calc(100%/var(--r))}
.pg-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .4s}
.pg-i img.pg-lz{opacity:0}
.pg-i img.pg-lz[data-loaded]{opacity:1}
.pg-o{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:2px;padding:36px 14px 12px;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0));opacity:0;transition:opacity .25s;pointer-events:none}
.pg-o b{font:600 14px/1.3 HmInter,Arial,sans-serif;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pg-o span{font:400 12px/1.3 HmInter,Arial,sans-serif;color:rgba(255,255,255,.75);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(hover:hover){.pg-i:hover img{transform:scale(1.04)}.pg-i:hover .pg-o{opacity:1}}
.pg-i:focus-visible .pg-o{opacity:1}
.pg-i:focus-visible{outline:3px solid #2b6fe0;outline-offset:-3px}
.pg-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:32px 16px 0}
.pg-pg{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font:600 14px HmInter,Arial,sans-serif;color:#ddd!important;text-decoration:none}
.pg-pg:hover{background:rgba(255,255,255,.12)}
.pg-pg.on{background:#2b6fe0;border-color:#2b6fe0;color:#fff!important}
.pg-dots{display:inline-flex;align-items:center;color:#a9a9a9}
@media(min-width:768px){.pg{--h:230px}}
@media(min-width:1400px){.pg{--h:270px}}
.pg-i>span[itemprop]{display:none}
.pg-ser{position:absolute;right:10px;top:10px;z-index:2;font-size:16px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.7);pointer-events:none}
.pg-o em{position:absolute;right:14px;bottom:12px;font:600 13px/1 HmInter,Arial,sans-serif;font-style:normal;color:#fff}
.pg-o{padding-right:70px}
@media(max-width:767px){.pg-i{max-width:none}.pg{gap:2px}}