.card-base{align-items:flex-start;aspect-ratio:150/210;border-radius:4px;cursor:pointer;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__preview{background:no-repeat 50%/cover var(--color-emerald-2) url(../img/thumb-preview.webp);border:1px solid var(--color-emerald-5);border-radius:4px;height:100%;left:0;position:absolute;top:0;width:100%}.card-base__overlay{border:2px solid transparent;border-radius:4px;inset:1px;position:absolute;z-index:2}.card-base__img{border:1px solid transparent;border-radius:4px;display:block;height:100%;position:absolute;width:100%}.card-base__img.isLoaded{border:1px solid var(--stroke-gold)}.card-base__img.isLoaded~.card-base__overlay{border:2px solid var(--stroke-overlay)}.card-base__info{align-items:center;background:var(--bg-info,var(--gradient-game-thumb-overlay));border:2px solid var(--stroke-overlay-hover);border-radius:4px;display:flex;justify-content:center;inset:1px;opacity:var(--opacity-info,0);position:var(--position-info,absolute);transition:opacity .2s;will-change:opacity;z-index:3}@media (hover:hover){.card-base:hover{--opacity-info:1}}.card-base .btn-try{bottom:12px;position:absolute}.card-base .btn-play{align-items:center;aspect-ratio:56/56;display:flex;justify-content:center;position:relative;width:50%}.card-base .btn-play .icon{--color:var(--icon-on_light_gold);--icon-size:45%}.card-base .btn-play__overlay-hover{background:var(--gradient-button-primary-hover)}.card-base .btn-play__overlay,.card-base .btn-play__overlay-hover{border-radius:4px;content:"";display:block;inset:0;position:absolute}.card-base .btn-play__overlay{background:var(--gradient-button-primary);transition:opacity .2s}.card-base .btn-play:before{border:2px solid hsla(0,0%,100%,.2);border-radius:4px;content:"";display:block;inset:0;position:absolute;z-index:2}@media (hover:hover){.card-base .btn-play:hover .btn-play__overlay{opacity:0}}.card-base .btn-play .icon{z-index:3}.card-base__label{position:absolute;right:0;top:0;transform:translate(-1px,1px);z-index:1;--icon-size:40px;border-top-right-radius:4px}