.bages{grid-gap:.25rem;display:flex;flex-wrap:wrap;left:.75rem;position:absolute;right:.75rem;top:.75rem}.bage{grid-column-gap:.125rem;align-items:center;background-color:var(--bg,transparent);border-radius:16px;color:var(--bage-color,var(--white));display:flex;font-size:var(--font-size,.75rem);font-weight:var(--font-weight,500);letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.3);padding:.125rem .5rem .125rem .25rem;text-transform:uppercase}.bage .icon{--icon-size:1rem;max-width:1rem;min-width:1rem}.bage.bg--green{--bg:var(--green-500)}.bage.bg--green .icon{--color:var(--green-200)}.bage.bg--red{--bg:var(--red-500)}.bage.bg--red .icon{--color:var(--red-200)}.bage.bg--orange{--bg:var(--orange-500)}.bage.bg--orange .icon{--color:var(--orange-200)}.bage.bg--blue{--bg:var(--blue-500)}.bage.bg--blue .icon{--color:var(--blue-200)}.btn-play{--glow-offset:0;align-items:center;align-self:center;background:var(--bg,transparent);border:var(--border,0);border-radius:50%;color:var(--color,var(--button-text-ghost-high-contrast));display:flex;font-family:Rubik,sans-serif;justify-content:center;justify-self:center;margin:auto;opacity:var(--play-btn-opacity,1);padding:0;position:relative;transition:opacity .4s ease-in-out;width:63%}.btn-play:before{background:var(--game-tumb-btn-play-hover-glow-effect);border-radius:50%;content:"";height:calc(100% + var(--glow-offset));left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%);width:calc(100% + var(--glow-offset))}.btn-play .icon-box{align-items:center;aspect-ratio:48/48;background-color:var(--surface-color-accent-primary);border-radius:50%;display:flex;justify-content:center;position:relative;transition:all .2s ease;width:100%;z-index:1}.btn-play .icon{--icon-size:50%;--color:var(--icon-color-contrast);transform:translate(1px)}@media (hover:hover){.btn-play:hover{--glow-offset:12px;--bgi:var(--button-bg-primary-icn-only-hover);cursor:pointer}[data-size=min] .btn-play:hover{--glow-offset:12px}[data-size=def] .btn-play:hover{--glow-offset:16px}[data-size=max] .btn-play:hover{--glow-offset:20px}.btn-play:hover:before{animation:pulse-border 2s ease-out infinite}}.btn-play:active{--bgi:var(--button-bg-primary-icn-only-click)}@keyframes pulse-border{0%{opacity:1;transform:translate(-50%) translateY(-50%) translateZ(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-50%) translateZ(0) scale(1.5)}}.card-base{align-items:flex-start;aspect-ratio:1/1.4;background-color:var(--bg,rgba(0,0,0,.2));background-position:var(--bg-position,center);background-repeat:var(--bg-repeat,no-repeat);background-size:var(--bg-size,100%);border-radius:8px;display:flex;flex-basis:calc((100% - (var(--column-count) - 1)*var(--column-gap))/var(--column-count));flex-shrink:0;overflow:hidden;position:relative;scroll-snap-align:start}.card-base .hidden{opacity:0;pointer-events:none}.card-base__provider-name{background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));bottom:0;color:var(--white-white-90);display:flex;font-size:.625rem;font-weight:500;justify-content:center;left:0;line-height:1.6;padding:.5rem;position:absolute;text-shadow:0 0 4px rgba(0,0,0,.5);width:100%;z-index:1}.card-base__info{background-color:var(--black-black-80);bottom:0;display:grid;grid-template-rows:1fr auto 1fr;left:0;opacity:var(--opacity-info,0);padding:.75rem;pointer-events:var(--pointer-events,none);position:var(--position-info,absolute);right:0;top:0;transition:var(--transition-info,all .4s);transition-delay:.1s;will-change:opacity;z-index:var(--z-index,-1)}.card-base__info-titles{max-height:41px}.card-base__info-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-info-title,var(--game-tumb-text-title));display:-webkit-box;font-size:var(--font-size,.625rem);font-weight:var(--font-weight,500);letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.3);overflow:hidden}[data-size=min] .card-base__info-title{--font-size:.625rem;--font-weight:500;--line-height:1.3;--letter-spacing:0}[data-size=def] .card-base__info-title{--font-size:.875rem;--font-weight:700;--line-height:1.3;--letter-spacing:0}[data-size=max] .card-base__info-title{--font-size:1rem;--font-weight:700;--line-height:1.3;--letter-spacing:0}.card-base__info-provider{color:var(--game-tumb-text-provider);display:none;font-size:var(--font-size,.625rem);font-weight:var(--font-weight,400);letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:33rem){.card-base__info-provider{display:flex}}[data-size=def] .card-base__info-provider,[data-size=min] .card-base__info-provider{--font-size:.625rem;--font-weight:400;--line-height:1.5;--letter-spacing:0}[data-size=max] .card-base__info-provider{--font-size:.75rem;--font-weight:400;--line-height:1.3;--letter-spacing:0}.card-base__info-actions{align-self:center;display:grid;width:100%}.card-base__info-footer{align-items:flex-end;display:flex;justify-content:center}@media (hover:hover){.card-base:hover{--pointer-events:auto;--transition-info:(all .4s ease-in-out);--play-btn-opacity:1;--opacity-info:1;--z-index:2}.card-base:hover .btn-play{transform:scale(1);transition-delay:.2s}}.card-base.hovered{--pointer-events:auto;--transition-info:(all .4s ease-in-out);--play-btn-opacity:1;--opacity-info:1;--z-index:2}.card-base.hovered .btn-play{transform:scale(1);transition-delay:.2s}.card-base__img{border:none;display:block;height:100%;position:absolute;width:100%}.card-base .btn-try{align-items:center;background-color:transparent;color:var(--white-white-90);display:flex;font-size:.875rem;font-weight:500;line-height:1.4;padding:0}[data-size=max] .card-base .btn-try{--font-size:.875rem;--font-weight:700;--line-height:1.3;--letter-spacing:0}@media (hover:hover){.card-base .btn-try:hover{--color:var(--game-tumb-btn-content-hover);--bgc:var(--game-tumb-btn-bg-hover);cursor:pointer;transition:all .2s ease-in-out}}.card-base .btn-play{width:51%}.card-base__favorite .icon{color:var(--white-white-60)}