.header-button{font-family:"ProximaNova-Bold";font-size:calc(.8vh + .8vw)}.button{font-family:"ProximaNova-Bold";font-size:calc(.8vh + .8vw)}.button-wrapper .button-label{font-family:"ProximaNova-Regular";font-size:calc(.5vh + .5vw)}.number-input-holder input{font-family:"ProximaNova-Bold";font-size:calc(.8vh + .8vw)}.number-input-holder button{font-family:"ProximaNova-Bold";font-size:calc(.8vh + .8vw)}.ball-container{font-family:"ProximaNova-Bold";font-size:calc(.8vh + .8vw)}.first-last-title h2{font-family:"ProximaNova-Bold";font-size:calc(1.0667vh + 1.0667vw)}@font-face{font-family:ProximaNova-Regular;src:url(../../assets/fonts/ProximaNova-Regular.ttf)}@font-face{font-family:ProximaNova-Bold;src:url(../../assets/fonts/ProximaNova-Bold.ttf)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}.wrapper{display:flex;flex-direction:column;height:100%}.header{position:relative;width:100%;height:7.4%;color:#fff;z-index:1;padding:10px}.header::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#6ca2fe;background-image:radial-gradient(#5d93ef 0.5px, transparent 1px),radial-gradient(#5d93ef 0.5px, transparent 1px),radial-gradient(#5d93ef 0.5px, transparent 1px);background-size:6px 6px;background-position:0 0,2px 2px,4px 4px;transform:matrix(-1, 0, 0, 1, 0, 0);-ms-transform:matrix(-1, 0, 0, 1, 0, 0);-webkit-transform:matrix(-1, 0, 0, 1, 0, 0);z-index:-1}.header-button{width:200px;height:100%;background-color:#303f9f;color:#fff;border:none;border-radius:5px;border:1px solid #1a237e}.button{border:1px solid;border-radius:4px;-o-box-shadow:0px 3px 0 #424242,inset 0px 0px 8px rgba(0,0,0,.5);box-shadow:0px 3px 0 #424242,inset 0px 0px 8px rgba(0,0,0,.5)}.button:active{box-shadow:none;-o-box-shadow:0px 0 0 #424242,inset 0px 0px 8px rgba(0,0,0,.5);box-shadow:0px 0 0 #424242,inset 0px 0px 8px rgba(0,0,0,.5);transform:translateY(3px)}.button.button-red{color:#fff;background-color:#da2c2c;border-color:#b71c1c;-o-box-shadow:0px 3px 0 #b71c1c,inset 0px 0px 8px rgba(255,255,255,.5);box-shadow:0px 3px 0 #b71c1c,inset 0px 0px 8px rgba(255,255,255,.5)}.button.button-red:active{-o-box-shadow:0px 0 0 #b71c1c,inset 0px 0px 8px rgba(255,255,255,.5);box-shadow:0px 0 0 #b71c1c,inset 0px 0px 8px rgba(255,255,255,.5);transform:translateY(3px)}.button.button-green{color:#fff;background-color:#1dcc42;border-color:#558b2f;-o-box-shadow:0px 3px 0 #558b2f,inset 0px 0px 10px rgba(255,255,255,.5);box-shadow:0px 3px 0 #558b2f,inset 0px 0px 10px rgba(255,255,255,.5)}.button.button-green:active{-o-box-shadow:0px 0 0 #558b2f,inset 0px 0px 10px rgba(255,255,255,.5);box-shadow:0px 0 0 #558b2f,inset 0px 0px 10px rgba(255,255,255,.5);transform:translateY(3px)}.button.button-hot{color:#fff;background-color:#da2c2c;border-color:#b71c1c;-o-box-shadow:0px 3px 0 #b71c1c,inset 0px 0px 8px rgba(255,255,255,.5);box-shadow:0px 3px 0 #b71c1c,inset 0px 0px 8px rgba(255,255,255,.5)}.button.button-hot:active{-o-box-shadow:0px 0 0 #b71c1c,inset 0px 0px 8px rgba(255,255,255,.5);box-shadow:0px 0 0 #b71c1c,inset 0px 0px 8px rgba(255,255,255,.5);transform:translateY(3px)}.button.button-hot.activated{opacity:.5}.button.button-cool{color:#fff;background-color:#42a5f5;border-color:#0d47a1;-o-box-shadow:0px 3px 0 #0d47a1,inset 0px 0px 8px rgba(255,255,255,.5);box-shadow:0px 3px 0 #0d47a1,inset 0px 0px 8px rgba(255,255,255,.5)}.button.button-cool:active{-o-box-shadow:0px 0 0 #0d47a1,inset 0px 0px 8px rgba(255,255,255,.5);box-shadow:0px 0 0 #0d47a1,inset 0px 0px 8px rgba(255,255,255,.5);transform:translateY(3px)}.button.button-cool.activated{opacity:.5}.button.button-buy{color:#fff;background-color:#087f23;border-color:#030;-o-box-shadow:0px 3px 0 #030,inset 0px 0px 8px rgba(255,255,255,.5);box-shadow:0px 3px 0 #030,inset 0px 0px 8px rgba(255,255,255,.5)}.button.button-buy:active{-o-box-shadow:0px 0 0 #030,inset 0px 0px 8px rgba(255,255,255,.5);box-shadow:0px 0 0 #030,inset 0px 0px 8px rgba(255,255,255,.5);transform:translateY(3px)}.button-wrapper{display:flex;flex-direction:column;width:11.5%;height:100%}.button-wrapper .button{width:100%;height:100%}.button-wrapper .button-label{color:#000;margin-bottom:2px}.number-input-holder{position:relative;display:flex;justify-content:space-between;height:100%}.number-input-holder button,.number-input-holder input{height:100%}.number-input-holder input{position:absolute;bottom:-3px;width:100%;text-align:center;border-radius:4px;border:1px solid #cecece;height:calc(100% + 3px)}.number-input-holder button{display:flex;justify-content:center;align-items:center;position:relative;z-index:1;width:20%;border:1px solid;border-radius:4px;-o-box-shadow:0px 3px 0 #424242;box-shadow:0px 3px 0 #424242}.number-input-holder button:active{box-shadow:none;-o-box-shadow:0px 0 0 #424242;box-shadow:0px 0 0 #424242;transform:translateY(3px)}.number-input-holder button svg{width:60%}.number-input-holder button svg.svg-translate{transform:rotate(180deg)}.button-delete{border-color:#f44336;-o-box-shadow:0px 3px 0 #f44336,inset 0px 0px 10px rgba(244,67,54,.5);box-shadow:0px 3px 0 #f44336,inset 0px 0px 10px rgba(244,67,54,.5)}.button-delete:active{-o-box-shadow:0px 0 0 #f44336,inset 0px 0px 10px rgba(244,67,54,.5);box-shadow:0px 0 0 #f44336,inset 0px 0px 10px rgba(244,67,54,.5);transform:translateY(3px)}.button-delete svg{width:100%}.main-holder{flex:1;padding:10px}.main-holder-body{display:flex;flex-direction:column;background-color:#e6e6e6;height:100%;width:100%;padding:15px}.main-buttons-holder{display:flex;justify-content:space-between;height:7.6%}.main-balls-holder{display:flex;justify-content:space-between;flex:1;margin-top:25px}.main-balls-holder-left,.main-balls-holder-right{width:49.3%;height:100%}.main-balls-holder-left{display:flex;flex-direction:row;justify-content:space-between;padding:15px 0 25px 0;background-color:#fff;border-radius:4px}.balls-preview{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px 0}.balls-preview .ball{box-shadow:0px 3px 0 #424242,inset 0px 0px 8px rgba(0,0,0,.5);background-color:#ffdc00;width:100%;height:100%}.balls-preview .ball:active{box-shadow:none;transform:translateY(0)}.ball-preview-holder{box-shadow:0px 3px 2px #424242,inset 0px 0px 8px rgba(0,0,0,.5);border:2px solid #000;border-radius:100%;margin:4px 5px 4px 11px;width:calc(2.5vw + 2.5vh);height:calc(2.5vw + 2.5vh);border-radius:50%}.balls-holder{display:grid;grid-template-columns:repeat(10, minmax(0px, auto));gap:10px;padding:0 2%}.balls-holder .ball{margin:.5%}.ball{display:flex;justify-content:center;align-items:center;width:calc(2.5vw + 2.5vh);height:calc(2.5vw + 2.5vh);border-radius:50%;padding:0;border:none;-o-box-shadow:0px 3px 0 #424242,inset 0px 0px 8px rgba(0,0,0,.5);box-shadow:0px 3px 0 #424242,inset 0px 0px 8px rgba(0,0,0,.5);background-color:#ffe22b}.ball:active{-o-box-shadow:0px 0 0 #424242,inset 0px 0px 8px rgba(0,0,0,.5);box-shadow:0px 0 0 #424242,inset 0px 0px 8px rgba(0,0,0,.5);transform:translateY(3px)}.ball.active{-o-box-shadow:0px 0 0 #424242,inset 0px 0px 8px rgba(0,0,0,.5);box-shadow:0px 0 0 #424242,inset 0px 0px 8px rgba(0,0,0,.5);transform:translateY(3px);background-color:#938007}.ball-container{display:flex;justify-content:center;align-items:center;color:#000;width:60%;height:60%;border:1px solid #000;border-radius:100%}.main-balls-holder-right{display:flex;justify-content:space-between}.mbhr-left,.mbhr-right{display:flex;flex-direction:column;width:48.7%}.hot-buttons-holder{display:flex;flex-direction:column;justify-content:space-between;height:25.2%}.buy-button-holder{display:flex;flex-direction:column;justify-content:space-between;height:24%}.button-hot,.button-cool{display:flex;justify-content:center;align-items:center;height:46%}.button-buy{display:flex;justify-content:center;align-items:center;height:100%}.button-rebet{margin-bottom:6px;height:33%}.random-buttons-holder{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;height:40%}.random-buttons-holder .button{width:47.5%;height:16%;background-color:#d6cfca}.system-buttons-holder{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;height:40%}.system-buttons-holder .button{width:47.5%;height:16%;background-color:#f5fffa}.first-last-holder{display:flex;flex-direction:column;flex:1;justify-content:space-between;margin-top:4%}.first-last-holder .button{height:14%}.first-ball-holder,.last-ball-holder{display:flex;flex-direction:column;justify-content:space-between;height:48%}.firs-last-buttons{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;height:80%}.firs-last-buttons .button{width:47.5%;height:41%}.first-last-title{height:20%}.first-last-title h2{margin:2.2% 0;text-align:center}.first-last-title .first-last-separator{width:100%;height:1px;background-color:#000}.messageBoxShow{top:0}.messageBoxShow .button{display:flex;justify-content:center;align-items:center;width:50%;height:45px;margin:1px;background-color:#d6cfca}.messageBoxHide{top:-100%}.messageBoxHide .button{display:flex;justify-content:center;align-items:center;width:50%;height:45px;margin:1px;background-color:#d6cfca}#messageBoxContent{margin:28px;height:40px}#messageBoxContent p{padding:0;margin:0;line-height:16px}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.activated{opacity:.5}.progress-container{width:100%;border:1px solid #f3f3f3;border-radius:5px;overflow:hidden;height:10px}.progress-bar{height:100%;background-color:#087f23;text-align:center;line-height:30px;color:#fff}.button-label2{font-family:"ProximaNova-Regular";font-size:calc(.5vh + .5vw)}@keyframes rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.rotate-center-normal{animation:myAnim 1s ease 0s 1 normal forwards}@keyframes myAnim{0%{transform:scale(0.5)}100%{transform:scale(1)}}/*# sourceMappingURL=style.min.css.map */