:host { --height-small: 70px; --height-medium: 82px; --border-radius: 12px; }
.tabbed-games-thumbnail { border-radius: var(--border-radius); background-color: var(--fds-surface-accent, var(--primary-interaction-low)); display: flex; position: relative; overflow: hidden; align-items: center; gap: var(--fds-spacing-100); padding: var(--fds-spacing-050); margin: var(--fds-spacing-100) var(--fds-spacing-150) 0 0; }
.tabbed-games-thumbnail.last-played { background-color: var(--fds-alternate-surface, var(--alternate-surface)); outline: 1px solid var(--fds-on-alternate-surface-ulow); outline-offset: -1px; }
.tabbed-games-thumbnail .link { width: 100%; height: 100%; position: absolute; z-index: 1; }
.tabbed-games-thumbnail-img { min-height: 78px; min-width: 78px; object-fit: cover; display: flex; flex-direction: column; align-items: flex-start; flex-shrink: 0; }
.tabbed-games-thumbnail .tabbed-games-thumbnail-img, .tabbed-games-thumbnail .tabbed-games-thumbnail-img img { border-radius: var(--fds-spacing-100); }
.tabbed-games-thumbnail-content p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: inherit; }
.tabbed-games-thumbnail-text a { flex: 1 1 0%; width: 100%; max-width: 190px; font: var(--fds-paragraphs-small-bold, var(--paragraphs-small-bold)); }
.tabbed-games-thumbnail-title { margin: 0px; color: var(--fds-on-surface-hi, var(--on-surface-hi)); font: var(--fds-paragraphs-regular-bold, var(--paragraphs-regular-bold)); }
.tabbed-games-thumbnail-subtitle { margin: 0px; color: var(--fds-on-surface-m, var(--on-surface-m)); font: var(--fds-paragraphs-small, var(--paragraphs-small)); }
.tabbed-games-thumbnail-subsubtitle { margin: 0px; color: var(--fds-on-surface-hi, var(--on-surface-hi)); font: var(--fds-paragraphs-regular, var(--paragraphs-regular)); }
.tabbed-games-thumbnail-subsubtitle.tabbed-games-thumbnail-amount { font: var(--fds-headline-tiny, var(--paragraphs-small-bold)); color: var(--fds-on-surface-color, var(--on-surface-color)); }
.tabbed-games-thumbnail.last-played .tabbed-games-thumbnail-title { color: var(--fds-on-alternate-surface-hi, var(--on-alternate-surface-hi)); }
.tabbed-games-thumbnail.last-played .tabbed-games-thumbnail-subtitle, .tabbed-games-thumbnail.last-played .tabbed-games-thumbnail-subsubtitle { color: var(--fds-on-alternate-surface-m, var(--on-alternate-surface-m)); }
.tabbed-games-thumbnail.small { width: 210px; height: var(--height-small); padding: 0px; align-items: start; }
.tabbed-games-thumbnail.small .tabbed-games-thumbnail-img, .tabbed-games-thumbnail.small .tabbed-games-thumbnail-img img { width: var(--height-small); border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); }
.tabbed-games-thumbnail.small .tabbed-games-thumbnail-content { display: flex; flex-direction: column; align-self: stretch; gap: var(--fds-spacing-050); flex: 1 0 0px; padding: var(--fds-spacing-200) var(--fds-spacing-150); }
.tabbed-games-thumbnail.last-played.small .continue-link { width: 24px; height: var(--height-small); margin: 0px; padding: 0px; border-radius: 0px; }
.tabbed-games-thumbnail.medium { width: 242px; height: var(--height-medium); }
.tabbed-games-thumbnail.medium .tabbed-games-thumbnail-content { max-width: 140px; }
.tabbed-games-thumbnail.medium .tabbed-games-thumbnail-content > * { max-width: inherit; }
.tabbed-games-thumbnail.medium.last-played .tabbed-games-thumbnail-title { color: var(--fds-on-alternate-surface-hi, var(--on-alternate-surface-hi)); margin-bottom: 0px; }
.tabbed-games-thumbnail.medium.last-played .tabbed-games-thumbnail-subtitle { color: var(--fds-on-alternate-surface-m, var(--on-alternate-surface-m)); margin: 0px 0px 3px; }
.tabbed-games-thumbnail.medium .tabbed-games-thumbnail-img, .tabbed-games-thumbnail.medium .tabbed-games-thumbnail-img img { width: var(--height-medium); }
.tabbed-games-thumbnail.medium .tabbed-games-thumbnail-content { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; align-self: stretch; flex: 1 0 0px; }
.tabbed-games-thumbnail.medium .tabbed-games-thumbnail-content .tabbed-games-thumbnail-text, .tabbed-games-thumbnail.medium .tabbed-games-thumbnail-content .tabbed-games-thumbnail-info { flex: 1 0 0px; padding: 0 var(--fds-spacing-050); }
.tabbed-games-thumbnail.medium .tabbed-games-thumbnail-info { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; gap: 2px; }
.tabbed-games-thumbnail.medium .tabbed-games-thumbnail-subtitle { opacity: 0.75; margin: 0px; }
.tabbed-games-thumbnail.medium:not(.last-played) .tabbed-games-thumbnail-content { gap: var(--fds-spacing-100); padding: var(--fds-spacing-100) var(--fds-spacing-050) var(--fds-spacing-100) 0; }
.tabbed-games-thumbnail.medium.last-played .tabbed-games-thumbnail-content { gap: 0px; padding: var(--fds-spacing-050) var(--fds-spacing-050) var(--fds-spacing-050) 0; }
.tabbed-games-thumbnail.medium.last-played .continue-link { min-width: 148px; padding: 0 var(--fds-spacing-150); margin-top: var(--fds-spacing-050); border-radius: var(--fds-spacing-050); }