.hopp-events-carousel{height:28rem;overflow:visible;position:relative}.hopp-events-carousel .swiper-wrapper{height:400px;left:0;position:absolute;top:0;width:100%}.hopp-events-carousels-container,.hopp-events-player-card{display:flex;flex-direction:column;gap:1rem}.hopp-events-player-card{background-color:#0c263e;border:1px solid #ccc;border-radius:.5rem;box-shadow:0 0 10px 0 rgba(0,0,0,.1);color:#fff;height:23rem;width:14rem}.hopp-events-player-card-content{display:flex;flex-direction:row;font-size:1.4rem;gap:.5rem;height:content-box;justify-content:space-between;padding:0 1rem 1rem}.hopp-events-player-card-image{height:20rem;overflow:hidden;position:relative;width:100%}.hopp-events-player-card-image:after{background:linear-gradient(180deg,transparent,#0c263e);bottom:0;content:"";height:30%;left:0;position:absolute;width:100%}.hopp-events-player-card-image img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:1rem;width:100%}.hopp-events-player-card-name:after{background-color:#ccc;content:"";display:block;height:.2rem;width:2rem}.hopp-events-carousel-button{background-color:hsla(0,0%,100%,.5);border-radius:50%;height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:4rem;z-index:10}.hopp-events-carousel-button:after{color:#2c2c2c;font-size:1.6rem}.hopp-events-carousel-pagination{bottom:0!important;left:0;position:absolute;text-align:center;width:100%}.hopp-events-carousel-pagination .swiper-pagination-bullet{height:.5rem;width:.5rem}.hopp-events-carousel-pagination .swiper-pagination-bullet-active{background-color:#2c2c2c}.hopp-events-carousel-title{color:#2c2c2c;font-size:3.5rem;font-weight:600;position:relative}.hopp-events-carousel-tabs{display:flex;flex-direction:row;gap:3rem;overflow:hidden;padding-bottom:2rem;position:relative;width:100%}.hopp-events-carousel-tabs:after{background-color:#fff;content:"";display:block;height:.2rem;position:absolute;top:2.5rem;width:100%;z-index:1}.hopp-events-carousel-tab-item{cursor:pointer;font-size:1.5rem;position:relative}.hopp-events-carousel-tab-item.active :after{background-color:#2c2c2c;content:"";display:block;height:.2rem;left:-.25rem;position:absolute;top:2.5rem;width:5.3rem;z-index:10}.hopp-events-carousel-footer{align-items:center;display:flex;flex-direction:row;gap:1rem;height:2rem;justify-content:center;position:relative;width:100%}