*,:after,:before{box-sizing:border-box;margin:0;padding:0;outline:0;font-family:Montserrat-Black}body{margin:0}.cell_win_wrapper{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px}.win_cell{animation:animate_win_cell 1s ease-in-out var(--animationDelay) forwards}@keyframes animate_win_cell{0%{scale:1}75%{scale:1.1}to{scale:1}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0);background-image:conic-gradient(rgba(0,0,0,0),#ffb700,rgba(0,0,0,0) 0%)}to{transform:translate(-50%,-50%) rotate(0);background-image:conic-gradient(rgba(0,0,0,0),#ffb700,rgba(0,0,0,0) 100%)}}@keyframes spinFade{0%{opacity:0;transform:translate(-50%,-50%) rotate(0)}10%{opacity:1}90%{opacity:1;transform:translate(-50%,-50%) rotate(1080deg)}to{opacity:0;transform:translate(-50%,-50%) rotate(1080deg)}}.animated-border-box:after{content:"";position:absolute;z-index:-1;left:5px;top:5px;width:calc(100% - 10px);height:calc(100% - 10px);border-radius:7px}.animated-border-box:before{content:"";z-index:-2;text-align:center;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%) rotate(0);position:absolute;background-repeat:no-repeat;background-position:0 0;opacity:0;background-image:conic-gradient(rgba(0,0,0,0),#ffb700,rgba(0,0,0,0) 100%);animation:spinFade 4s ease-in-out var(--animationDelay) forwards}#confetti{position:absolute;width:100%;height:100%;pointer-events:none;z-index:10000;display:flex;align-items:center;justify-content:center}.popup_title{text-align:center;font-size:32px;line-height:32px;font-weight:800;font-family:Montserrat-Black;color:var(--text-color)}.popup_bonus{padding-top:17px;text-align:center;font-size:24px;font-weight:800;font-family:Montserrat-Black;background:var(--text-color);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:35px}.installer_wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:auto}.installer_inner{margin-top:168px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:40px}.installer_button{width:100%;background-color:var(--primaryColor);color:var(--buttonTextColor);border-radius:20px;margin-bottom:60px;border:none;margin-top:60px;padding:10px;font-weight:800;font-size:16px;text-transform:uppercase}.cell_wrapper{overflow:hidden;position:relative;aspect-ratio:1;padding:10px}.tile_wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 10px);height:calc(100% - 10px);display:flex;align-items:center;justify-content:center}.input{font-size:18px;font-weight:600;font-family:Inter;color:#000;border-radius:25px;height:40px;width:100%;margin-bottom:20px;padding:0 12px}.label{font-size:20px;font-weight:600;font-family:Inter;color:var(--text-color);border-radius:25px;width:100%;padding-left:10px}.animate_column{animation:spin-column calc(var(--spinDuration) + var(--index) * .3s) ease-in-out;transform:translateY(-11.5%)}.column{transform:translateY(-11.5%)}@keyframes spin-column{0%{transform:translateY(-100%)}to{transform:translateY(-11.5%)}}.animate_win{animation:win .1s ease-in-out}@keyframes win{0%{scale:1.2}to{scale:1}}.animate_bubbles{animation:bubbles1 10s linear infinite}@keyframes bubbles1{0%{background-position:0px 100%}to{background-position:0px 0%}}.animate_man{animation:man 1s linear infinite}@keyframes man{0%{rotate:0deg}50%{rotate:3deg}to{rotate:0deg}}.animate_hand{animation:hand 1s linear infinite}@keyframes hand{0%{rotate:-87deg}50%{rotate:-90deg}to{rotate:-87deg}}.animate_fish_label{animation:fish 2s linear infinite;transform-origin:left center}@keyframes fish{0%{transform:scale(1) translate(-50%)}50%{transform:scale(1.05) translate(-50%)}to{transform:scale(1) translate(-50%)}}