[_nghost-ng-c4022715135] { position: relative; 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)); }
.rate-up[_nghost-ng-c4022715135] { padding-right: 0.313rem; }
.rate-up[_nghost-ng-c4022715135]::before { position: absolute; top: 0px; right: 0px; z-index: 1; height: 0px; content: var(--tw-content); width: 0px; }
.rate-up[_nghost-ng-c4022715135]::before { animation: 1s ease 0s 5 normal none running _ngcontent-ng-c4022715135_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[_nghost-ng-c4022715135] { padding-right: 0.313rem; }
.rate-down[_nghost-ng-c4022715135]::after { position: absolute; bottom: 0px; right: 0px; z-index: 1; height: 0px; content: var(--tw-content); width: 0px; }
@keyframes _ngcontent-ng-c4022715135_rateChange { 
  0% { content: var(--tw-content); opacity: 0; }
  50% { content: var(--tw-content); opacity: 1; }
  100% { content: var(--tw-content); opacity: 0; }
}
.rate-down[_nghost-ng-c4022715135]::after { animation: 1s ease 0s 5 normal none running _ngcontent-ng-c4022715135_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); }
.negative-odds[_ngcontent-ng-c4022715135] { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); }
.bet-btn.active[_nghost-ng-c4022715135], .bet-btn.active [_nghost-ng-c4022715135] { --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); }
.betslip .coupon[_nghost-ng-c4022715135], .betslip .coupon [_nghost-ng-c4022715135] { display: flex; height: 1.5rem; align-items: center; }
.betslip .coupon.rate-up[_nghost-ng-c4022715135], .betslip .coupon .rate-up[_nghost-ng-c4022715135] { display: flex; height: 1.5rem; align-items: center; justify-content: space-between; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); background-color: rgba(34, 197, 94, 0.05); padding-left: 0.25rem; padding-right: 0.25rem; }
.betslip .coupon.rate-up[_nghost-ng-c4022715135]::before, .betslip .coupon .rate-up[_nghost-ng-c4022715135]::before { position: relative; margin-right: 0.188rem; height: 1rem; width: 1rem; border-width: 0px; 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; }
.betslip .coupon.rate-down[_nghost-ng-c4022715135], .betslip .coupon .rate-down[_nghost-ng-c4022715135] { display: flex; height: 1.5rem; align-items: center; justify-content: space-between; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(220 38 38 / var(--tw-border-opacity, 1)); background-color: rgba(220, 38, 38, 0.05); padding-left: 0.25rem; padding-right: 0.25rem; }
.betslip .coupon.rate-down[_nghost-ng-c4022715135]::after, .betslip .coupon .rate-down[_nghost-ng-c4022715135]::after { position: relative; border-width: 0px; }
.betslip .coupon.rate-down[_nghost-ng-c4022715135]::before, .betslip .coupon .rate-down[_nghost-ng-c4022715135]::before { position: relative; margin-right: 0.188rem; height: 1rem; width: 1rem; }
@keyframes _ngcontent-ng-c4022715135_rateChange { 
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
.betslip .coupon.rate-down[_nghost-ng-c4022715135]::before, .betslip .coupon .rate-down[_nghost-ng-c4022715135]::before { animation: 1s ease 0s 5 normal none running _ngcontent-ng-c4022715135_rateChange; border-width: 0px; background-color: currentcolor; --tw-text-opacity: 1; color: rgb(220 38 38 / 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='M16 7L12 11L8 7M4 10L12 18L20 10' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") center center / contain no-repeat; }