@charset "utf-8";

.bbAiRecBetsItem { position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; padding: var(--fds-ref-spacing-large); gap: var(--fds-ref-spacing-xsmall); border: var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid) rgba(var(--b-sc),var(--fds-ref-alpha-8)); border-radius: var(--fds-ref-radius-small); background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; backdrop-filter: blur(2px); background-image: linear-gradient(223.94deg,rgba(var(--hero),var(--fds-ref-alpha-12)) .71%,rgba(var(--hero),var(--fds-ref-alpha-2)) 63.75%); overflow: hidden; }

[class*="is-mobile"] .bbAiRecBetsItem { width: 370px; min-width: 370px; }

.bbAiRecBetsItem__kit { position: absolute; inset: 0px; overflow: hidden; pointer-events: none; }

.bbAiRecBetsItem__kitBg { position: absolute; top: 0px; bottom: 0px; inset-inline-end: 10px; z-index: 0; width: 140px; object-fit: cover; opacity: 0.25; filter: blur(10px); scale: 1.2; }

[class*="is-mobile"] .bbAiRecBetsItem__kitBg { inset-inline-end: -6px; }

.bbAiRecBetsItem__kitMain { position: absolute; top: 13px; inset-inline-end: 35px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 140px; height: 140px; }

[class*="is-mobile"] .bbAiRecBetsItem__kitMain { top: 8px; inset-inline-end: 6px; width: 120px; height: 120px; }

.bbAiRecBetsItem__kitImg { width: 100%; height: 100%; object-fit: contain; }

.bbAiRecBetsItem__kitNumber { position: absolute; top: 10px; inset-inline: 0px; z-index: 1; font-family: Oswald, Montserrat, sans-serif; font-weight: 500; font-size: 52px; line-height: normal; letter-spacing: 1px; text-align: center; color: rgba(var(--static-white),var(--fds-ref-alpha-100)); -webkit-text-stroke: 4px rgba(var(--static-black),var(--fds-ref-alpha-100)); paint-order: stroke; text-shadow: 0 0 11.667px rgba(var(--static-black),.25); }

[class*="is-mobile"] .bbAiRecBetsItem__kitNumber { font-size: 46px; }

.bbAiRecBetsItem__header, .bbAiRecBetsItem__bodyWrap, .bbAiRecBetsItem__footer { position: relative; z-index: 1; }

.bbAiRecBetsItem__header { display: flex; flex-direction: column; gap: var(--fds-ref-spacing-3xsmall); padding-bottom: var(--fds-ref-spacing-xsmall); border-bottom: var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid) rgba(var(--b-sc),var(--fds-ref-alpha-12)); }

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

.bbAiRecBetsItem__meta { display: flex; align-items: center; gap: var(--fds-ref-spacing-2xsmall); color: rgba(var(--b-sc),var(--fds-ref-alpha-56)); }

.bbAiRecBetsItem__dotSep { color: rgba(var(--b-sc),var(--fds-ref-alpha-56)); line-height: 1; }

.bbAiRecBetsItem__bodyWrap { display: flex; flex: 0 0 124px; height: 124px; }

.bbAiRecBetsItem__body { flex: 1 1 0%; min-width: 0px; overflow: hidden; scrollbar-width: none; }

.bbAiRecBetsItem__body::-webkit-scrollbar { display: none; }

.bbAiRecBetsItem__body--scrollable { overflow-y: auto; }

.bbAiRecBetsItem__bodyContent { display: flex; flex-direction: column; }

.bbAiRecBetsItem__scrollTrack { position: absolute; inset-block: 0px; inset-inline-end: calc(-1 * var(--fds-ref-spacing-medium)); width: var(--fds-sem-dimension-3xsmall-nudge); }

.bbAiRecBetsItem__scrollThumb { position: absolute; inset-inline: 0px; top: 0px; border-radius: var(--fds-ref-radius-full); background: rgba(var(--b-sc),var(--fds-ref-alpha-32)); cursor: pointer; touch-action: none; }

.bbAiRecBetsItem__league { display: flex; align-items: center; gap: var(--fds-ref-spacing-2xsmall); min-width: 0px; padding: var(--fds-ref-spacing-3xsmall) 0; }

.bbAiRecBetsItem__leagueFlag { width: 18px; height: 13px; }

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

