@acrool/react-jackpot/dist/style.css

Jackpot list with React Component

.acrool-react-jackpot__root,.acrool-react-jackpot__root *,.acrool-react-jackpot__root *:before,.acrool-react-jackpot__root *:after{box-sizing:border-box;-webkit-box-sizing:border-box;line-height:normal;user-select:none}.acrool-react-jackpot__root{--default-jackpot-line-height: var(--jackpot-line-height, 40px);--jackpot-num-total: 20;display:flex;height:var(--default-jackpot-line-height);overflow:hidden;gap:var(--jackpot-gap, 0)}.acrool-react-jackpot__motion{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:calc(var(--default-jackpot-line-height) * var(--jackpot-num-total))}.acrool-react-jackpot__num{height:var(--default-jackpot-line-height);display:flex;align-items:center;justify-content:center;width:100%}.acrool-react-jackpot__num [data-active]{color:red}