.card-game{--card__w:122px;--media__bg_size:auto 90%;--media__bg_position:center bottom;--title__z:0;--title__px:8px;--title__font_size:var(--font-size-16);--title__line_height:var(--line-height-16);--play_button__w:106px;--play_button__op:1;--play_button__transition:all;--demo_button__display:none;--demo_mobile__display:flex;--provider__op:0;--provider__position:absolute;--provider__pt:0;--provider__bg:var(--general-bg-modal);--provider__radius:var(--radius-s);--provider__min_h:0;--provider-before__display:none;--provider-after__display:block;--favorite_button__op:0;--overlay__events:none;--actions__b:32px;--actions__p:var(--padding-xl) var(--padding-s);--actions__display:flex;--actions__op:1;--actions__events:auto;width:var(--card__w);border-radius:var(--radius-s);position:relative}@media (min-width:576px){.card-game{--play_button__w:102px}}@media (min-width:768px){.card-game{--demo_button__display:flex;--demo_mobile__display:none;--provider-before__display:block}}@media (min-width:800px){.card-game{--actions__p:var(--padding-m) var(--padding-l)}}@media (min-width:1024px){.card-game{--card__w:168px;--play_button__w:124px;--provider__op:1;--provider__position:relative;--provider__pt:8px;--provider__bg:none;--provider__radius:0;--provider__min_h:32px}}@media (min-width:1920px){.card-game{--card__w:248px;--actions__b:0;--title__font_size:var(--font-size-32);--title__line_height:var(--line-height-40)}}.card-game.small{--title__px:4px;--title__font_size:var(--font-size-16);--title__line_height:var(--line-height-16);--demo_button__display:none;--demo_mobile__display:flex}.card-game.placeholder{--media__bg_size:70% auto;--media__bg_position:center;--provider-before__display:none;--provider-after__display:none}.card-game.placeholder .card-game__media{animation:1.4s ease-in-out infinite card-game-placeholder}.card-game__body{cursor:pointer;display:block}.card-game__body,.card-game__media{border-radius:inherit;position:relative}.card-game__media{background:var(--neutral-700) url(../../img/logo/logo-placeholder.svg) var(--media__bg_position)/var(--media__bg_size) no-repeat;overflow:hidden}.card-game__media:before{border-radius:inherit;content:"";padding-bottom:127.42%;display:block}.card-game__provider{position:var(--provider__position);z-index:4;width:100%;min-height:var(--provider__min_h);padding-top:var(--provider__pt);background:var(--provider__bg);border-radius:var(--provider__radius);opacity:var(--provider__op);justify-content:center;align-items:center;gap:2px;transition:opacity .4s;display:flex;bottom:0;left:0}.card-game__provider.empty{--provider__op:0;--provider-before__display:none;--provider-after__display:none}.card-game__provider:before{display:var(--provider-before__display);background-image:var(--provider-before__bgi);content:"";background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;width:24px;height:24px}.card-game__provider:after{font-weight:400;font-size:var(--font-size-10);font-family:var(--family-inter),sans-serif;font-style:normal;line-height:var(--line-height-18);display:var(--provider-after__display);color:var(--typography-body01);font-weight:700;line-height:var(--line-height-14);text-align:center;content:attr(data-name);padding-inline:var(--spaces-xs)}@media (min-width:768px){.card-game__provider:after{font-weight:var(--font-weight-regular);font-size:var(--font-size-12);font-family:var(--family-inter),sans-serif;line-height:var(--line-height-16)}}.card-game__image{z-index:1;object-fit:cover;width:100%;height:100%;color:var(--white-500);font-size:inherit;border-radius:var(--radius-s);position:absolute;top:0;left:0;box-shadow:0 2px #191c25}.card-game__btn-demo{top:var(--padding-xs);left:var(--padding-xs);display:var(--demo_button__display);position:absolute}.card-game__btn-demo.mobile{display:var(--demo_mobile__display)}.card-game__overlay{z-index:3;border-radius:inherit;pointer-events:var(--overlay__events);position:absolute;top:0;bottom:0;left:0;right:0}.card-game__overlay:active{--play_button__op:.7;--play_button__transition:none}.card-game__badges{gap:var(--padding-xs);padding:var(--padding-xs);flex-direction:column;align-items:flex-start;display:flex}.card-game__actions{bottom:var(--actions__b);z-index:4;display:var(--actions__display);gap:var(--spaces-s);padding:var(--actions__p);background-color:var(--general-bg-backdrop);border-radius:calc(var(--radius-s) - 1px);opacity:var(--actions__op);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:var(--actions__events);flex-direction:column;justify-content:center;align-items:center;transition:opacity .15s ease-out;position:absolute;top:0;bottom:0;left:0;right:0}.card-game__btn-fav.buttonio{z-index:4;--animation-duration:0s;opacity:var(--favorite_button__op);pointer-events:auto;transition:none;animation:none;position:absolute;top:4px;right:4px}.card-game__btn-fav.buttonio[aria-pressed=true]{cursor:pointer;opacity:1}.card-game__title{z-index:var(--title__z);width:100%;padding-inline:var(--title__px);-webkit-line-clamp:2;color:var(--neutral-b10);font-weight:var(--font-weight-bold);font-size:var(--title__font_size);font-family:var(--family-alumni-sans);font-style:var(--font-style-italic);line-height:var(--title__line_height);text-align:center;text-transform:uppercase;overflow-wrap:anywhere;pointer-events:none;-webkit-box-orient:vertical;display:-webkit-box;position:absolute;top:40%;left:0;overflow:hidden;transform:translateY(-50%)}.card-game__btn-play{top:max(48%,40% + var(--title__line_height) + var(--spaces-s));max-width:var(--play_button__w);opacity:var(--play_button__op);transition:var(--play_button__transition);position:absolute}@media (hover:hover){.card-game:not(.placeholder):hover{--title__z:4;--provider__op:1;--favorite_button__op:1;--overlay__events:auto}.card-game:not(:hover){--actions__op:0;--actions__events:none}}@media not all and (hover:hover){.card-game{--actions__display:none}}.card-game{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-game[href]{cursor:pointer}.card-game :deep(a[href]){cursor:pointer}.card-game :deep(button:not(:disabled)){cursor:pointer}.card-game :deep(a[href] .buttonio){cursor:inherit}@keyframes card-game-placeholder{0%{opacity:1}50%{opacity:.5}to{opacity:1}}