[class*="is-mobile"] .bbAiRecBetsItem__leagueName { max-width: 190px; }

.bbAiRecBetsItem__matchRow { display: flex; align-items: center; gap: var(--fds-ref-spacing-xsmall); min-width: 0px; margin-bottom: var(--fds-ref-spacing-xsmall); }

.bbAiRecBetsItem__matchIcon { width: var(--fds-sem-dimension-xsmall); height: var(--fds-sem-dimension-xsmall); flex-shrink: 0; color: rgba(var(--b-sc),var(--fds-ref-alpha-56)); }

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

[class*="is-mobile"] .bbAiRecBetsItem__match { max-width: 190px; }

[class*="is-mobile"] .bbAiRecBetsItem--noKit .bbAiRecBetsItem__leagueName, [class*="is-mobile"] .bbAiRecBetsItem--noKit .bbAiRecBetsItem__match { max-width: none; }

.bbAiRecBetsItem__markets { display: flex; flex-direction: column; list-style: none; margin: 0px; padding: 0px; }

.bbAiRecBetsItem__market { display: flex; align-items: flex-start; gap: var(--fds-ref-spacing-xsmall); }

.bbAiRecBetsItem__marketBullet { display: flex; flex-direction: column; align-items: center; align-self: stretch; width: 13px; flex-shrink: 0; }

.bbAiRecBetsItem__marketBulletDot { width: 6px; height: 6px; margin-top: var(--fds-ref-spacing-2xsmall-nudge); border-radius: var(--fds-ref-radius-full); background: rgba(var(--b-sc),var(--fds-ref-alpha-56)); flex-shrink: 0; }

.bbAiRecBetsItem__marketBulletLine { flex: 1 1 0%; width: 1px; margin-top: var(--fds-ref-spacing-2xsmall-nudge); background: rgba(var(--b-sc),var(--fds-ref-alpha-12)); }

.bbAiRecBetsItem__marketText { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--fds-ref-spacing-2xsmall); min-width: 0px; flex: 1 1 0%; padding-bottom: var(--fds-ref-spacing-xsmall); }

.bbAiRecBetsItem__marketLabel { color: rgba(var(--b-sc),var(--fds-ref-alpha-56)); font-style: italic; }

.bbAiRecBetsItem__marketValue { color: rgba(var(--b-sc),var(--fds-ref-alpha-80)); font-style: italic; }

.bbAiRecBetsItem__footer { display: flex; align-items: center; justify-content: space-between; gap: var(--fds-ref-spacing-xsmall); padding-top: var(--fds-ref-spacing-large); border-top: var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid) rgba(var(--b-sc),var(--fds-ref-alpha-12)); }

[class*="is-mobile"] .bbAiRecBetsItem__footer { flex-direction: column; align-items: stretch; gap: var(--fds-ref-spacing-small); }

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

[class*="is-mobile"] .bbAiRecBetsItem__totals { flex-direction: row; align-items: center; justify-content: space-between; gap: var(--fds-ref-spacing-xsmall); }

.bbAiRecBetsItem__total { min-width: 0px; display: flex; align-items: center; gap: var(--fds-ref-spacing-3xsmall); padding-inline: var(--fds-ref-spacing-3xsmall); }

.bbAiRecBetsItem__totalLabel { color: rgba(var(--b-sc),var(--fds-ref-alpha-56)); white-space: nowrap; }

.bbAiRecBetsItem__marketsValue { color: rgba(var(--b-sc),var(--fds-ref-alpha-100)); }

.bbAiRecBetsItem__oddsValue { color: rgba(var(--oc-2),var(--fds-ref-alpha-100)); }

.bbAiRecBetsItem__footer .bbAiRecBetsItem__addBtn { max-width: 62%; min-width: 140px; }

[class*="is-mobile"] .bbAiRecBetsItem__footer .bbAiRecBetsItem__addBtn { max-width: none; width: 100%; }

.bbAiRecBetsItem__footer .bbAiRecBetsItem__addBtn span { white-space: nowrap; }

.bbAiRecBets { position: relative; display: flex; flex-direction: column; overflow: hidden; }

[class*="is-web"] .bbAiRecBets { gap: var(--fds-ref-spacing-large); }

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

.bbAiRecBetsScroll { padding: 0 var(--fds-ref-spacing-xsmall); }