.cg{position:relative;display:block;overflow:hidden;width:100%}
.cg-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.cg-track::-webkit-scrollbar{display:none}
.cg-track img.th{flex:0 0 100%;width:100%;max-width:100%;scroll-snap-align:start;margin:0}
.cg-b{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.88);color:#1b2338;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.18);padding:0}
.cg-b:hover{background:#fff}.cg-p{left:8px}.cg-n{right:8px}
.cg-b[disabled]{opacity:0;pointer-events:none}
.cg-d{position:absolute;left:0;right:0;bottom:8px;z-index:4;display:flex;gap:5px;justify-content:center;pointer-events:none}
.cg-d i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 2px rgba(0,0,0,.4)}
.cg-d i.on{background:#fff}
@media(hover:hover){.cg .cg-b{opacity:0;transition:opacity .2s}.cg:hover .cg-b:not([disabled]){opacity:1}}