body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.tip-button{background:none;border:0;border-radius:.25rem .25rem 0 0;cursor:pointer;padding:15px 40px;margin-bottom:-4rem;outline:0;position:relative;top:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;transition:-webkit-transform 50ms ease-in-out;transition:transform 50ms ease-in-out;transition:transform 50ms ease-in-out,-webkit-transform 50ms ease-in-out;-webkit-tap-highlight-color:transparent}.tip-button:active{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.tip-button.clicked{-webkit-animation:shake .15s ease-in-out 1;animation:shake .15s ease-in-out 1;pointer-events:none}.tip-button.clicked .tip-button__text{opacity:0;transition:opacity .1s linear .2s}.tip-button.clicked:before{height:.5rem;width:60%}.tip-button.clicked .coin{transition:margin-bottom 1s linear .2s;margin-bottom:0}.tip-button.clicked .coin1{margin-right:20px}.tip-button.clicked .coin2{margin-right:-20px}.tip-button.shrink-landing:before{transition:width .2s ease-in;width:0}.tip-button.coin-landed:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.tip-button.coin-landed .coin-wrapper{background:radial-gradient(circle at 35% 97%,rgba(3,16,50,.4) .04rem,transparent 0),radial-gradient(circle at 45% 92%,rgba(3,16,50,.4) .04rem,transparent 0),radial-gradient(circle at 55% 98%,rgba(3,16,50,.4) .04rem,transparent 0),radial-gradient(circle at 65% 96%,rgba(3,16,50,.4) .06rem,transparent 0);background-position:bottom;background-size:100%;bottom:-1rem;opacity:0;-webkit-transform:scale(2) translateY(-10px);transform:scale(2) translateY(-10px)}.tip-button__text{color:#fff;margin-right:1.8rem;opacity:1;position:relative;transition:opacity .1s linear .5s;z-index:3;font-size:1.5rem;text-shadow:-1px 1px 3px rgba(0,0,0,.7)}.tip-button:before{background:linear-gradient(91deg,#f4c262 .3%,#f7415f 50.34%,#506cfd 99.77%),linear-gradient(90deg,#ed4264,#ffedbc);box-shadow:inset 0 0 68px hsla(0,0%,100%,.05),inset 0 4px 4px hsla(0,0%,100%,.3);text-shadow:1px 1px 3px rgba(0,0,0,.7000000000000001);bottom:0;content:"";display:block;height:100%;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:height .25s ease-in-out .4s,width .25s ease-in-out .3s;width:100%;z-index:2;border-radius:50px}.tip-button:after{bottom:-1rem;color:#fff;font-size:1.3rem;font-weight:700;content:"הבונוסים נאספו בהצלחה";height:110%;opacity:0;text-align:center;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 20%;transform-origin:50% 20%;transition:-webkit-transform .2s cubic-bezier(0,0,.35,1.43);transition:transform .2s cubic-bezier(0,0,.35,1.43);transition:transform .2s cubic-bezier(0,0,.35,1.43),-webkit-transform .2s cubic-bezier(0,0,.35,1.43);z-index:1}.coin-wrapper,.tip-button:after{left:0;position:absolute;pointer-events:none;width:100%}.coin-wrapper{background:none;bottom:0;height:18rem;opacity:1;overflow:hidden;-webkit-transform:none;transform:none;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:opacity .2s linear .1s,-webkit-transform .3s ease-out;transition:opacity .2s linear .1s,transform .3s ease-out;transition:opacity .2s linear .1s,transform .3s ease-out,-webkit-transform .3s ease-out}.coin{--front-y-multiplier:0;--back-y-multiplier:0;--coin-y-multiplier:0;--coin-x-multiplier:0;--coin-scale-multiplier:0;--coin-rotation-multiplier:0;--shine-opacity-multiplier:0.4;--shine-bg-multiplier:50%;bottom:calc(var(--coin-y-multiplier)*1rem - 3.5rem);height:3.5rem;margin-bottom:3.45rem;position:absolute;right:calc(var(--coin-x-multiplier)*34% + 16%);-webkit-transform:translateX(50%) scale(calc(.5 + var(--coin-scale-multiplier))) rotate(calc(var(--coin-rotation-multiplier)*-1deg));transform:translateX(50%) scale(calc(.5 + var(--coin-scale-multiplier))) rotate(calc(var(--coin-rotation-multiplier)*-1deg));transition:opacity .1s linear .2s;width:3.5rem;z-index:3;border-radius:50%;box-shadow:2px 2px 8px rgba(0,0,0,.3);overflow:hidden}.coin1{margin-right:8px}.coin1,.coin2{margin-bottom:3.65rem}.coin2{margin-right:-8px}.coin3{margin-bottom:3.25rem}.coin .MuiSvgIcon-root{font-size:3rem}.coin:before,.coin__back,.coin__back:after,.coin__front,.coin__front:after,.coin__middle{border-radius:50%;box-sizing:border-box;height:100%;left:0;position:absolute;width:100%;z-index:3}.coin__front{background-color:#748194;background-size:100% 100%;-webkit-transform:translateY(calc(var(--front-y-multiplier)*0.31818rem/2)) scaleY(var(--front-scale-multiplier));transform:translateY(calc(var(--front-y-multiplier)*0.31818rem/2)) scaleY(var(--front-scale-multiplier));border:3px solid rgba(0,0,0,.5)}.coin__front:after{background:rgba(0,0,0,.2);content:"";opacity:var(--front-y-multiplier)}.coin__middle{background:#748194;-webkit-transform:translateY(calc(var(--middle-y-multiplier)*0.31818rem/2)) scaleY(var(--middle-scale-multiplier));transform:translateY(calc(var(--middle-y-multiplier)*0.31818rem/2)) scaleY(var(--middle-scale-multiplier))}.coin__back{background-color:#9f92ff;background-size:100% 100%;-webkit-transform:translateY(calc(var(--back-y-multiplier)*0.31818rem/2)) scaleY(var(--back-scale-multiplier));transform:translateY(calc(var(--back-y-multiplier)*0.31818rem/2)) scaleY(var(--back-scale-multiplier));border:2px solid rgba(0,0,0,.5)}.coin__back:after{background:rgba(0,0,0,.2);content:"";opacity:var(--back-y-multiplier)}@-webkit-keyframes shake{0%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}66%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}to{-webkit-transform:rotate();transform:rotate()}}@keyframes shake{0%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}66%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}to{-webkit-transform:rotate();transform:rotate()}}