/* Variation catalog card shell and layout. */

  .games-empty.is-hidden {
    display: none;
  }

  .variation-card {
    --vk-card-variation-pad-top: 13px;
    --vk-card-variation-pad-bottom: 12px;
    --vk-card-preview-size: 158px;
    --vk-card-preview-dock-slot-height: 25px;
    --vk-card-preview-stack-height: calc(var(--vk-card-preview-size) + var(--vk-card-preview-dock-slot-height));
    width: auto;
    min-width: var(--vk-card-variation-min-width);
    max-width: var(--vk-card-variation-max-width);
    height: calc(
      var(--vk-card-preview-stack-height) +
      var(--vk-card-variation-pad-top) +
      var(--vk-card-variation-pad-bottom)
    );
  }

  .variation-card-surface {
    position: absolute;
    inset: 0;
    height: 100%;
    min-height: 0;
    padding: var(--vk-card-variation-pad-top) 10px var(--vk-card-variation-pad-bottom);
    box-sizing: border-box;
    overflow: hidden;
    background: transparent;
    transition: background-color 180ms ease;
  }

  .variation-card-surface > * {
    pointer-events: none;
  }

  .variation-card-normal {
    display: grid;
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    grid-template-columns: 164px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    grid-template-areas: "preview info";
    column-gap: 14px;
    align-items: stretch;
    cursor: pointer;
  }