.game-card{position:relative;border-radius:.5rem;cursor:pointer;overflow:hidden;transition:all .2s ease-in-out;margin-top:10px;flex:0 0 16%}.game-card.home-screen{border-radius:.3rem;flex:0 0 16%;aspect-ratio:.75/1}.game-card.large{width:100%;aspect-ratio:8/5}.game-card.large .game-img-wrap{height:100%}.game-card .game-card-body{width:100%;height:100%}.game-card .game-card-body .game-img-wrap{width:100%;height:100%;aspect-ratio:.75/1}.game-card .game-card-body .game-img-wrap img.blured-bg-img{width:100%;max-width:100%;height:100%;object-fit:fill;object-position:center;position:absolute;inset:0;transition:transform .2s ease-in-out}.game-card .game-card-overlay{width:100%;height:100%;background:var(--primaryDark-800);border:2px solid var(--primaryLight-1000);border-radius:inherit;opacity:0;box-shadow:0 0 10px var(--primaryLight-1000) inset;position:absolute;inset:0;transform:scale(0);transform-origin:center;transition:all .2s ease-in-out}.game-card .game-card-overlay .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;padding:5px 10px;border-radius:5px;background:var(--primaryLight-900);transition:all .3s ease-in-out}.game-card .game-card-overlay .favorite-btn{position:absolute;top:10px;left:10px;padding:5px;border-radius:50%;background:var(--primaryLight-900)}.game-card:hover .game-card-body .game-img-wrap img.blured-bg-img{transform:scale(1.05)}.game-card:hover .game-card-overlay{opacity:1;transform:scale(1)}.game-card:hover .game-card-overlay .play-btn{opacity:1;transform:translate(-50%,-50%) scale(1)}.game-card:hover .game-card-overlay .favorite-btn{opacity:1;transform:scale(1)}.game-card .ribbon{position:absolute;top:30px;right:-40px;transform:rotate(45deg);padding:5px 40px;color:#fff;border-top:2px solid #fff;border-bottom:2px solid #fff;font-size:12px;font-weight:700;z-index:1;text-transform:uppercase;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;align-items:center;text-align:center;gap:3px}.game-card .ribbon[data-type=live]{background:red}.game-card .ribbon[data-type=kais-favorite][data-index="0"]{background:#ff4500}.game-card .ribbon[data-type=kais-favorite][data-index="1"]{background:#8a2be2}.game-card .ribbon[data-type=kais-favorite][data-index="2"]{background:#32cd32}.game-card .ribbon[data-type=kais-favorite][data-index="3"]{background:gold}.game-card .ribbon .ribbon-icon{display:inline-block;margin-left:4px;filter:brightness(0) invert(1)}@media screen and (max-width:1024px){.game-card .ribbon{top:28px;right:-36px;padding:4px 36px;font-size:9px}}@media screen and (max-width:768px){.game-card .ribbon{top:25px;right:-33px;padding:3px 33px;font-size:8px}}@media screen and (max-width:480px){.game-card .ribbon{top:22px;right:-30px;padding:2px 30px;font-size:6.5px}}.live-casino-grid{display:flex;flex-wrap:nowrap;gap:.5rem}.live-casino-grid>div{flex:0 0 24%}@media screen and (max-width:1024px){.live-casino-grid{gap:.5rem}.live-casino-grid>div{flex:0 0 32%}}@media screen and (max-width:768px){.live-casino-grid{gap:.5rem}.live-casino-grid>div{flex:0 0 48%}}.normal-casino-grid{display:flex;flex-wrap:nowrap;gap:.1rem}.normal-casino-grid>div{flex:0 0 13.4%}@media screen and (max-width:1600px){.normal-casino-grid>div{flex:0 0 15.5%}}@media screen and (max-width:1200px){.normal-casino-grid>div{flex:0 0 19%}}@media screen and (max-width:1024px){.normal-casino-grid>div{flex:0 0 30.8%}}@media screen and (max-width:768px){.normal-casino-grid>div{flex:0 0 25%}}@media screen and (max-width:480px){.normal-casino-grid>div{flex:0 0 40%}}.category-title{display:flex;align-items:baseline;text-transform:uppercase;color:#fff;padding:.2rem .5rem;border-radius:.75rem;font-size:x-large;background:radial-gradient(340.24% 340.24% at 44.29% 0,#0e0629 0,#072561 38.71%,#062768 100%);box-shadow:inset 5px 6px 11px 0 hsla(0,0%,100%,.25),0 -1px 9px 0 hsla(0,0%,100%,.1);border:2px solid #edccff}.category-title .category-icon{margin-right:.5rem;filter:brightness(0) invert(1)}.show-all-btn{background:radial-gradient(97.5% 97.5% at 50% 2.5%,#f6d788 0,#fcc859 43.22%,#cb7b12 91.35%);border-radius:.75rem}.content-container{width:100%;margin:0 auto;padding:.5vw 2vw}@media screen and (min-width:1920px){.content-container{max-width:1920px;padding:1.2rem}}