.wrapper{align-items:center;display:flex;justify-content:center;max-width:1500px;padding:0 35px;position:relative;width:100%}.wrapper i{background:#fff;border-radius:50%;box-shadow:0 3px 6px rgba(0,0,0,.23);cursor:pointer;font-size:1.25rem;height:50px;line-height:50px;position:absolute;text-align:center;top:50%;transform:translateY(-50%);transition:transform .1s linear;width:50px}.wrapper i:active{transform:translateY(-50%) scale(.85)}.wrapper i:first-child{left:-22px}.wrapper i:last-child{right:-22px}.wrapper .carousel{border-radius:8px;display:grid;gap:16px;grid-auto-columns:calc(33.33333% - 12px);grid-auto-flow:column;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;z-index:-1}.carousel::-webkit-scrollbar{display:none}.carousel.no-transition{scroll-behavior:auto}.carousel.dragging{scroll-behavior:auto;scroll-snap-type:none}.carousel.dragging .card{cursor:grab;user-select:none}.carousel :where(.card,.img){align-items:center;display:flex;justify-content:center}.carousel .card{background:#fff;border-radius:8px;cursor:pointer;flex-direction:column;list-style:none;padding-bottom:15px;scroll-snap-align:start}.card .img img,.carousel .card .img{height:90px;width:90px}.card .img img{object-fit:cover}.carousel .card h2{font-size:1.56rem;font-weight:500;margin:30px 0 5px}.carousel .card span{color:#6a6d78;font-size:1.31rem}@media screen and (max-width:900px){.wrapper .carousel{grid-auto-columns:calc(50% - 9px)}}@media screen and (max-width:600px){.wrapper .carousel{grid-auto-columns:100%}}