.jackpot-banner{--border-radius:16px;--padding:24px;--padding-bottom:16px;--title-font-size:64px;background-color:var(--background-color);overflow:hidden;padding:var(--padding);padding-bottom:var(--padding-bottom);position:relative;width:100%}.jackpot-banner,.jackpot-banner--cold{--background-color:#105266;--payout-color:#7cfa88;--button-text-color:#fff;--button-color:#e45809;--overlay-background-color:#09e41f}.jackpot-banner--warm{--background-color:#e45809;--payout-color:#f6da24;--button-text-color:#161d37;--button-color:#f6da24;--overlay-background-color:#f6da24}.jackpot-banner--hot{--background-color:#421565;--payout-color:#f44;--button-text-color:#fff;--button-color:#f44;--overlay-background-color:#f44}.jackpot-banner--hot .jackpot-banner__overlay{animation:flash-overlay-opacity 1.2s ease-in-out infinite alternate}.jackpot-banner--medium{--border-radius:12px;--padding:16px;--padding-bottom:10px;--title-font-size:28px}.jackpot-banner--small{--border-radius:8px;--padding:8px;--padding-bottom:12px;--title-font-size:12px;cursor:pointer;min-height:52px}.jackpot-banner,.jackpot-banner__overlay{border-radius:var(--border-radius)}.jackpot-banner__overlay{animation:flash-overlay-opacity 1.2s ease-in-out infinite alternate;background:radial-gradient(circle at 50% 160%,var(--overlay-background-color) 0,#0000 70%);bottom:0;left:0;position:absolute;right:0;top:0;z-index:3}.jackpot-banner--medium .jackpot-banner__overlay{background:radial-gradient(circle at 50% 160%,var(--overlay-background-color) 0,#0000 100%)}.jackpot-banner--small .jackpot-banner__overlay{background:linear-gradient(#0000 0,var(--overlay-background-color) 150%)}.jackpot-banner--large.jackpot-banner--hot .jackpot-banner__overlay{animation:flash-overlay-opacity 1.2s ease-in-out infinite alternate,bounce-overlay 2.4s ease-in-out infinite alternate}.jackpot-banner__title{align-items:center;display:flex;font-size:var(--title-font-size);gap:20px;line-height:1;margin-bottom:12px}.jackpot-banner__title-text{color:#fff;font-weight:800;text-transform:uppercase}.jackpot-banner__title-amount{color:var(--payout-color)}.jackpot-banner--medium .jackpot-banner__title{flex-direction:column;gap:0;margin-top:4px;text-align:center}.jackpot-banner--medium .jackpot-banner__title .jackpot-banner__title-amount-wrapper{min-height:32px}.jackpot-banner--medium .jackpot-banner__title .jackpot-banner__title-amount{font-size:32px}.jackpot-banner--small .jackpot-banner__title{gap:6px}.jackpot-banner--small.jackpot-banner--hot .jackpot-banner__title .jackpot-banner__title-amount{color:#f6da24}.jackpot-banner__info{align-items:center;color:#fff;display:flex;gap:16px}.jackpot-banner--medium .jackpot-banner__info{justify-content:center;opacity:.4;text-align:center}.jackpot-banner--medium.jackpot-banner--warm .jackpot-banner__info{color:#000}.jackpot-banner__info,.jackpot-banner__title{position:relative;z-index:4}.jackpot-banner__button{background-color:var(--button-color);border:none;color:var(--button-text-color)}.jackpot-banner--medium .jackpot-banner__button{display:none}@keyframes flash-overlay-opacity{0%{opacity:.6}to{opacity:1}}@keyframes bounce-overlay{0%{transform:translate(0)}to{transform:translate(30%)}}.jackpot-amount{--animation-duration:.5s;--animation-function:ease-in-out;display:inline-flex;font-weight:700;line-height:1;overflow:hidden}.jackpot-amount__currency--right{order:1}.jackpot-amount__column{display:flex}.jackpot-amount__digit-wrapper{display:flex;overflow:hidden;position:relative}.jackpot-amount__hidden-digit{opacity:0}.jackpot-amount__drum{align-items:center;bottom:0;display:flex;flex-direction:column;left:0;position:absolute;width:100%}@keyframes rotate-down{to{bottom:-100%}}.jackpot-amount__drum--animated{animation:var(--animation-duration) var(--animation-function) rotate-down both}.jackpot-amount__drum-digit--hidden{opacity:0}.jackpot-amount__comma{align-items:flex-end;display:flex;font-size:0;overflow:hidden}.jackpot-amount__comma--visible{font-size:inherit}.jackpot-amount__comma--animated{transition:font-size var(--animation-duration) var(--animation-function)}.jackpot-progress{--progress-height:12px;--progress-color:#252c45;--progress-text-color:#fff9;--point-border-width:2px;--point-size:34px;--point-inner-size:24px;display:flex;justify-content:center;padding:65px 0 24px;position:relative;width:100%}.jackpot-progress--cold{--progress-text-color-active:#7cfa88;--point-background-color:#105266}.jackpot-progress--cold .jackpot-progress__hero{animation:progress-hero-run-1 1.2s ease-in-out forwards,bounce-hero .8s ease-in-out 1.2s infinite alternate}.jackpot-progress--cold.jackpot-progress--medium .jackpot-progress__hero{animation:progress-hero-run-small-1 1.2s ease-in-out forwards,bounce-hero .8s ease-in-out 1.2s infinite alternate}.jackpot-progress--cold .jackpot-progress__segment--1{--progress-text-color:var(--progress-text-color-active);--segment-line-color:linear-gradient(90deg,#e5ff9a,#7cfa88);--point-border-color:#7cfa88}.jackpot-progress--cold .jackpot-progress__segment--1 .jackpot-progress__line{animation:progress-line-finished 1.2s ease-in-out forwards}.jackpot-progress--warm{--progress-color:#983b06;--progress-text-color-active:#fae97c;--point-background-color:#e45809;--point-border-color:#983b06}.jackpot-progress--warm .jackpot-progress__hero{animation:progress-hero-run-2 1.2s ease-in-out forwards,bounce-hero .8s ease-in-out 1.2s infinite alternate}.jackpot-progress--warm .jackpot-progress__segment--1{--segment-line-color:linear-gradient(90deg,#ff9b25,#f7de20);--progress-text-color:var(--progress-text-color-active);--point-border-color:#f7de20}.jackpot-progress--warm .jackpot-progress__segment--1 .jackpot-progress__line{transform:scaleX(1)}.jackpot-progress--warm .jackpot-progress__segment--1 .jackpot-progress-point,.jackpot-progress--warm .jackpot-progress__segment--1 .jackpot-progress-point__inner,.jackpot-progress--warm .jackpot-progress__segment--1 .jackpot-progress-point__inner svg path{transition:none}.jackpot-progress--warm .jackpot-progress__segment--2{--segment-line-color:linear-gradient(90deg,#f7de20,#fbed93);--progress-text-color:var(--progress-text-color-active);--point-border-color:#fbed93}.jackpot-progress--warm .jackpot-progress__segment--2 .jackpot-progress__line{animation:progress-line-finished 1.2s ease-in-out forwards}.jackpot-progress--hot{--progress-color:#751d5d;--progress-text-color-active:#fae97c;--point-background-color:#421565;--point-border-color:#751d5d}.jackpot-progress--hot.jackpot-progress--medium .jackpot-progress__prize:before{height:42px;transform:translate(-49%,-59%);width:48px}.jackpot-progress--hot.jackpot-progress--large .jackpot-progress__prize:before{animation:flash-track 1.2s ease-in-out 1.2s infinite alternate;border-radius:15%;content:"";height:65px;left:50%;position:absolute;top:50%;transform:translate(-38%,-57%);width:70px;z-index:-1}.jackpot-progress--hot .jackpot-progress__hero{animation:progress-hero-run-3 1.2s ease-in-out forwards,bounce-hero .8s ease-in-out 1.2s infinite alternate}.jackpot-progress--hot .jackpot-progress__track{animation:flash-track .8s ease-in-out 1.2s infinite alternate}.jackpot-progress--hot .jackpot-progress__segment--1{--segment-line-color:linear-gradient(90deg,#ff9b25,#f7de20);--progress-text-color:var(--progress-text-color-active);--point-border-color:#f7de20}.jackpot-progress--hot .jackpot-progress__segment--1 .jackpot-progress__line{transform:scaleX(1)}.jackpot-progress--hot .jackpot-progress__segment--1 .jackpot-progress-point,.jackpot-progress--hot .jackpot-progress__segment--1 .jackpot-progress-point__inner,.jackpot-progress--hot .jackpot-progress__segment--1 .jackpot-progress-point__inner svg path{transition:none}.jackpot-progress--hot .jackpot-progress__segment--2{--segment-line-color:linear-gradient(90deg,#f7de20,#f44);--progress-text-color:var(--progress-text-color-active);--point-border-color:#f44}.jackpot-progress--hot .jackpot-progress__segment--2 .jackpot-progress__line{transform:scaleX(1)}.jackpot-progress--hot .jackpot-progress__segment--2 .jackpot-progress-point,.jackpot-progress--hot .jackpot-progress__segment--2 .jackpot-progress-point__inner,.jackpot-progress--hot .jackpot-progress__segment--2 .jackpot-progress-point__inner svg path{transition:none}.jackpot-progress--hot .jackpot-progress__segment--3{--segment-line-color:linear-gradient(90deg,#f44,#ff0e0e);--progress-text-color:var(--progress-text-color-active);--point-border-color:#ff0e0e}.jackpot-progress--hot .jackpot-progress__segment--3 .jackpot-progress__line{animation:progress-line-finished 1.2s ease-in-out forwards}.jackpot-progress--hot .jackpot-progress__segment--4{--segment-line-color:linear-gradient(90deg,#ff0e0e,#f44)}.jackpot-progress--hot .jackpot-progress__segment--4 .jackpot-progress__line{animation:bounce-width .8s ease-in-out infinite alternate;animation-delay:1.2s;transform:scaleX(1);width:0;will-change:width}@keyframes bounce-width{0%{width:5%}to{width:25%}}.jackpot-progress--hot .jackpot-progress__segment--4 .jackpot-progress__label{animation:flash-color .8s ease-in-out infinite alternate;animation-delay:1.2s}@keyframes flash-color{0%{color:var(--progress-text-color)}to{color:var(--progress-text-color-active)}}.jackpot-progress--small{--progress-height:8px;padding:0}.jackpot-progress__track{background-color:var(--progress-color);border-radius:8px;display:flex;height:var(--progress-height);justify-content:space-between;position:relative;transition:background-color .8s ease;width:100%}.jackpot-progress__segment{padding:0 calc(var(--point-size)/2 - var(--point-border-width));position:relative}.jackpot-progress__segment--1,.jackpot-progress__segment--4{width:16%}.jackpot-progress__segment--2,.jackpot-progress__segment--3{width:34%}.jackpot-progress__segment--1{padding-left:0}.jackpot-progress__segment--1 .jackpot-progress__line,.jackpot-progress__segment--1 .jackpot-progress__line-wrapper{border-radius:8px 0 0 8px}.jackpot-progress__segment--4{padding-right:0}.jackpot-progress__segment--4 .jackpot-progress__line,.jackpot-progress__segment--4 .jackpot-progress__line-wrapper{border-radius:0 8px 8px 0}.jackpot-progress__segment--4 .jackpot-progress-point{display:none}.jackpot-progress--small .jackpot-progress__segment{--point-size:20px;--point-inner-size:12px;width:25%}.jackpot-progress__line,.jackpot-progress__line-wrapper{height:var(--progress-height);overflow:hidden;position:relative}.jackpot-progress__line{backface-visibility:hidden;background:var(--segment-line-color);transform:scaleX(0);transform-origin:left;width:100%;will-change:transform}.jackpot-progress__label{color:var(--progress-text-color);font-size:12px;font-weight:600;margin:8px 0 0;padding:0 12px;text-align:center;text-transform:uppercase;transition:color .8s ease}.jackpot-progress--medium .jackpot-progress__label{font-size:8px;line-height:8px;padding:0}.jackpot-progress--small .jackpot-progress__label{display:none}.jackpot-progress__hero{backface-visibility:hidden;height:67px;left:15%;position:absolute;top:-58px;transform:translate(-50%) translateZ(0);transition:left 1.2s ease-in-out;will-change:transform,left;z-index:3}.jackpot-progress__prize{position:absolute;transform:translate(-50%);z-index:1}.jackpot-progress--small .jackpot-progress__prize{height:var(--point-size);right:0;top:50%;transform:translateY(-50%);width:var(--point-size)}.jackpot-progress--small .jackpot-progress__prize img{height:18px;width:18px}.jackpot-progress--small .jackpot-progress__prize:after{background-color:var(--progress-color);border-radius:50%;content:"";display:block;height:var(--point-size);position:absolute;right:-1px;top:-1px;width:var(--point-size);z-index:-1}.jackpot-progress--medium .jackpot-progress__prize{left:65%;top:-45px}.jackpot-progress--medium .jackpot-progress__prize img{height:52px}.jackpot-progress--large .jackpot-progress__prize{left:50%;padding-left:calc(var(--point-size)/2 - var(--point-border-width));top:-65px}.jackpot-progress--large .jackpot-progress__prize img{height:76px}@keyframes progress-line-finished{to{transform:scaleX(1)}}@keyframes progress-hero-run-1{0%{left:-15%;opacity:0}to{left:60%;opacity:1}}@keyframes progress-hero-run-small-1{0%{left:-15%;opacity:0}to{left:45%;opacity:1}}@keyframes progress-hero-run-2{0%{left:-15%}to{left:50%}}@keyframes progress-hero-run-3{0%{left:-15%}to{left:70%}}@keyframes bounce-hero{0%{transform:translate(-50%)}to{transform:translate(-35%)}}@keyframes flash-track{0%{box-shadow:inset 0 0 4px rgba(119,27,112,.102),0 0 8px rgba(255,68,68,.051),0 0 32px rgba(255,68,68,.102)}to{box-shadow:inset 0 0 4px rgba(119,27,112,.639),0 0 8px rgba(255,68,68,.478),0 0 32px rgba(255,68,68,.639)}}:root{--point-size:34px;--point-inner-size:24px;--point-background-color:#105266;--point-border-color:#252c45}.jackpot-progress-point{align-items:center;background-color:var(--point-background-color);border:2px solid var(--point-border-color);border-radius:50%;color:var(--point-border-color);display:flex;height:var(--point-size);justify-content:center;position:absolute;right:calc(var(--point-size)/2*-1);top:50%;transform:translateY(-50%);transition:color .3s ease-in-out,border .3s ease-in-out,background-color .3s ease-in-out;width:var(--point-size);z-index:2}.jackpot-progress-point__inner{align-items:center;border:1px solid var(--point-border-color);border-radius:50%;display:flex;height:var(--point-inner-size);justify-content:center;transition:border .3s ease-in-out;width:var(--point-inner-size)}.jackpot-progress-point__inner svg path{fill:var(--point-border-color);transition:fill .3s ease-in-out}.jackpot-progress-point img{height:100%;width:100%}.jackpot-progress-point--small{--point-size:20px;--point-inner-size:12px}.jackpot-progress-point--small svg{height:8px;width:5px}