@import url(https://fonts.googleapis.com/css2?family=Jost:wght@700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--card-color:#2f60ad;--junior-color:#ad2f57}@-webkit-keyframes PopIn{0%{-webkit-transform:scale(.8);transform:scale(.8)}40%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes PopIn{0%{-webkit-transform:scale(.8);transform:scale(.8)}40%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes PopOut{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}40%{-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes PopOut{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}40%{-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes FlipOut{0%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}to{-webkit-transform:rotateX(0);transform:rotateX(0)}}@keyframes FlipOut{0%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}to{-webkit-transform:rotateX(0);transform:rotateX(0)}}@-webkit-keyframes Bounce{0%,20%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}80%{-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes Bounce{0%,20%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}80%{-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}body{color:#343434;font-family:Futura,Jost,sans-serif}button{background:none;border:none;cursor:pointer;font:inherit;outline:inherit;padding:0}a{color:#2f60ad;color:var(--card-color);text-decoration:none}.board{margin:0 auto;width:414px}.board--solved{pointer-events:none}.target{align-items:center;background-color:#2f60ad;background-color:var(--card-color);color:#fff;display:flex;font-size:48px;font-weight:800;height:75px;justify-content:center;letter-spacing:.1em;margin:12px auto;width:160px}.target--solved{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:Bounce;animation-name:Bounce;background-color:#6aaa64}.source-cards{display:flex;justify-content:space-between;margin:6px 0;padding:0 12px}.number-card{align-items:center;-webkit-animation-duration:.25s;animation-duration:.25s;background:#2f60ad;background:var(--card-color);box-sizing:border-box;color:#fff;display:flex;font-size:32px;font-weight:700;font-weight:800;height:60px;justify-content:center;width:60px}.number-card.number-card--3-chars{font-size:24px}.number-card.number-card--4-chars{font-size:18px}.number-card.number-card--5-chars{font-size:12px}.number-card--operator{border-radius:50%;font-family:Futura,Arial,sans-serif;font-size:28px;height:40px;width:40px}.number-card--empty{background:none;border:2px solid #d3d6da;cursor:default}.number-card--locked{background-color:#787c7e;cursor:default}.number-card--problem{background-color:#fceeee;border:2px solid #f53a3a;color:#f53a3a;cursor:default}.number-card--solved{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:Bounce;animation-name:Bounce;background-color:#6aaa64}.number-card.number-card--anim-flipout{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:FlipOut;animation-name:FlipOut}.number-card.number-card--anim-popin{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-name:PopIn;animation-name:PopIn}.number-card.number-card--anim-popout{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-name:PopOut;animation-name:PopOut}.operators{margin:20px 0}.operation,.operators{display:flex;justify-content:space-around}.operation{align-items:center;margin:6px 0}.equals-sign{color:#d3d6da;font-size:32px}path{stroke:red}.icon-button{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.icon-button.icon-button--hidden{opacity:.3;pointer-events:none}.app-header{border-bottom:2px solid #cdcdcd;color:#343434;position:relative;text-align:center}.app-header__h1{font-size:32px;line-height:48px;margin:0}.app-header__help{background:#fff;border:2px solid #343434;border-radius:100%;box-sizing:border-box;color:#343434;cursor:pointer;font:inherit;font-size:16px;font-weight:800;height:30px;left:12px;outline:inherit;padding:0;position:absolute;top:9px;width:30px}.app-header__timer{font-size:24px;position:absolute;right:12px;top:9px}@media (max-width:413px){.board{width:100%}.target{font-size:11.5vw;height:18vw;width:38vw}.number-card{border-width:.6vw;font-size:7.5vw;height:14vw;width:14vw}.number-card--operator{font-size:6.2vw;height:9.5vw;width:9.5vw}.number-card.number-card--3-chars{font-size:6vw}.number-card.number-card--4-chars{font-size:4vw}.number-card.number-card--5-chars{font-size:3vw}.icon-button{-webkit-transform:scale(.9);transform:scale(.9)}}.ReactModal__Overlay{background:rgba(0,0,0,.3);bottom:0;left:0;opacity:0;overflow:auto;position:fixed;right:0;top:0;transition:opacity .2s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.ReactModal__Content{background:#fff;border-radius:12px;box-sizing:border-box;margin:40px auto;padding:16px 32px;width:500px}.modal__h2{margin:0}.modal__demo-container{height:470px;position:relative}.modal__demo{left:50%;pointer-events:none;position:absolute;-webkit-transform:translateX(-50%) scale(.9);transform:translateX(-50%) scale(.9);-webkit-transform-origin:top center;transform-origin:top center}.modal__footer{text-align:center}@media(max-width:540px){.ReactModal__Overlay{padding:0 20px}.ReactModal__Content{width:auto}}.share-button-container{margin:20px 0;text-align:center}.share-button{background-color:#6aaa64;color:#fff;font-size:24px;padding:10px 30px}
/*# sourceMappingURL=main.2cb58523.css.map*/