:host{color:var(--fds-on-primary);font:var(--fds-paragraphs-small-bold);line-height:16px}img{height:auto;-o-object-fit:cover;object-fit:cover;width:100%}fabric-icons-icon{color:var(--fds-on-alternate-surface-color,var(--fds-primary))}.lobby-game-thumbnail{background:var(--fds-alternate-surface,var(--fds-primary));border-radius:var(--fds-round-const-container-reg);display:flex;position:relative;box-sizing:border-box;overflow:hidden;border:1px solid var(--fds-on-alternate-surface-ulow);padding:var(--fds-spacing-const-density-compact)}.lobby-game-thumbnail a{-webkit-text-decoration:none;text-decoration:none}.lobby-game-thumbnail-game-link{-webkit-text-decoration:none;text-decoration:none;color:currentColor;color:var(--fds-on-alternate-surface-hi,currentColor)}.lobby-game-thumbnail-info{align-items:flex-start;display:flex;flex-direction:column;gap:var(--fds-spacing-const-ui-gap);white-space:nowrap;text-align:left}.lobby-thumbnail-image{border-radius:var(--fds-round-const-media-thumb-sm)}.lobby-game-thumbnail-info-title{font:var(--fds-paragraphs-small-bold);overflow:hidden;text-overflow:ellipsis}.lobby-game-thumbnail-info-provider{font:var(--fds-paragraphs-small);color:currentColor;color:var(--fds-on-alternate-surface-color-m,currentColor);overflow:hidden;text-overflow:ellipsis}:host(.xsmall) .lobby-game-thumbnail{align-items:flex-end;height:108px;width:270px;gap:var(--fds-spacing-const-gap-h-pattern)}:host(.xsmall) .lobby-thumbnail-image{align-self:stretch;flex-grow:1;height:100px;width:100px}:host(.xsmall) .lobby-game-thumbnail-info{padding:var(--fds-spacing-const-density-reg)0}:host(.xsmall) .lobby-game-thumbnail-info-title{height:16px;width:136px}:host(.xsmall) .lobby-game-thumbnail-info-provider{height:16px;width:136px}:host(.small) .lobby-game-thumbnail{align-items:flex-start;flex-direction:column;gap:var(--fds-spacing-050);width:166px}:host(.small) .lobby-thumbnail-image{align-self:stretch;height:158px;width:158px}:host(.medium) .lobby-game-thumbnail{align-items:flex-start;flex-direction:column;gap:var(--fds-spacing-050);width:204px}:host(.medium) .lobby-thumbnail-image{align-self:stretch;height:196px;width:196px}:host(.small) .lobby-game-thumbnail-info{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:var(--fds-spacing-const-ui-gap);padding:var(--fds-spacing-const-density-reg)}:host(.medium) .lobby-game-thumbnail-info{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:var(--fds-spacing-const-ui-gap);padding:var(--fds-spacing-const-density-reg)}:host(.large) .lobby-game-thumbnail-info{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:var(--fds-spacing-const-ui-gap);padding:var(--fds-spacing-const-density-reg)}:host(.small) fabric-icons-icon{order:0;flex:0 0 auto}:host(.medium) fabric-icons-icon{order:0;flex:0 0 auto}:host(.large) fabric-icons-icon{order:0;flex:0 0 auto}:host(.small) .lobby-game-thumbnail-info-title{order:1;flex:1 1 80%}:host(.medium) .lobby-game-thumbnail-info-title{order:1;flex:1 1 80%}:host(.large) .lobby-game-thumbnail-info-title{order:1;flex:1 1 80%}:host(.small) .lobby-game-thumbnail-info-provider{order:2;flex:0 0 100%}:host(.medium) .lobby-game-thumbnail-info-provider{order:2;flex:0 0 100%}:host(.large) .lobby-game-thumbnail-info-provider{order:2;flex:0 0 100%}:host(.large) .lobby-game-thumbnail{align-items:flex-start;flex-direction:column;gap:var(--fds-spacing-050);width:337px;border-radius:var(--fds-round-const-container-lg)}:host(.large) .lobby-thumbnail-image{align-self:stretch;height:329px;width:329px;border-radius:var(--fds-round-const-media-thumb-reg)}