.xONBra_card{z-index:1;touch-action:manipulation;background-color:var(--base-500);border:none;border-radius:8px;width:148px;height:190px;text-decoration:none;transition:all .4s;position:relative;overflow:hidden}.xONBra_card .xONBra_bgImage{z-index:0;width:100%;height:100%;transition:all .3s;position:relative;top:0;right:0;overflow:hidden}.xONBra_card .xONBra_bgImage img{object-fit:cover;position:relative!important}.xONBra_card .xONBra_content{width:100%;height:100%;transition:all .3s}.xONBra_card .xONBra_cardImage{object-fit:cover;width:100%;height:100%}.xONBra_card .xONBra_gameName{color:var(--base-0);text-align:center;text-overflow:ellipsis;width:80%;padding:0 5px;font-size:14px;position:absolute;bottom:45px;left:50%;overflow:hidden;transform:translate(-50%)}.xONBra_card .xONBra_provider{color:var(--base-100);font-size:9px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.xONBra_card .xONBra_hoverContent{z-index:2;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0}.xONBra_card .xONBra_hoverContent .xONBra_hoverGameName{display:none}.xONBra_card .xONBra_hoverContent .xONBra_playGame{background:var(--interaction-primary-main);aspect-ratio:1;border-radius:12.6%;justify-content:center;align-items:center;width:32.5%;min-width:32px;padding:0;transition:all .5s;display:flex;position:absolute;top:100%;transform:translateY(-50%)}.xONBra_card .xONBra_hoverContent .xONBra_playGame:hover{background:var(--interaction-primary-light)}.xONBra_card .xONBra_hoverContent .xONBra_playGame img{width:50%;min-width:auto;max-width:50%;height:auto}.xONBra_card.xONBra_medium{border-radius:8px;width:148px;min-width:148px;height:190px}.xONBra_card.xONBra_medium .xONBra_gameName{font-size:16px}.xONBra_card.xONBra_medium .xONBra_provider{font-size:10px}@media (max-width:834px){.xONBra_card.xONBra_medium{width:110px;min-width:110px;height:142px}.xONBra_card.xONBra_medium .xONBra_gameName{font-size:14px;bottom:30px}.xONBra_card.xONBra_medium .xONBra_provider{font-size:8px;bottom:10px}}@media (max-width:430px){.xONBra_card.xONBra_medium{width:76px;min-width:76px;height:98px}.xONBra_card.xONBra_medium .xONBra_gameName{font-size:12px;bottom:15px}.xONBra_card.xONBra_medium .xONBra_provider{font-size:6px;bottom:5px}}.xONBra_card.xONBra_x-small{border-radius:4px;width:34px;min-width:34px;height:41px}.xONBra_card.xONBra_x-small .xONBra_gameName{font-size:8px;bottom:22px}.xONBra_card.xONBra_x-small .xONBra_provider{font-size:6px;bottom:6px}.xONBra_card.xONBra_m-small{border-radius:3px;width:42px;min-width:42px;height:55px}.xONBra_card.xONBra_m-small .xONBra_gameName{font-size:8px;bottom:25px}.xONBra_card.xONBra_m-small .xONBra_provider{font-size:6px;bottom:8px}.xONBra_card.xONBra_small{border-radius:3px;width:76px;height:97px}.xONBra_card.xONBra_small .xONBra_gameName{font-size:10px;bottom:25px}.xONBra_card.xONBra_small .xONBra_provider{font-size:8px;bottom:8px}.xONBra_card.xONBra_x-medium{border-radius:4px;width:74px;height:94px}.xONBra_card.xONBra_x-medium .xONBra_gameName{font-size:10px}.xONBra_card.xONBra_x-medium .xONBra_provider{font-size:8px}@media (max-width:430px){.xONBra_card.xONBra_large{width:76px;min-width:76px;height:98px}.xONBra_card.xONBra_large .xONBra_gameName{font-size:12px;bottom:15px}.xONBra_card.xONBra_large .xONBra_provider{font-size:10px}}.xONBra_card.xONBra_grid{aspect-ratio:3/4;width:100%;min-width:auto;height:100%}.xONBra_card.xONBra_grid .xONBra_gameName{font-size:10px}.xONBra_card.xONBra_grid .xONBra_provider{font-size:8px}@media (min-width:640px){.xONBra_card.xONBra_grid .xONBra_gameName{font-size:14px}.xONBra_card.xONBra_grid .xONBra_provider{font-size:9px}}@media (min-width:1025px){.xONBra_card.xONBra_grid .xONBra_gameName{font-size:16px}.xONBra_card.xONBra_grid .xONBra_provider{font-size:10px}}.xONBra_card:hover .xONBra_playGame{top:50%}.xONBra_card:hover .xONBra_hoverContent{opacity:1;pointer-events:auto;background:linear-gradient(#000d0f00 0%,#000d0f 100%)}@media (hover:none){.xONBra_card .xONBra_hoverContent{pointer-events:none;display:none}.xONBra_card:hover .xONBra_bgImage,.xONBra_card:hover .xONBra_content{filter:none;transform:none}.xONBra_card:hover .xONBra_hoverContent{opacity:0}}.xONBra_card.xONBra_hideHover .xONBra_hoverContent{display:none}.xONBra_card.xONBra_hideHover{box-shadow:none}.xONBra_card.xONBra_hideHover .xONBra_bgImage,.xONBra_card.xONBra_hideHover .xONBra_content{filter:none;transform:none}