:root{--lotto-number-width:48px;--lotto-number-height:48px;--lotto-bg-height:480px;--lotto-number-bg-size:400%;--spin-loops:10;--spin-duration:10s}@layer components{.lotto-number{--bg-x:calc(var(--lotto-number-width)*-1);height:var(--lotto-number-height);width:var(--lotto-number-width);background-image:url(../../../img/numeric.webp);background-size:var(--lotto-number-bg-size);background-position-x:var(--bg-x);will-change:background-position-y;background-position-y:0;overflow:hidden;box-shadow:inset 0 5px 6px #0003,inset 0 -5px 6px #0003}:is(.dark .lotto-number){--bg-x:calc(var(--lotto-number-width)*-3);box-shadow:inset 0 8px 8px #00000080,inset 0 -8px 8px #00000080}.roll{animation-duration:var(--spin-duration);animation-timing-function:cubic-bezier(.25,1,.5,1);animation-fill-mode:forwards}.stand-by{--bg-x:0;background-position-y:0}:is(.dark .stand-by){--bg-x:calc(var(--lotto-number-width)*-2)}.num-0{animation-name:num-0}.num-1{animation-name:num-1}.num-2{animation-name:num-2}.num-3{animation-name:num-3}.num-4{animation-name:num-4}.num-5{animation-name:num-5}.num-6{animation-name:num-6}.num-7{animation-name:num-7}.num-8{animation-name:num-8}.num-9{animation-name:num-9}}@keyframes num-0{0%{background-position-y:0}to{background-position-y:calc((var(--lotto-bg-height)*var(--spin-loops)) + (var(--lotto-number-height)*0))}}@keyframes num-1{0%{background-position-y:0}to{background-position-y:calc((var(--lotto-bg-height)*var(--spin-loops)) + (var(--lotto-number-height)*-1))}}@keyframes num-2{0%{background-position-y:0}to{background-position-y:calc((var(--lotto-bg-height)*var(--spin-loops)) + (var(--lotto-number-height)*-2))}}@keyframes num-3{0%{background-position-y:0}to{background-position-y:calc((var(--lotto-bg-height)*var(--spin-loops)) + (var(--lotto-number-height)*-3))}}@keyframes num-4{0%{background-position-y:0}to{background-position-y:calc((var(--lotto-bg-height)*var(--spin-loops)) + (var(--lotto-number-height)*-4))}}@keyframes num-5{0%{background-position-y:0}to{background-position-y:calc((var(--lotto-bg-height)*var(--spin-loops)) + (var(--lotto-number-height)*-5))}}@keyframes num-6{0%{background-position-y:0}to{background-position-y:calc((var(--lotto-bg-height)*var(--spin-loops)) + (var(--lotto-number-height)*-6))}}@keyframes num-7{0%{background-position-y:0}to{background-position-y:calc((var(--lotto-bg-height)*var(--spin-loops)) + (var(--lotto-number-height)*-7))}}@keyframes num-8{0%{background-position-y:0}to{background-position-y:calc((var(--lotto-bg-height)*var(--spin-loops)) + (var(--lotto-number-height)*-8))}}@keyframes num-9{0%{background-position-y:0}to{background-position-y:calc((var(--lotto-bg-height)*var(--spin-loops)) + (var(--lotto-number-height)*-9))}}