.cardWrapper{margin:0 auto;max-width:1100px;position:relative;width:100%}img.ui-avatars{border-radius:50px}.cardWrapper 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}.cardRating{color:#d4a249;font-size:24px;letter-spacing:2px;margin-bottom:20px}.cardDesc div{color:#676b75;font-family:prata;font-size:16px;line-height:26px;margin:0 0 1.4rem}.cardWrapper i:active{transform:translateY(-50%) scale(.85)}.cardWrapper i:first-child{left:-70px}.cardWrapper i:last-child{right:-50px}:root{--items-per-row:2}.cardWrapper .carousel{border-radius:8px;display:grid;gap:20px;grid-auto-columns:calc(100%/var(--items-per-row) - 12px);grid-auto-flow:column;overflow-x:auto;padding:0;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.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:flex-start}.cardBioData{align-items:center;display:flex;gap:10px}.cardName div:first-child{font-family:mulish;font-size:16px;font-weight:700;margin-bottom:0}.cardName div:nth-child(2){color:#676b75;font-family:mulish;font-size:14px;line-height:24px;margin-bottom:0}.carousel .card{background:#fff;border:.5px solid rgba(0,0,0,.2);border-radius:4px;cursor:pointer;flex-direction:column;height:auto;list-style:none;padding:20px;scroll-snap-align:start}.carousel .card .img{background:#8b53ff;border-radius:50%;height:148px;width:148px}.card .img img{border:4px solid #fff;border-radius:50%;height:140px;object-fit:cover;width:140px}.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){.cardWrapper .carousel{grid-auto-columns:calc(50% - 9px)}}@media screen and (max-width:600px){.cardWrapper .carousel{grid-auto-columns:100%}}