.player-card{display:flex;flex-direction:column;justify-content:flex-end;position:relative;border:1px solid #eee;border-radius:8px;overflow:hidden;background-size:cover;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease;flex:0 0 auto;width:216px;height:300px}.scroll-container{overflow-x:auto;display:flex;white-space:nowrap;padding-bottom:10px;gap:10px}.scroll-container::-webkit-scrollbar{display:none}.player-card:hover{box-shadow:0 4px 12px #0003}.player-big-number{position:absolute;font-size:100px;line-height:1;font-family:Bebas Neue,sans-serif;font-weight:400;color:#98c5e9;transition:color .2s ease-in-out;top:-4px;right:5px;letter-spacing:-5px}@supports (-webkit-text-stroke:2px #001838){.player-big-number{-webkit-text-stroke:2px #001838;color:transparent}}.player-card:hover .player-big-number{color:#001838}.player-photo{width:100%;height:220px;-o-object-fit:cover;object-fit:cover;display:block}.card-body{background-color:#fff;text-align:center;transition:background-color .3s ease,color .3s ease}.player-card:hover .card-body{background-color:#001838;color:#fff}.player-name-first{font-size:1.5rem;font-weight:700;text-transform:uppercase;margin-bottom:0rem;font-family:Saira Condensed,sans-serif;letter-spacing:.5px}.player-name-last{font-size:1.3rem;font-weight:500;text-transform:capitalize;font-family:Saira Condensed,sans-serif;letter-spacing:.3px}.scroll-container{overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.scroll-container::-webkit-scrollbar-thumb{background:#1a314080;border-radius:4px}@media (max-width: 576px){.player-card{width:160px;height:230px}.player-photo{width:100%;height:170px;-o-object-fit:cover;object-fit:cover;display:block}.player-name-first{font-size:1.2rem;font-weight:700;text-transform:uppercase;margin-bottom:.1rem;font-family:Saira Condensed,sans-serif;letter-spacing:.5px}.player-name-last{font-size:.8rem;font-weight:500;text-transform:capitalize;font-family:Saira Condensed,sans-serif;letter-spacing:.3px}.player-big-number{font-size:70px}}