:host {
  display: block;

  .sk-game {
    display: flex;
    align-items: center;
    gap: var(--sk-gap-l);
    padding: var(--sk-gap-l);
    border-radius: var(--sk-br-m);
    transition: 0.1s ease;
    opacity: 0.5;
    cursor: pointer;

    &:hover {
      opacity: 1;
      background-color: rgba(255, 255, 255, 0.05);
    }

    .sk-game-info {
      flex: 1;
    }
  }

  &.active {

    .sk-game {
      opacity: 1;
      background-color: rgba(255, 255, 255, 0.1);
    }
  }
}