.game-item{container:game-item/inline-size;position:relative;border-radius:16px}.game-item.active .game-item__hover,.game-item:hover .game-item__hover{opacity:1;z-index:3}.game-item svg.ratio{display:block;width:100%;height:auto;min-height:100px}.game-item__box{height:100%;background:#102128;border-radius:16px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;overflow:hidden;transition:all .3s ease}.game-item__image{height:100%}.game-item__image img{width:100%;height:100%;display:block;object-fit:cover;border-radius:16px}.game-item__hover{padding:10px;background:linear-gradient(0deg,#053838,rgba(2,64,64,.75));backdrop-filter:blur(2px);border-radius:16px;transition:all .4s ease;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;position:absolute;left:0;bottom:0;top:0;right:0;opacity:0;z-index:1}.game-item__heading{width:100%;max-height:calc(100% - 70px);display:flex;flex-direction:column;align-items:center;gap:7px;flex:1}.game-item__heading h4{padding:0 30px;font-weight:500;font-size:clamp(12px,7cqw,18px);color:#fff;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.game-item__heading picture{height:25%;min-height:40px;max-height:65px;display:flex}.game-item__heading img{width:auto;height:100%;object-fit:contain;margin:auto}.game-item__actions{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.game-item__actions.flex-column a.btn{max-width:280px;min-height:42px}.game-item__actions a.btn{flex:1;width:100%;min-width:130px!important;padding:3px!important}.game-item__actions a.btn .v-btn__content{width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.game-item__actions a.btn picture{width:24px;height:24px;min-width:24px;display:flex}.game-item__actions a.btn picture img{width:100%;margin:auto;object-fit:contain}.game-item .btn-favorite{background-color:transparent!important;box-shadow:none!important;height:36px!important;min-width:36px!important;padding:0!important;position:absolute;top:5px;right:5px}.game-item .btn-favorite.active{transition:all .3s ease}.game-item .btn-favorite.active svg path{fill:#1eae9c;stroke:#1eae9c}.activeRtl .game-item{direction:rtl}.activeRtl .game-item .btn-favorite{right:auto;left:5px}@container game-item (inline-size > 300px){.game-item__hover{padding:15px 30px}.game-item__heading{gap:10px}}@container game-item (inline-size > 480px){.game-item__hover{padding:25px 60px}.game-item__heading{gap:30px}.game-item__heading img{display:block}.game-item__actions{flex-direction:row;gap:18px}.game-item .btn-favorite{top:15px;right:25px}.activeRtl .game-item .btn-favorite{right:auto;left:25px}}@container game-item (inline-size < 280px){.game-item__hover{padding:7px}.game-item__heading{gap:3px}.game-item__heading picture{min-height:23px}.game-item__actions{flex-direction:column;gap:3px}.game-item__actions a.btn{min-width:auto!important;height:32px!important;min-height:32px!important;padding:3px 12px!important;font-size:14px!important}.game-item__actions a.btn .v-btn__content{font-size:14px!important}.game-item .btn-favorite{min-width:auto!important;height:32px!important;min-height:32px!important;padding:3px!important}.game-item .btn-favorite svg{width:25px}}@container game-item (inline-size < 180px){.game-item__heading img,.game-item__heading picture{display:none}.game-item .btn-favorite{height:26px!important;min-height:26px!important}.game-item .btn-favorite svg{width:20px}}@container game-item (inline-size < 100px){.game-item__actions a.btn{height:20px!important;min-height:20px!important;padding:1px 2px!important;font-size:12px!important}.game-item__actions a.btn .v-btn__content{font-size:12px!important}.game-item .btn-favorite{height:22px!important;min-height:22px!important}.game-item .btn-favorite svg{width:16px}}