.dice-game-animation{position:relative;width:100%;height:100%}.dice-game-animation .maina{border-radius:16px;background:#dfdfdf;width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation-name:dicefade;animation-duration:.4s;animation-iteration-count:1;animation-timing-function:linear;opacity:0}.dice-game-animation .maina>div{width:80%;height:80%;border-radius:25px;background:linear-gradient(315deg,#f9f9f9 7.01%,#b8b8b8)}.dice-game-animation .explosion{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dice-game-animation .explosion div{background-color:#fff;width:20px;height:20px;border-radius:20px;position:absolute;opacity:0}.dice-game-animation .explosion div:first-child{scale:2;animation-name:centerparticle;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:linear;animation-delay:.3s}.dice-game-animation .explosion div:nth-child(2){scale:.3;transform:translateX(1000%) translateY(-600%);animation-name:particle1;animation-duration:.2s;animation-iteration-count:1;animation-timing-function:linear;animation-delay:.3s}.dice-game-animation .explosion div:nth-child(3){scale:.2;transform:translateX(200%) translateY(-700%);animation-name:particle2;animation-duration:.25s;animation-iteration-count:1;animation-timing-function:linear;animation-delay:.3s}.dice-game-animation .explosion div:nth-child(4){scale:.15;transform:translateX(-1000%) translateY(700%);animation-name:particle3;animation-duration:.15s;animation-iteration-count:1;animation-timing-function:linear;animation-delay:.3s}.dice-game-animation .explosion div:nth-child(5){scale:.25;transform:translateX(0) translateY(1000%);animation-name:particle4;animation-duration:.25s;animation-iteration-count:1;animation-timing-function:linear;animation-delay:.3s}.dice-game-animation .explosion div:nth-child(6){scale:.7;transform:translateX(-200%) translateY(450%);animation-name:particle5;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:linear;animation-delay:.3s}.dice-game-animation .explosion div:nth-child(7){scale:.6;transform:translateX(300%) translateY(400%);animation-name:particle6;animation-duration:.2s;animation-iteration-count:1;animation-timing-function:linear;animation-delay:.3s}.dice-game-animation .explosion div:nth-child(8){scale:.3;transform:translateX(650%) translateY(100%);animation-name:particle7;animation-duration:.25s;animation-iteration-count:1;animation-timing-function:linear;animation-delay:.3s}.dice-game-animation .explosion div:nth-child(9){scale:.6;transform:translateX(-100%) translateY(-400%);animation-name:particle8;animation-duration:.22s;animation-iteration-count:1;animation-timing-function:linear;animation-delay:.3s}.dice-game-animation .explosion div:nth-child(10){scale:.4;transform:translateX(-600%) translateY(-700%);animation-name:particle9;animation-duration:.28s;animation-iteration-count:1;animation-timing-function:linear;animation-delay:.3s}.dice-game-animation .explosion div:nth-child(11){scale:.3;transform:translateX(-850%) translateY(-100%);animation-name:particle10;animation-duration:.19s;animation-iteration-count:1;animation-timing-function:linear;animation-delay:.3s}@keyframes showDiceUp{0%{opacity:0}to{opacity:1}}@keyframes particle1{0%{transform:translateX(0) translateY(0);opacity:1}to{transform:translateX(1000%) translateY(-600%);opacity:0}}@keyframes particle2{0%{transform:translateX(0) translateY(0);opacity:1}to{transform:translateX(200%) translateY(-700%);opacity:0}}@keyframes particle3{0%{transform:translateX(0) translateY(0);opacity:1}to{transform:translateX(-1000%) translateY(700%);opacity:0}}@keyframes particle4{0%{transform:translateX(0) translateY(0);opacity:1}to{transform:translateX(0) translateY(1000%);opacity:0}}@keyframes particle5{0%{transform:translateX(0) translateY(0);opacity:1}to{transform:translateX(-200%) translateY(450%);opacity:0}}@keyframes particle6{0%{transform:translateX(0) translateY(0);opacity:1}to{transform:translateX(300%) translateY(400%);opacity:0}}@keyframes particle7{0%{transform:translateX(0) translateY(0);opacity:1}to{transform:translateX(650%) translateY(100%);opacity:0}}@keyframes particle8{0%{transform:translateX(0) translateY(0);opacity:1}to{transform:translateX(-100%) translateY(-400%);opacity:0}}@keyframes particle9{0%{transform:translateX(0) translateY(0);opacity:1}to{transform:translateX(-600%) translateY(-700%);opacity:0}}@keyframes particle10{0%{transform:translateX(0) translateY(0);opacity:1}to{transform:translateX(-850%) translateY(-100%);opacity:0}}@keyframes dicefade{0%{opacity:0}20%{opacity:1;transform:rotate(0deg) scale(1)}58%{transform:rotate(90deg) scale(.5)}85%{transform:rotate(180deg) scale(.15)}to{transform:rotate(1turn) scale(.02);opacity:1}}.multiplier-wrapper{display:flex;align-items:flex-start;-moz-column-gap:12px;column-gap:12px;position:relative;z-index:1000;will-change:transform}.multiplier-wrapper .multiplier-buttons-wrapper,.multiplier-wrapper .multiplier-over-under-wrapper{display:flex;flex-direction:column;row-gap:5px}.multiplier-wrapper .multiplier-value-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:3px}.multiplier-wrapper .multiplier-value-wrapper .multiplier-value-dice{width:87px;height:87px;border:2px solid #25292e;background-color:hsla(0,3%,8%,.8);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;box-shadow:0 0 5px 0 rgba(214,8,8,0)}.multiplier-wrapper .multiplier-value-wrapper .multiplier-value-dice span{font-size:12px;font-style:normal;font-weight:700}.multiplier-wrapper .multiplier-value-wrapper .multiplier-value-dice h2{font-size:54px;font-style:normal;font-weight:700;line-height:100%}.multiplier-wrapper .multiplier-value-wrapper>span{font-size:18px;font-style:normal;font-weight:500;color:#788599}.multiplier-wrapper .multiplier-value-wrapper>h4{font-size:22px;font-style:normal;font-weight:800}.multiplier-wrapper-lost{animation:lostAnim .2s linear 2 forwards}.multiplier-wrapper-lost .multiplier-value-dice{animation:lostAnim2 1s linear 1 forwards}.multiplier-wrapper-lost h4{animation:lostAnim3 1s linear 1 forwards}.multiplier-wrapper-won .multiplier-value-dice{animation:wonAnim 1s linear 1 forwards}.multiplier-wrapper-won h4{animation:wonAnim2 1s linear 1 forwards}@keyframes lostAnim{0%{transform:translateX(0)}33%{transform:translateX(-5%)}66%{transform:translateX(5%)}to{transform:translateX(0)}}@keyframes lostAnim2{0%{box-shadow:0 0 5px 0 rgba(214,8,8,0);border:2px solid #25292e}33%{box-shadow:0 0 5px 0 #d60808;border:2px solid #d60808}66%{box-shadow:0 0 5px 0 #d60808;border:2px solid #d60808}to{box-shadow:0 0 5px 0 rgba(214,8,8,0);border:2px solid #25292e}}@keyframes lostAnim3{0%{color:#fff}33%{color:#d60808}66%{color:#d60808}to{color:#fff}}@keyframes wonAnim{0%{box-shadow:0 0 5px 0 rgba(22,192,5,0);border:2px solid #25292e}33%{box-shadow:0 0 5px 0 #16c005;border:2px solid #16c005}66%{box-shadow:0 0 5px 0 #16c005;border:2px solid #16c005}to{box-shadow:0 0 5px 0 rgba(22,192,5,0);border:2px solid #25292e}}@keyframes wonAnim2{0%{transform:scale(1);color:#fff}33%{transform:scale(1.2);color:#16c005}66%{transform:scale(1.2);color:#16c005}to{transform:scale(1);color:#fff}}