[_nghost-ng-c2742709618] { flex: 1 1 0%; overflow: hidden; }
[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] { position: relative; display: flex; min-height: 2.625rem; width: 100%; flex-direction: column; place-content: center; align-items: center; border-radius: 0.25rem; background-color: hsl(var(--tertiary-400) / .25); text-align: center; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.2s; }
@media (min-width: 1024px) {
  [_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] { height: 2.875rem; }
}
[_nghost-ng-c2742709618] .bet-btn.active[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.playing[_ngcontent-ng-c2742709618] { --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); }
[_nghost-ng-c2742709618] .bet-btn.active[_ngcontent-ng-c2742709618] .bet-rate[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.active[_ngcontent-ng-c2742709618] .bet-text[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.playing[_ngcontent-ng-c2742709618] .bet-rate[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.playing[_ngcontent-ng-c2742709618] .bet-text[_ngcontent-ng-c2742709618] { --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); }
@media (min-width: 1024px) {
  [_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618]:not(:disabled):hover { --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); }
  [_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618]:not(:disabled):hover .bet-rate[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618]:not(:disabled):hover .bet-locked[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618]:not(:disabled):hover .bet-text[_ngcontent-ng-c2742709618] { --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); }
}
[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] .bet-rate[_ngcontent-ng-c2742709618] { font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); }
[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] .bet-text[_ngcontent-ng-c2742709618] { display: inline-grid; padding-left: 0.125rem; padding-right: 0.125rem; font-size: 0.625rem; font-weight: 600; text-transform: capitalize; line-height: normal; color: hsl(var(--tertiary-900) / .6); }
[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] .bet-text[_ngcontent-ng-c2742709618] span[_ngcontent-ng-c2742709618] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] .bet-locked[_ngcontent-ng-c2742709618] { margin-left: 0.125rem; margin-right: 0.125rem; height: 0.75rem; width: 0.75rem; }
[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] .bet-playing[_ngcontent-ng-c2742709618] { display: inline-grid; padding-left: 0.125rem; padding-right: 0.125rem; font-size: 0.625rem; font-weight: 600; text-transform: capitalize; line-height: normal; --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); }
[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] .bet-playing[_ngcontent-ng-c2742709618] span[_ngcontent-ng-c2742709618] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] .slip-text[_ngcontent-ng-c2742709618] { margin-right: 0.5rem; display: none; font-size: 0.875rem; font-weight: 600; line-height: normal; color: hsl(var(--tertiary-950) / .7); }
[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] .panda-content[_ngcontent-ng-c2742709618] { display: flex; width: 100%; justify-content: space-between; padding-left: 0.125rem; padding-right: 0.125rem; }
[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] .icon[_ngcontent-ng-c2742709618] { height: 1rem; width: 1rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); }
@media (min-width: 1024px) {
  [_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618]:has(.locked):hover { background-color: hsl(var(--tertiary-400) / .15); }
}
[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] .locked[_ngcontent-ng-c2742709618] { cursor: default; }
[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] .bet-rate-content[_ngcontent-ng-c2742709618] { display: flex; align-items: flex-start; justify-content: center; }
[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618]:disabled .bet-rate[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618]:disabled .bet-locked[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618]:disabled .bet-text[_ngcontent-ng-c2742709618] { color: hsl(var(--tertiary-800) / .4); }
[_nghost-ng-c2742709618] .bet-btn.odd-disabled[_ngcontent-ng-c2742709618] { opacity: 0.5; }
[_nghost-ng-c2742709618] .bet-btn.odd-disabled[_ngcontent-ng-c2742709618] .bet-rate[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.odd-disabled[_ngcontent-ng-c2742709618] .bet-locked[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.odd-disabled[_ngcontent-ng-c2742709618] .bet-text[_ngcontent-ng-c2742709618] { color: hsl(var(--tertiary-800) / .4); }
[_nghost-ng-c2742709618] .bet-btn.color-scheme-2[_ngcontent-ng-c2742709618] { --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); }
[_nghost-ng-c2742709618] .bet-btn.color-scheme-2[_ngcontent-ng-c2742709618] .bet-rate[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.color-scheme-2[_ngcontent-ng-c2742709618] .bet-locked[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.color-scheme-2[_ngcontent-ng-c2742709618] .bet-text[_ngcontent-ng-c2742709618] { --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); }
[_nghost-ng-c2742709618] .bet-btn.color-scheme-2.active[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.color-scheme-2[_ngcontent-ng-c2742709618]:hover { --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); }
[_nghost-ng-c2742709618] .bet-btn.color-scheme-2.active[_ngcontent-ng-c2742709618] .bet-rate[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.color-scheme-2.active[_ngcontent-ng-c2742709618] .bet-locked[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.color-scheme-2.active[_ngcontent-ng-c2742709618] .bet-text[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.color-scheme-2[_ngcontent-ng-c2742709618]:hover .bet-rate[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.color-scheme-2[_ngcontent-ng-c2742709618]:hover .bet-locked[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.color-scheme-2[_ngcontent-ng-c2742709618]:hover .bet-text[_ngcontent-ng-c2742709618] { --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); }
[_nghost-ng-c2742709618] .bet-btn.color-scheme-3[_ngcontent-ng-c2742709618] { --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); }
[_nghost-ng-c2742709618] .bet-btn.color-scheme-3[_ngcontent-ng-c2742709618] .bet-rate[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.color-scheme-3[_ngcontent-ng-c2742709618] .bet-locked[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.color-scheme-3[_ngcontent-ng-c2742709618] .bet-text[_ngcontent-ng-c2742709618] { --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); }
[_nghost-ng-c2742709618] .bet-btn.color-scheme-3.active[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.color-scheme-3[_ngcontent-ng-c2742709618]:hover { --tw-bg-opacity: 1; background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); }
[_nghost-ng-c2742709618] .bet-btn.color-scheme-3.active[_ngcontent-ng-c2742709618] .bet-rate[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.color-scheme-3.active[_ngcontent-ng-c2742709618] .bet-locked[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.color-scheme-3.active[_ngcontent-ng-c2742709618] .bet-text[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.color-scheme-3[_ngcontent-ng-c2742709618]:hover .bet-rate[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.color-scheme-3[_ngcontent-ng-c2742709618]:hover .bet-locked[_ngcontent-ng-c2742709618], [_nghost-ng-c2742709618] .bet-btn.color-scheme-3[_ngcontent-ng-c2742709618]:hover .bet-text[_ngcontent-ng-c2742709618] { --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); }
.fixture-detail-collapse [_nghost-ng-c2742709618] { flex: 0 0 auto; }
.rate-up[_ngcontent-ng-c2742709618]::before { position: absolute; top: 0.188rem; right: 0.188rem; z-index: 1; height: 0px; content: var(--tw-content); width: 0px; }
.rate-up[_ngcontent-ng-c2742709618]::before { animation: 1s ease 0s 5 normal none running _ngcontent-ng-c2742709618_rateChange; border-top-width: 8px; border-left-width: 8px; --tw-border-opacity: 1; border-top-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); border-left-color: transparent; --tw-content: ""; content: var(--tw-content); }
.rate-down[_ngcontent-ng-c2742709618]::after { position: absolute; bottom: 0.188rem; right: 0.188rem; z-index: 1; height: 0px; content: var(--tw-content); width: 0px; }
@keyframes _ngcontent-ng-c2742709618_rateChange { 
  0% { content: var(--tw-content); opacity: 0; }
  50% { content: var(--tw-content); opacity: 1; }
  100% { content: var(--tw-content); opacity: 0; }
}
.rate-down[_ngcontent-ng-c2742709618]::after { animation: 1s ease 0s 5 normal none running _ngcontent-ng-c2742709618_rateChange; border-bottom-width: 8px; border-left-width: 8px; --tw-border-opacity: 1; border-bottom-color: rgb(220 38 38 / var(--tw-border-opacity, 1)); border-left-color: transparent; --tw-content: ""; content: var(--tw-content); }
.compact-view-btn[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618], .compact-view-btn [_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] { flex-direction: column-reverse; }
.fixture-panda-view-btg[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618], .fixture-panda-view-btg [_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] { height: 100%; }
.custom-market .custom-market-content[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618], .custom-market .custom-market-content [_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] { height: 2.625rem; width: 3.25rem; min-width: 3.25rem; }
@media (min-width: 1024px) {
  .custom-market .custom-market-content[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618], .custom-market .custom-market-content [_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] { width: 7.5rem; min-width: 7.5rem; }
}
.custom-market .custom-market-content[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] .bet-text[_ngcontent-ng-c2742709618], .custom-market .custom-market-content [_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] .bet-text[_ngcontent-ng-c2742709618] { display: none; }
.popular-odds[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618], .popular-odds [_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] { height: 2.625rem; width: 6.25rem; min-width: 6.25rem; }
.popular-odds[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] .bet-text[_ngcontent-ng-c2742709618], .popular-odds [_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] .bet-text[_ngcontent-ng-c2742709618] { display: none; }
.fixture-betradar-races-hide-text-btn[_nghost-ng-c2742709618] .bet-text[_ngcontent-ng-c2742709618], .fixture-betradar-races-hide-text-btn [_nghost-ng-c2742709618] .bet-text[_ngcontent-ng-c2742709618] { display: none !important; }
@media (min-width: 1024px) {
  .custom-odds-boost.bet-btn[_ngcontent-ng-c2742709618]:hover .bet-rate[_ngcontent-ng-c2742709618]::before { --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); }
}
.custom-odds-boost.bet-btn.active[_ngcontent-ng-c2742709618] .bet-rate[_ngcontent-ng-c2742709618]::before { --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); }
.custom-odds-boost.bet-btn[_ngcontent-ng-c2742709618] .bet-text[_ngcontent-ng-c2742709618] { display: none; }
.custom-odds-boost.bet-btn[_ngcontent-ng-c2742709618] .bet-rate[_ngcontent-ng-c2742709618] { display: flex; align-items: center; }
.custom-odds-boost.bet-btn[_ngcontent-ng-c2742709618] .bet-rate[_ngcontent-ng-c2742709618]::before { margin-right: 0.25rem; height: 1rem; width: 1rem; background-color: currentcolor; --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); --tw-content: ""; content: var(--tw-content); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 14L12 6L20 14M8 16.9998L12 12.9998L16 16.9998' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") center center / contain no-repeat; }
.custom-event[_nghost-ng-c2742709618] .custom-odds-boost.bet-btn[_ngcontent-ng-c2742709618] .bet-rate[_ngcontent-ng-c2742709618]::before, .custom-event [_nghost-ng-c2742709618] .custom-odds-boost.bet-btn[_ngcontent-ng-c2742709618] .bet-rate[_ngcontent-ng-c2742709618]::before { display: none; }
.custom-event .builder-view[_nghost-ng-c2742709618] .custom-odds-boost.bet-btn[_ngcontent-ng-c2742709618], .custom-event .builder-view [_nghost-ng-c2742709618] .custom-odds-boost.bet-btn[_ngcontent-ng-c2742709618], .custom-event .regular-view[_nghost-ng-c2742709618] .custom-odds-boost.bet-btn[_ngcontent-ng-c2742709618], .custom-event .regular-view [_nghost-ng-c2742709618] .custom-odds-boost.bet-btn[_ngcontent-ng-c2742709618] { flex-direction: row; align-items: center; justify-content: space-between; padding-left: 0.75rem; padding-right: 0.75rem; }
.custom-event .builder-view[_nghost-ng-c2742709618] .custom-odds-boost.bet-btn[_ngcontent-ng-c2742709618] .slip-text[_ngcontent-ng-c2742709618], .custom-event .builder-view [_nghost-ng-c2742709618] .custom-odds-boost.bet-btn[_ngcontent-ng-c2742709618] .slip-text[_ngcontent-ng-c2742709618], .custom-event .regular-view[_nghost-ng-c2742709618] .custom-odds-boost.bet-btn[_ngcontent-ng-c2742709618] .slip-text[_ngcontent-ng-c2742709618], .custom-event .regular-view [_nghost-ng-c2742709618] .custom-odds-boost.bet-btn[_ngcontent-ng-c2742709618] .slip-text[_ngcontent-ng-c2742709618] { display: block; }
@media (min-width: 1024px) {
  .custom-event .builder-view[_nghost-ng-c2742709618] .custom-odds-boost.bet-btn[_ngcontent-ng-c2742709618]:hover .slip-text[_ngcontent-ng-c2742709618], .custom-event .builder-view [_nghost-ng-c2742709618] .custom-odds-boost.bet-btn[_ngcontent-ng-c2742709618]:hover .slip-text[_ngcontent-ng-c2742709618], .custom-event .regular-view[_nghost-ng-c2742709618] .custom-odds-boost.bet-btn[_ngcontent-ng-c2742709618]:hover .slip-text[_ngcontent-ng-c2742709618], .custom-event .regular-view [_nghost-ng-c2742709618] .custom-odds-boost.bet-btn[_ngcontent-ng-c2742709618]:hover .slip-text[_ngcontent-ng-c2742709618] { --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); }
}
.custom-event .builder-view[_nghost-ng-c2742709618] .custom-odds-boost.bet-btn.active[_ngcontent-ng-c2742709618] .slip-text[_ngcontent-ng-c2742709618], .custom-event .builder-view [_nghost-ng-c2742709618] .custom-odds-boost.bet-btn.active[_ngcontent-ng-c2742709618] .slip-text[_ngcontent-ng-c2742709618], .custom-event .regular-view[_nghost-ng-c2742709618] .custom-odds-boost.bet-btn.active[_ngcontent-ng-c2742709618] .slip-text[_ngcontent-ng-c2742709618], .custom-event .regular-view [_nghost-ng-c2742709618] .custom-odds-boost.bet-btn.active[_ngcontent-ng-c2742709618] .slip-text[_ngcontent-ng-c2742709618] { --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); }
@media (min-width: 1536px) {
  .news-carousel-fixtures[_nghost-ng-c2742709618], .news-carousel-fixtures [_nghost-ng-c2742709618] { flex: 0 0 auto; }
}
.news-carousel-fixtures[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618], .news-carousel-fixtures [_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); }
@media (min-width: 1536px) {
  .news-carousel-fixtures[_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618], .news-carousel-fixtures [_nghost-ng-c2742709618] .bet-btn[_ngcontent-ng-c2742709618] { min-width: 250px; }
}