#RecommendComponent{margin-top:1rem}#RecommendComponent .carousel-container-game{position:relative;border-radius:1rem;cursor:pointer;display:flex;flex-direction:column}#RecommendComponent .carousel-container-game .game-img{object-fit:cover;width:100%;height:auto;display:block}#RecommendComponent .carousel-container-game .carousel-game-mobile span{font-size:2rem}#RecommendComponent .carousel-container-game .carousel-header{margin-bottom:10px;display:flex;align-items:center}#RecommendComponent .carousel-container-game .carousel-header span{font-size:1.125rem;white-space:nowrap;margin-right:10px}#RecommendComponent .carousel-container-game .carousel-header .carousel-controls{display:flex;gap:12px;position:static}#RecommendComponent .carousel-mobile{width:99%;max-width:100%;display:flex;flex-direction:row;overflow-x:auto;gap:10px}#RecommendComponent .carousel-mobile::-webkit-scrollbar{display:none}#RecommendComponent .carousel-mobile .game-img{object-fit:cover;width:100%;height:auto;display:block}#RecommendComponent .carousel-mobile .game-container{position:relative;width:110px;border-radius:1rem;cursor:pointer;overflow:hidden;flex-shrink:0}#RecommendComponent .carousel-mobile .game-container .border-game-gradient{z-index:5;border:2px solid #fff;border-radius:1rem;mix-blend-mode:soft-light;width:97%;height:97%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}@media(min-width:75rem){#RecommendComponent .carousel-game-mobile{display:none}#RecommendComponent .carousel-container-game{display:flex}#RecommendComponent .carousel-container-game .game-container{width:100%}#RecommendComponent .carousel-container-game .game-img{object-fit:cover;width:100%;height:auto;display:block}#RecommendComponent .carousel-game-desktop .slick-track{display:flex!important;margin-left:0!important;margin-right:0!important}#RecommendComponent .carousel-game-desktop .slick-slide{padding:0!important;height:auto;margin:0 10px 0 0!important}}#searchInputComponent .games{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px;scroll-behavior:smooth;scrollbar-width:thin;box-sizing:border-box}#searchInputComponent .games .game-container{position:relative;width:110px;border-radius:1rem;overflow:hidden;color:#fff;cursor:pointer;display:flex;flex-direction:column}#searchInputComponent .games .game-container .border-game-gradient{z-index:5;border:2px solid #fff;border-radius:1rem;mix-blend-mode:soft-light;width:97%;height:97%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);pointer-events:none}#searchInputComponent .games .game-container .game-img{object-fit:cover;width:100%;height:auto;display:block}#searchInputComponent .games .game-container .game-info-container{position:absolute;bottom:0;width:100%;padding:12px;box-sizing:border-box;display:flex;flex-direction:column;z-index:4;opacity:0;transition:opacity .3s ease}#searchInputComponent .games .game-container .game-title{font-weight:700}#searchInputComponent .games .game-container .game-provider,#searchInputComponent .games .game-container .game-title{font-size:.5rem}#searchInputComponent .games .game-container .game-hover-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);opacity:0;transition:opacity .3s ease;z-index:1;display:flex;align-items:center;justify-content:center}#searchInputComponent .games .game-container .play-button{background-color:orange;color:#000;padding:4px 8px;border:none;border-radius:8px;font-weight:700;font-size:.75rem;cursor:pointer;opacity:0;transition:all .3s ease;z-index:2}#searchInputComponent .games .game-container:hover .game-hover-overlay,#searchInputComponent .games .game-container:hover .game-info-container{opacity:1!important}#searchInputComponent .games .game-container:hover .play-button{opacity:1;transform:translateY(0)}#searchInputComponent .games .skeleton-game{width:110px!important;height:140px!important;border-radius:1rem;overflow:hidden}#searchInputComponent .wrapper{padding:20px;display:flex;flex-direction:column;align-items:center}#searchInputComponent .filterWrapper{display:flex;margin-bottom:15px}#searchInputComponent .pagination{width:300px;margin-top:20px;display:flex;flex-direction:column;align-items:center}#searchInputComponent .label-showing{display:flex;margin-bottom:20px}@media(min-width:24.375rem){#searchInputComponent .games{grid-template-columns:repeat(3,1fr)}#searchInputComponent .games .game-container{width:95px}#searchInputComponent .games .skeleton-game{width:95px!important}}@media(min-width:62rem){#searchInputComponent .games{grid-template-columns:repeat(5,1fr)}}@media(min-width:75rem){#searchInputComponent{margin:0}#searchInputComponent .games{grid-template-columns:repeat(6,1fr)}#searchInputComponent .games .skeleton-game{width:167px!important;height:197px!important;border-radius:1rem;overflow:hidden}#searchInputComponent .games .game-container{width:167px}#searchInputComponent .games .game-container .play-button{padding:8px 16px;font-weight:700;font-size:.875rem}#searchInputComponent .games .game-container .game-provider,#searchInputComponent .games .game-container .game-title{font-size:.75rem;line-height:1.25rem}}#homePage .content{padding:0 16px}#homePage .Carousel{width:100%;display:flex}#homePage .slick-slider{display:flex;align-items:center}#homePage .slick-list{width:100%}#homePage .next-button,#homePage .prev-button{cursor:pointer;border:0;outline:0;position:absolute;top:50px;z-index:1;padding:5px;display:flex;align-items:center;justify-content:center;height:30px;width:30px;border-radius:25px;background-color:rgba(0,0,0,0)}#homePage .prev-button{left:10px}#homePage .next-button{right:10px}#homePage .custom-dot{width:20px;height:4px;background-color:hsla(0,0%,100%,.4);border-radius:2px;transition:all .3s ease}#homePage .slick-dots li.slick-active .custom-dot{background-color:#fff;opacity:1}#homePage .slick-list,#homePage .slick-slider,#homePage .slick-track{width:100%;overflow:hidden}#homePage .carousel-img-container{width:100%;height:auto}#homePage .img-carousel{width:100%;height:auto;object-fit:cover}#homePage .carousel-desktop{display:none}@media(min-width:48em){#homePage .content{padding:0}}@media(min-width:75rem){#homePage .content{padding:0}#homePage .carousel-mobile{display:none}#homePage .carousel-desktop{display:block;margin-top:3.4rem}#homePage .next-button,#homePage .prev-button{top:190px;height:50px;width:50px}#homePage .prev-button{left:30px}#homePage .next-button{right:30px}#homePage .img-carousel{width:100%}}