.bages{grid-gap:.25rem;flex-wrap:wrap;display:flex;position:absolute;top:.75rem;left:.75rem;right:.75rem}.bage{background-color:var(--bg,transparent);color:var(--bage-color,var(--white));text-transform:uppercase;font-size:var(--font-size,.75rem);font-weight:var(--font-weight,500);line-height:var(--line-height,1.3);letter-spacing:var(--letter-spacing,0);grid-column-gap:.125rem;border-radius:16px;align-items:center;padding:.125rem .5rem .125rem .25rem;display:flex}.bage .icon{--icon-size:1rem;min-width:1rem;max-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{background:var(--bg,transparent);color:var(--color,var(--button-text-ghost-high-contrast));border:var(--border,0);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);opacity:var(--play-btn-opacity,1);border-radius:50%;justify-content:center;place-self:center;align-items:center;width:56%;max-width:4rem;margin:auto;padding:0;font-family:Space Grotesk,Inter,sans-serif;display:flex;position:relative}.btn-play:before{content:"";background:var(--game-tumb-btn-play-hover-glow-effect);opacity:0;width:100%;height:100%;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-slow) var(--ease-out);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.btn-play .icon-box{z-index:1;background:var(--bg,var(--button-bg-primary-icn-only));transition:background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);aspect-ratio:1;width:100%;box-shadow:var(--glow-brand-soft);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.btn-play .icon{--icon-size:46%;--color:var(--button-icn-primary);transform:translate(1px)}@media (hover:hover){.btn-play:hover{cursor:pointer;--bg:var(--button-bg-primary-icn-only-hover)}.btn-play:hover:before{opacity:1;transform:translate(-50%,-50%)scale(1.35)}.btn-play:hover .icon-box{box-shadow:var(--glow-brand)}}.btn-play:active{--bg:var(--button-bg-primary-icn-only-click)}.card-base__info-provider{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-base{aspect-ratio:2/3;border-radius:var(--radius-m);background-color:var(--layer-01);box-shadow:inset 0 0 0 1px var(--border-00-low-contrast);flex-shrink:0;flex-basis:calc((100% - (var(--column-count) - 1)*var(--column-gap))/var(--column-count));scroll-snap-align:start;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);will-change:transform;align-items:flex-start;display:flex;position:relative;overflow:hidden}.card-base__info{padding:var(--card-info-padding,8px);background:var(--bg-info,var(--game-tumb-overlay-hover));display:var(--display,grid);position:var(--position-info,absolute);opacity:var(--opacity-info,0);transition:var(--transition-info,opacity var(--dur-base) var(--ease-out));pointer-events:var(--pointer-events,none);will-change:opacity;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);grid-template-rows:auto 1fr auto;inset:0}[data-size=min] .card-base__info{--card-info-padding:8px}[data-size=def] .card-base__info{--card-info-padding:12px}[data-size=max] .card-base__info{--card-info-padding:16px}.card-base__info-titles{gap:2px;display:grid}.card-base__info-title{font-size:var(--font-size,.625rem);font-weight:var(--font-weight,500);line-height:var(--line-height,1.3);letter-spacing:var(--letter-spacing,0);color:var(--color-info-title,var(--game-tumb-text-title));-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Space Grotesk,Space Grotesk fallback,Inter,sans-serif;display:-webkit-box;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{font-size:var(--font-size,.625rem);font-weight:var(--font-weight,400);line-height:var(--line-height,1.5);letter-spacing:var(--letter-spacing,0);color:var(--game-tumb-text-provider);text-transform:uppercase;letter-spacing:.06em;display:none}@media (width>=33rem){.card-base__info-provider{display:block}}[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;width:100%;display:grid}.card-base__info-footer{grid-template-columns:1fr repeat(2,auto);align-items:flex-end;gap:4px;display:grid}@media (hover:hover){.card-base:hover{--pointer-events:auto;--play-btn-opacity:1;--opacity-info:1;box-shadow:inset 0 0 0 1px var(--border-accent),var(--glow-brand-soft);transform:translateY(-2px)}.card-base:hover .btn-play{transform:scale(1)}.card-base:hover .card-base__img{transform:scale(1.04)}}.card-base.hovered{--pointer-events:auto;--play-btn-opacity:1;--opacity-info:1;box-shadow:inset 0 0 0 1px var(--border-accent),var(--glow-brand-soft)}.card-base.hovered .btn-play{transform:scale(1)}.card-base__poster{z-index:-1;top:0;left:0}.card-base__img,.card-base__poster{width:100%;height:100%;display:block;position:absolute}.card-base__img{-o-object-fit:cover;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out);border:none}.card-base__img.isLoaded~.card-base__poster{display:none!important}.card-base .bages{z-index:1;flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:8px;left:8px}.card-base .btn-play{transform:scale(.9)}.card-base .btn-try{font-size:var(--font-size,.75rem);font-weight:var(--font-weight,400);line-height:var(--line-height,1.3);letter-spacing:var(--letter-spacing,0);background-color:var(--bgc,var(--alpha-fade-layer-01));--padding:6px 12px;--height:2rem;--btn-border-radius:var(--radius-pill);--color:var(--game-tumb-btn-content);transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out);align-items:center;margin-right:auto;font-family:Space Grotesk,Space Grotesk fallback,Inter,sans-serif;font-weight:700;display:flex}[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{cursor:pointer;--color:var(--game-tumb-btn-content-hover);--bgc:var(--game-tumb-btn-bg-hover)}}.card-base .vue-skeletor--text{border-radius:var(--radius-m)}