@charset "utf-8";

@-webkit-keyframes animate_text { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { transform: translate3d(-100%, 0px, 0px); }
}

@keyframes animate_text { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { transform: translate3d(-100%, 0px, 0px); }
}

@-webkit-keyframes anim-opac { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes anim-opac { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

:root { --card-color-black: var(--palette-common-black); --card-color-red: var(--palette-error-main); --classic-game-header-height: 36px; --game-page-max-width: 800px; }

.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.flash::before { animation: 1s ease 0s 1 normal both running anim-opac; position: absolute; inset: 0px; background-color: rgba(234, 201, 36, 0.5); border: 1px solid rgb(234, 201, 36); border-radius: inherit; content: " "; }

#numeric-value, .numeric-value { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; }

.positive-amount, .positive { color: rgb(34, 197, 94); }

.negative-amount, .negative { color: rgb(255, 86, 48); }

#localized-ui { display: none; width: 0px; height: 0px; }

#runner-sides .stake { font-size: 0.7rem; font-weight: 500; text-align: center; line-height: 0.7rem; white-space: nowrap; display: block; padding: 0px 0px 0px 3px; max-width: 100%; }

#runner-sides .price { display: flex; overflow: hidden; flex-direction: column; height: 100%; padding-bottom: 1px; min-width: 0px; cursor: pointer; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; border-radius: calc(0.25 * var(--spacing, 8px)); color: rgb(0, 0, 0); user-select: none; flex: 1 0 45px; white-space: nowrap; font-weight: 600; font-size: 0.8rem; text-align: center; line-height: 1.125rem; }

.MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader { font-size: 13px; letter-spacing: -0.5px; padding-right: 6px; padding-left: 6px; }

.MuiDataGrid-root .MuiDataGrid-row { font-size: 13px; letter-spacing: -0.25px; }

.MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader .MuiDataGrid-iconButtonContainer button { width: 22px; margin-right: -7px; }

.MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-columnHeader--alignRight .MuiDataGrid-iconButtonContainer button { margin-right: 0px; }

.MuiDataGrid-root .MuiDataGrid-row.BACK, .bet-row, .MuiDataGrid-root .MuiDataGrid-row.LAY, .MuiDataGrid-root .MuiDataGrid-row.BACK:hover, .MuiDataGrid-root .MuiDataGrid-row.LAY:hover, .MuiDataGrid-root .MuiDataGrid-row.BACK.Mui-selected, .MuiDataGrid-root .MuiDataGrid-row.LAY.Mui-selected { color: rgb(0, 0, 0); }

.MuiDataGrid-root .MuiDataGrid-row.BACK, .bet-row.BACK { background: rgba(141, 210, 240, 0.8); }

.MuiDataGrid-root .MuiDataGrid-row.BACK:hover, .bet-row.BACK:hover, .MuiDataGrid-root .MuiDataGrid-row.BACK.Mui-selected, .MuiDataGrid-root .MuiDataGrid-row.BACK.Mui-selected:hover { background: rgb(141, 210, 240); }

.MuiDataGrid-root .MuiDataGrid-row.LAY, .bet-row.LAY { background: rgba(254, 175, 178, 0.8); }

.MuiDataGrid-root .MuiDataGrid-row.LAY:hover, .bet-row.LAY:hover, .MuiDataGrid-root .MuiDataGrid-row.LAY.Mui-selected, .MuiDataGrid-root .MuiDataGrid-row.LAY.Mui-selected:hover { background: rgb(254, 175, 178); }

.MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell:focus { outline: none; }

#runner-sides .back .price { background: rgba(141, 210, 240, 0.6); }

#runner-sides .back .price:first-of-type { background: rgba(141, 210, 240, 0.8); }

#runner-sides .lay .price { background: rgba(254, 175, 178, 0.6); }

#runner-sides .lay .price:first-of-type { background: rgba(254, 175, 178, 0.8); }

#runner-sides .back .price:hover { background: rgb(141, 210, 240); }

#runner-sides .lay .price:hover { background: rgb(254, 175, 178); }

#runner-sides .back .price.-empty { background: rgba(141, 210, 240, 0.25); pointer-events: none; }

#runner-sides .lay .price.-empty { background: rgba(254, 175, 178, 0.25); pointer-events: none; }

#ODD_EVEN #runner-sides #price-items:first-of-type .price { background: rgba(34, 197, 94, 0.8); }

#ODD_EVEN #runner-sides #price-items:first-of-type .price:hover { background: rgb(34, 197, 94); }

#ODD_EVEN #runner-sides #price-items:first-of-type .price.-empty { background: rgba(34, 197, 94, 0.25); }

#runner-sides #price-items { flex-flow: wrap; height: 35px; overflow: hidden; max-width: 50%; width: 50%; }

#runner-sides #price-items.back { flex-direction: row-reverse; }

#runner-sides.FANCY #price-items.back, #runner-sides.BALL #price-items.back, #runner-sides.PLAYER #price-items.back, #runner-sides.OVER #price-items.back, #runner-sides.OTHER #price-items.back { flex-direction: row; }

#runner-sides.FANCY #price-items.lay, #runner-sides.BALL #price-items.lay, #runner-sides.PLAYER #price-items.lay, #runner-sides.OVER #price-items.lay, #runner-sides.OTHER #price-items.lay { flex-direction: row-reverse; }

#runner-sides { flex-flow: row; flex: 5 0 94px; position: relative; }

#runner-sides.LINE #price-items.lay { flex-direction: row-reverse; }

#runner-sides.LINE #price-items.back { flex-direction: row; }

#ODDS #runner-sides, #BOOKMAKER #runner-sides, #LINE #runner-sides { max-width: 360px; }

#LINE #runner-sides { min-width: 300px; }

#ODD_EVEN #runner-sides, #B_FANCY #runner-sides { max-width: 120px; flex: 5 0 49px; }

#FANCY #runner-sides, #BALL #runner-sides, #PLAYER #runner-sides, #OVER #runner-sides, #OTHER #runner-sides { max-width: 120px; flex: 5 0 49px; }

#overround-info #runner-sides .price { cursor: default; font-size: 14px; line-height: 1; }

#overround-info #runner-sides, #overround-info #runner-sides #price-items { height: 16px; pointer-events: none; }

#overround-info #runner-sides #price-items .h-0 { height: 0px; padding: 0px; }

#overround-info .overround-row { min-height: 32px; max-height: 32px; position: relative; }

#FANCY #runner-sides #price-items, #BALL #runner-sides #price-items, #PLAYER #runner-sides #price-items, #OVER #runner-sides #price-items, #OTHER #runner-sides #price-items { flex-wrap: wrap; height: unset; }

#FANCY #runner-sides #price-items .price, #BALL #runner-sides #price-items .price, #PLAYER #runner-sides #price-items .price, #OVER #runner-sides #price-items .price, #OTHER #runner-sides #price-items .price { height: 35px; }