.input-range__slider{appearance:none;background:#4a5bc9;border:1px solid #4a5bc9;border-radius:100%;cursor:pointer;display:block;height:1rem;margin-left:-.5rem;margin-top:-.65rem;outline:none;position:absolute;top:50%;transition:transform .3s ease-out,box-shadow .3s ease-out;width:1rem}.input-range__slider:active{transform:scale(1.3)}.input-range__slider:focus{box-shadow:0 0 0 5px rgba(63,81,181,.2)}.input-range--disabled .input-range__slider{background:#ccc;border:1px solid #ccc;box-shadow:none;transform:none}.input-range__slider-container{transition:left .3s ease-out}.input-range__label{color:#aaa;font-size:.8rem;transform:translateZ(0);white-space:nowrap}.input-range__label--max,.input-range__label--min{bottom:-1.4rem;position:absolute}.input-range__label--min{left:0}.input-range__label--max{right:0}.input-range__label--value{position:absolute;top:-1.8rem}.input-range__label-container{left:-50%;position:relative}.input-range__label--max .input-range__label-container{left:50%}.input-range__track{background:#eee;border-radius:.3rem;cursor:pointer;display:block;height:.3rem;position:relative;transition:left .3s ease-out,width .3s ease-out}.input-range--disabled .input-range__track{background:#eee}.input-range__track--background{left:0;margin-top:-.15rem;position:absolute;right:0;top:50%}.input-range__track--active{background:#4a5bc9}.input-range{width:80%;max-width:500px;height:1rem;position:relative;margin-top:1.2em;margin-bottom:1.4em}.Popover{z-index:2000}.Popover-body{display:inline-flex;flex-direction:column;padding:.5rem 1rem;background:#fff;border-radius:.3rem;opacity:.95;box-shadow:0 1px 6px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.12);font-size:14px}.Popover-tipShape{fill:#4a5bc9}.Popover-white .Popover-tipShape{fill:#00bcd4}.Popover-white .Popover-body{background:#fff}.generation{display:flex;justify-content:center;flex-direction:column;width:100%;min-width:50vw;align-items:center}.copy{text-align:center;font-size:1.3em;margin-bottom:.5em}.button{margin-top:.5em;border-radius:.25em;cursor:pointer;font-weight:700;text-decoration:none;color:#fff;position:relative;display:inline-block;transition:all .25s;padding:5px 10px;font-size:1.4em}.button:active{transform:translateY(5px);box-shadow:0 1px 0 0}.button{background-color:#4a5bc9;box-shadow:0 2px 4px 0 #4859c8;display:flex;align-items:center}.button:hover{background-color:#4b5cc9}.header{display:flex;width:100%;justify-content:space-between;max-width:500px;padding:0 .5em;box-sizing:border-box}.new-game{cursor:pointer;margin-top:.2em;display:inline-flex;justify-content:center;align-items:center;border:2px solid #ccc;border-radius:4px;padding:.25rem .5rem}.new-game .fa{margin-right:.5rem}.tip-copy{font-size:1.2em}.tip-line{margin-bottom:.4em}.cell{height:2.5em;width:2.5em;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:1.1em;font-weight:700;transition:background-color .3s ease-in-out}.cell.hint{background-color:#51f651!important}.cell.error{background-color:#ffa98f!important}.cell.prefilled{background-color:#eee}.cell.peer{background-color:#b1e3fc}.cell.same-value{background-color:#90d6f9}.cell.selected{background-color:#51bff6}.cell.conflict{color:#f4511f}.cell.conflict.selected{background-color:#ffa98f}.cell.user-filled{color:#4a5bc9}.cell.user-filled.conflict{color:#f4511f}.cell:nth-child(3n+3):not(:last-child){border-right:3px solid #000}.cell:not(:last-child){border-right:1px solid #000}.note-number{font-size:.6em;width:33%;height:33%;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.note-number.same-value{color:#f4511f;background-color:#b1e3fc}.puzzle{margin-top:.5em;cursor:pointer;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.puzzle,.row{width:"22.5emem"}.row{display:flex;align-items:center;flex:0}.row:not(:last-child){border-bottom:1px solid #000}.row:nth-child(3n+3):not(:last-child){border-bottom:3px solid #000!important}.controls{margin-top:.3em;display:flex;padding:.5em 0}.control,.controls{flex-wrap:wrap;justify-content:center;width:100%}.control{padding:0 2em;cursor:pointer;display:inline-flex;font-family:Special Elite,cursive;transition:filter .5s ease-in-out}.control,.number{align-items:center}.number{display:flex;position:relative;justify-content:center;font-size:2em;margin:.1em;width:1.5em;height:1.5em;color:#4a5bc9;box-shadow:0 1px 2px rgba(0,0,0,.16),0 1px 2px rgba(0,0,0,.23);border-radius:50%}.number.completed{opacity:.2}.circular-progress{display:block;width:100%;position:absolute;top:0;left:0;transition:filter .4s ease-in-out}.circular-progress.progress-0 .circle{stroke:#d65c5c}.circular-progress.progress-0 .circle-bg{stroke:#fcc}.circular-progress.progress-1 .circle{stroke:#d6995c}.circular-progress.progress-1 .circle-bg{stroke:#ffd9b3}.circular-progress.progress-2 .circle{stroke:#d6d65c}.circular-progress.progress-2 .circle-bg{stroke:#ffff80}.circular-progress.progress-3 .circle{stroke:#99d65c}.circular-progress.progress-3 .circle-bg{stroke:#bfff80}.circular-progress.progress-4 .circle{stroke:#5cd65c}.circular-progress.progress-4 .circle-bg{stroke:#b3ffb3}.circular-progress.progress-5 .circle{stroke:#5cd699}.circular-progress.progress-5 .circle-bg{stroke:#b3ffd9}.circular-progress.progress-6 .circle{stroke:#5cd6d6}.circular-progress.progress-6 .circle-bg{stroke:#cff}.circular-progress.progress-7 .circle{stroke:#5c99d6}.circular-progress.progress-7 .circle-bg{stroke:#cce6ff}.circular-progress.progress-8 .circle{stroke:#5c5cd6}.circular-progress.progress-8 .circle-bg{stroke:#ccf}.circular-progress.progress-9 .circle{stroke:#995cd6}.circular-progress.progress-9 .circle-bg{stroke:#e6ccff}.circle-bg{fill:none;stroke:#eee;stroke-width:3.8}.circle{stroke:#4a5bc9;transition:stroke-dasharray .4s ease-in-out;fill:none;stroke-width:2.8;stroke-linecap:round}.pyro-wrapper{position:absolute;background-color:#000;width:500px;height:600px;opacity:.75}.pyro-wrapper .pyro{width:100px;height:300px}.pyro>.after,.pyro>.before{position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff;animation:bang 1s ease-out infinite backwards,gravity 1s ease-in infinite backwards,position 5s linear infinite backwards}.pyro>.after{animation-delay:1.25s,1.25s,1.25s;animation-duration:1.25s,1.25s,6.25s}@-webkit-keyframes bang{to{box-shadow:-121px -241px #ccad00,129px 7px #a0c,102px 1px #8100cc,112px -222px #cc000a,-16px -76px #8b00cc,105px 12px #c00,-146px -84px #00cca3,95px -246px #00ccb1,70px -216px #cc00a0,93px -210px #00cc5c,-74px -82px #4c0,95px -141px #0030cc,-16px -165px #cc0085,103px -118px #cc0096,-49px -99px #cc008f,80px -70px #18cc00,-49px 40px #09c,-141px -113px #bc0,-37px -249px #00cc30,-114px -29px #41cc00,22px -229px #000ecc,82px -45px #0070cc,102px 19px #02c,-122px -123px #0c6,-7px -169px #b800cc,-99px 50px #cc0a00,57px -188px #cc9200,94px -116px #cc00c9,135px -240px #cc001b,62px 16px #60c,-24px -15px #0c4,-58px -65px #cc0070,29px -200px #cc000a,76px 42px #007ecc,119px 3px #c20,5px -59px #00b8cc,-63px -112px #be00cc,-96px -72px #c00,-18px -100px #cc00be,110px -105px #00ccad,-49px -175px #b400cc,-89px 4px #cc0036,-126px -93px #00cc1f,-27px -220px #00ccbe,143px 5px #92cc00,-96px -2px #cc004b,136px -60px #0025cc,-64px -111px #0070cc,123px -122px #96cc00,80px -212px #cc5c00,142px -228px #5800cc}}@-moz-keyframes bang{to{box-shadow:-121px -241px #ccad00,129px 7px #a0c,102px 1px #8100cc,112px -222px #cc000a,-16px -76px #8b00cc,105px 12px #c00,-146px -84px #00cca3,95px -246px #00ccb1,70px -216px #cc00a0,93px -210px #00cc5c,-74px -82px #4c0,95px -141px #0030cc,-16px -165px #cc0085,103px -118px #cc0096,-49px -99px #cc008f,80px -70px #18cc00,-49px 40px #09c,-141px -113px #bc0,-37px -249px #00cc30,-114px -29px #41cc00,22px -229px #000ecc,82px -45px #0070cc,102px 19px #02c,-122px -123px #0c6,-7px -169px #b800cc,-99px 50px #cc0a00,57px -188px #cc9200,94px -116px #cc00c9,135px -240px #cc001b,62px 16px #60c,-24px -15px #0c4,-58px -65px #cc0070,29px -200px #cc000a,76px 42px #007ecc,119px 3px #c20,5px -59px #00b8cc,-63px -112px #be00cc,-96px -72px #c00,-18px -100px #cc00be,110px -105px #00ccad,-49px -175px #b400cc,-89px 4px #cc0036,-126px -93px #00cc1f,-27px -220px #00ccbe,143px 5px #92cc00,-96px -2px #cc004b,136px -60px #0025cc,-64px -111px #0070cc,123px -122px #96cc00,80px -212px #cc5c00,142px -228px #5800cc}}@-o-keyframes bang{to{box-shadow:-121px -241px #ccad00,129px 7px #a0c,102px 1px #8100cc,112px -222px #cc000a,-16px -76px #8b00cc,105px 12px #c00,-146px -84px #00cca3,95px -246px #00ccb1,70px -216px #cc00a0,93px -210px #00cc5c,-74px -82px #4c0,95px -141px #0030cc,-16px -165px #cc0085,103px -118px #cc0096,-49px -99px #cc008f,80px -70px #18cc00,-49px 40px #09c,-141px -113px #bc0,-37px -249px #00cc30,-114px -29px #41cc00,22px -229px #000ecc,82px -45px #0070cc,102px 19px #02c,-122px -123px #0c6,-7px -169px #b800cc,-99px 50px #cc0a00,57px -188px #cc9200,94px -116px #cc00c9,135px -240px #cc001b,62px 16px #60c,-24px -15px #0c4,-58px -65px #cc0070,29px -200px #cc000a,76px 42px #007ecc,119px 3px #c20,5px -59px #00b8cc,-63px -112px #be00cc,-96px -72px #c00,-18px -100px #cc00be,110px -105px #00ccad,-49px -175px #b400cc,-89px 4px #cc0036,-126px -93px #00cc1f,-27px -220px #00ccbe,143px 5px #92cc00,-96px -2px #cc004b,136px -60px #0025cc,-64px -111px #0070cc,123px -122px #96cc00,80px -212px #cc5c00,142px -228px #5800cc}}@-ms-keyframes bang{to{box-shadow:-121px -241px #ccad00,129px 7px #a0c,102px 1px #8100cc,112px -222px #cc000a,-16px -76px #8b00cc,105px 12px #c00,-146px -84px #00cca3,95px -246px #00ccb1,70px -216px #cc00a0,93px -210px #00cc5c,-74px -82px #4c0,95px -141px #0030cc,-16px -165px #cc0085,103px -118px #cc0096,-49px -99px #cc008f,80px -70px #18cc00,-49px 40px #09c,-141px -113px #bc0,-37px -249px #00cc30,-114px -29px #41cc00,22px -229px #000ecc,82px -45px #0070cc,102px 19px #02c,-122px -123px #0c6,-7px -169px #b800cc,-99px 50px #cc0a00,57px -188px #cc9200,94px -116px #cc00c9,135px -240px #cc001b,62px 16px #60c,-24px -15px #0c4,-58px -65px #cc0070,29px -200px #cc000a,76px 42px #007ecc,119px 3px #c20,5px -59px #00b8cc,-63px -112px #be00cc,-96px -72px #c00,-18px -100px #cc00be,110px -105px #00ccad,-49px -175px #b400cc,-89px 4px #cc0036,-126px -93px #00cc1f,-27px -220px #00ccbe,143px 5px #92cc00,-96px -2px #cc004b,136px -60px #0025cc,-64px -111px #0070cc,123px -122px #96cc00,80px -212px #cc5c00,142px -228px #5800cc}}@keyframes bang{to{box-shadow:-121px -241px #ccad00,129px 7px #a0c,102px 1px #8100cc,112px -222px #cc000a,-16px -76px #8b00cc,105px 12px #c00,-146px -84px #00cca3,95px -246px #00ccb1,70px -216px #cc00a0,93px -210px #00cc5c,-74px -82px #4c0,95px -141px #0030cc,-16px -165px #cc0085,103px -118px #cc0096,-49px -99px #cc008f,80px -70px #18cc00,-49px 40px #09c,-141px -113px #bc0,-37px -249px #00cc30,-114px -29px #41cc00,22px -229px #000ecc,82px -45px #0070cc,102px 19px #02c,-122px -123px #0c6,-7px -169px #b800cc,-99px 50px #cc0a00,57px -188px #cc9200,94px -116px #cc00c9,135px -240px #cc001b,62px 16px #60c,-24px -15px #0c4,-58px -65px #cc0070,29px -200px #cc000a,76px 42px #007ecc,119px 3px #c20,5px -59px #00b8cc,-63px -112px #be00cc,-96px -72px #c00,-18px -100px #cc00be,110px -105px #00ccad,-49px -175px #b400cc,-89px 4px #cc0036,-126px -93px #00cc1f,-27px -220px #00ccbe,143px 5px #92cc00,-96px -2px #cc004b,136px -60px #0025cc,-64px -111px #0070cc,123px -122px #96cc00,80px -212px #cc5c00,142px -228px #5800cc}}@-webkit-keyframes gravity{to{transform:translateY(200px);opacity:0}}@-moz-keyframes gravity{to{transform:translateY(200px);opacity:0}}@-o-keyframes gravity{to{transform:translateY(200px);opacity:0}}@-ms-keyframes gravity{to{transform:translateY(200px);opacity:0}}@keyframes gravity{to{transform:translateY(200px);opacity:0}}@-webkit-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@-moz-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@-o-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@-ms-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}.sudoku-game{font-family:Special Elite,cursive;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;position:relative}@media (min-width:800px) and (min-height:930px){:global(.header,.puzzle,.controls){font-size:1.5em}}@media (max-width:800px) and (min-width:600px){:global(.header,.puzzle,.controls){font-size:1.2em}}@media (max-height:930px) and (min-height:800px) and (min-width:600px){:global(.header,.puzzle,.controls){font-size:1.2em}}@media (max-height:800px) and (min-height:600px) and (min-width:370px){:global(.header,.puzzle,.controls){font-size:1em}}@media (max-width:370px){:global(.header,.puzzle,.controls){font-size:.8em}}@media (max-height:600px){:global(.header,.puzzle,.controls){font-size:.8em}}:global(body){margin:0}.actions{justify-content:space-between;width:100%;max-width:400px;margin-top:.5em;padding:0 .6em}.action,.actions{display:flex;align-items:center}.action{flex-direction:column;border:2px solid #ccc;border-radius:4px;padding:4px;min-width:4rem}.action.active{border-color:#999;background-color:#e2e6fd}.action.disabled{opacity:.5;cursor:not-allowed}:global(.icon){height:1.25em;cursor:pointer}