@charset "utf-8";

.sportMiniGame { width: 100%; margin-block: var(--fds-ref-spacing-medium); }

[class*="is-mobile"] .sportMiniGame { padding: 0 var(--fds-ref-spacing-xsmall); }

.sportMiniGame .sportMiniGameFrame { display: block; width: 100%; border: 0px; border-radius: var(--fds-ref-radius-xsmall); }

.sportMiniGame .sportMiniGameBanner { position: relative; display: flex; align-items: center; gap: var(--fds-ref-spacing-medium); padding: var(--fds-ref-spacing-xsmall); overflow: hidden; border: var(--fds-ref-border-width-thin) solid rgba(var(--b-sc),var(--fds-ref-alpha-8)); border-radius: var(--fds-ref-radius-xsmall); background-image: linear-gradient(168.99deg, rgba(4, 103, 68, 0.32) 3.73%, rgba(4, 103, 68, 0) 47.55%); cursor: pointer; }

.sportMiniGame .sportMiniGameBackdrop { position: absolute; top: -40px; right: -20px; width: 137px; height: 137px; transform: rotate(-23.95deg); filter: blur(4px); opacity: 0.2; pointer-events: none; z-index: 0; }

.sportMiniGame .sportMiniGameBackdrop .sportMiniGameBackdropImage { width: 100%; height: 100%; object-fit: cover; }

.sportMiniGame .sportMiniGameThumb { position: relative; z-index: 1; flex-shrink: 0; width: 79px; height: 56px; overflow: hidden; border-radius: var(--fds-ref-radius-2xsmall); }

.sportMiniGame .sportMiniGameThumb .sportMiniGameThumbImage { width: 100%; height: 100%; object-fit: cover; }

.sportMiniGame .sportMiniGameInfo { position: relative; z-index: 1; display: flex; flex: 1 1 0px; min-width: 0px; align-items: center; justify-content: space-between; gap: var(--fds-ref-spacing-medium); }

.sportMiniGame .sportMiniGameTitles { display: flex; flex-direction: column; justify-content: center; gap: var(--fds-ref-spacing-3xsmall); min-width: 0px; }

.sportMiniGame .sportMiniGameName { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; color: rgba(var(--b-sc),var(--fds-ref-alpha-100)); }

.sportMiniGame .sportMiniGameProvider { color: rgba(var(--b-sc),var(--fds-ref-alpha-64)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.sportMiniGame .sportMiniGamePlayBtn { flex-shrink: 0; }