/* Листалка работ на карточке поиска: баннер профиля сюда не ставим.
   На телефоне палец на фото листает ленту вверх-вниз. Фото меняют стрелки. */
.sk-cg{position:relative;height:200px;background:#16181c;overflow:hidden;cursor:pointer;touch-action:pan-y}
.sk-cg--logo{display:flex;align-items:center;justify-content:center;background:linear-gradient(165deg,#2c3038 0%,#16181c 70%);cursor:pointer;touch-action:pan-y}
.sk-cg-logo img,.sk-cg-logo b{width:92px;height:92px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 24px rgba(0,0,0,.28);display:grid;place-items:center}
.sk-cg-logo b{background:#fff;color:#16181c;font-size:34px;font-weight:800}
.sk-cg-track{display:flex;height:100%;overflow:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-y}
.sk-cg-track::-webkit-scrollbar{display:none}
.sk-cg-slide{flex:0 0 100%;height:100%;background:#1a1c20;scroll-snap-align:start;scroll-snap-stop:always;position:relative;touch-action:pan-y}
.sk-cg-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;touch-action:pan-y;-webkit-user-drag:none;user-select:none;pointer-events:none}
.sk-cg-prev,.sk-cg-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:rgba(16,18,22,.55);color:#fff;font-size:24px;line-height:1;cursor:pointer;z-index:3;display:none;place-items:center;padding:0;font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.sk-cg-prev{left:8px}.sk-cg-next{right:8px}
.sk-cg:hover .sk-cg-prev,.sk-cg:hover .sk-cg-next{display:grid}
@media (hover:none){
  .sk-cg-prev,.sk-cg-next{display:grid;width:44px;height:44px}
}
.sk-cg-dots{position:absolute;bottom:9px;left:8px;right:8px;display:flex;justify-content:center;gap:5px;z-index:3;pointer-events:none}
.sk-cg-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4);box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.sk-cg-dots i.on{background:#fff}