.game-card{width:100%;height:100%;max-width:211px;max-height:239px;aspect-ratio:34/40;background-color:var(--white-100);border-radius:1.125rem;position:relative;transition:all 50ms ease-in-out;cursor:pointer}.game-card.featured-game-card{flex:1 1 150px;max-width:150px;min-width:150px}@media screen and (max-width:1400px){.game-card.featured-game-card{min-width:125px!important}}@media screen and (max-width:1024px){.game-card.featured-game-card{min-width:102px!important}}@media screen and (max-width:767.98px){.game-card.featured-game-card{width:92px!important}}.game-card button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;opacity:0;width:85px;height:85px;transition:all .3s ease-in-out}.game-card button .play-btn{height:100%;width:100%}.game-card .game-card-body{border-radius:1.125rem;overflow:hidden;width:100%;height:100%;position:relative;z-index:1}.game-card .game-card-body .img-box{width:100%;height:100%}.game-card .game-card-body .img-box img{display:block;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;-o-object-position:center;object-position:center}.game-card .game-card-body .favorite-btn-box{width:2.25rem;min-width:2.25rem;height:2.25rem;background:hsla(0,0%,100%,.502);border-radius:100%;display:flex;justify-content:center;align-items:center;padding-top:.125rem;position:absolute;top:.55rem;left:.65rem}.game-card .game-card-body .favorite-btn-box .favorite-checkbox{width:1.25rem;min-width:1.25rem;height:1.25rem;background-color:var(--white-1000);aspect-ratio:1/1;-webkit-mask-image:url(/_next/static/media/heart-stroke-bg-mask.5e42ee88.svg);mask-image:url(/_next/static/media/heart-stroke-bg-mask.5e42ee88.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:auto;transition:all .2s ease-in-out}.game-card .game-card-body .favorite-btn-box .favorite-checkbox:hover{background-color:var(--primaryMain-1000)}.game-card .game-card-body .favorite-btn-box .favorite-checkbox:checked{background-color:var(--primaryMain-1000);-webkit-mask-image:url(/_next/static/media/heart-fill-bg-mask.5b2f67eb.svg);mask-image:url(/_next/static/media/heart-fill-bg-mask.5b2f67eb.svg)}.game-card .game-card-body .favorite-btn-box .favorite-checkbox:active{transform:scale(.75)}.game-card:hover{border:2px solid #ff7dfc;background-color:var(--mediumAquamarine-100);box-shadow:0 0 10.5px 0 #ff00f9}.game-card:hover button{opacity:1}@media screen and (max-width:991.98px){.game-card{border-radius:1rem}.game-card .game-card-body .favorite-btn-box{width:2rem;min-width:2rem;height:2rem}.game-card .game-card-body .favorite-btn-box .favorite-checkbox{width:1.125rem;min-width:1.125rem;height:1.125rem}}@media screen and (max-width:639.98px){.game-card{border-radius:.375rem}.game-card .game-card-body{border-radius:inherit}.game-card .game-card-body .favorite-btn-box{width:1.25rem;min-width:1.25rem;height:1.25rem;background:hsla(0,0%,100%,.502);border-radius:100%;display:flex;justify-content:center;align-items:center;position:absolute;top:.55rem;left:.65rem}.game-card .game-card-body .favorite-btn-box .favorite-checkbox{-webkit-mask-size:65% 65%;mask-size:65% 65%;-webkit-mask-position:center;mask-position:center;cursor:pointer}.game-card .game-card-body .favorite-btn-box .favorite-checkbox:hover{background-color:var(--primaryMain-1000)}.game-card .game-card-body .favorite-btn-box .favorite-checkbox:checked{background-color:var(--primaryMain-1000);-webkit-mask-image:url(/_next/static/media/heart-fill-bg-mask.5b2f67eb.svg);mask-image:url(/_next/static/media/heart-fill-bg-mask.5b2f67eb.svg)}.game-card .game-card-body .favorite-btn-box .favorite-checkbox:active{transform:scale(.75)}}