body{position:relative;overflow-x:hidden}button{color:#212121;padding:0}button:hover,button:focus{background-color:transparent!important;color:#212121}#current-list div{border-bottom:1px dashed #8aa9cc;padding:10px 0}#current-list{padding:15px;max-height:280px;min-height:280px;overflow:auto;background:#eee;border-radius:8px}#result-list div{padding:10px 0}#result-list{padding:15px;max-height:280px;min-height:0;overflow:auto;background:#eee;border-radius:8px}:root{--color-blue: #dfe5f6;--color-green: #e5f6df;--color-lilac: #e5dff6;--color-purple: #c5b7ec;--color-shadow-light: rgba(186, 172, 191, 0.35);--color-shadow-dark: transparent;--color-white: #ffffff;--color-petrol: #000809;--color-pink: #ebd4f3;--color-yellow: #f6f0df;--font-fam-primary: 'Open Sans', sans-serif;--shadow-before: 10px 10px 0px 0px;--shadow-after: 5px 5px 0px 0px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}button{outline:none;background:0 0;border:0;cursor:pointer}.header{margin-right:auto;margin-left:auto;padding-right:4vw;padding-left:4vw;max-width:calc(768px + 8vw);width:100%}.container{margin-right:auto;margin-left:auto;padding-right:4vw;padding-left:4vw;padding-top:4vw;width:100%}.buttons{display:block;position:relative;height:auto}.difficulty_text,.push__text{display:grid;justify-items:flex-start;margin-bottom:15px;margin-top:15px;font-size:20px}.difficulty_text p{margin-bottom:0!important}.default__buttons{display:flex;overflow:auto;flex-flow:wrap}.custom__buttons{display:flex;overflow:auto;flex-flow:wrap}.setting__buttons{display:flex;overflow:auto;flex-flow:wrap}.difficulty__button{position:relative;flex-shrink:0;margin-right:20px;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.button__front{width:100px;height:35px;background-color:var(--color-white);border:1px solid var(--color-petrol);border-radius:20px;top:0;left:0;transition:transform .2s linear;overflow:hidden;position:relative}.button__front .button__bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;object-fit:cover}button:hover .button__front{opacity:.75;color:#fff;background:#000}button:active .button__front{background-color:#fff;box-shadow:inset var(--shadow-after) var(--color-shadow-dark)}.current .button__front{background:#212121;color:#fff;box-shadow:3px 3px 0 0 var(--color-shadow-light)}.push__button{position:relative;width:120px;height:120px}#chart{display:block;width:500px;max-width:100%;min-height:500px;max-height:500px;position:relative;text-align:center;margin:0 auto}@media only screen and (max-width:624px){#chart{min-height:80vw!important}}.wheel{will-change:transform}text{pointer-events:none;stroke:none}#result{}#modal{display:none;position:fixed;z-index:9999;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,.5)}.modal-content{background:var(--color-white);margin:10% auto;padding:20px;max-width:400px;box-shadow:0 5px 8px 0 rgba(0,0,0,.2);border-radius:10px;border:1px solid var(--color-petrol);animation-name:modalopen;animation-duration:.5s}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;text-transform:uppercase;font-size:28px}.modal-body-container{position:relative;padding:10px 0}.modal-body-title{font-size:18px;text-align:center;margin:0 auto;margin-bottom:10px}.spin-result{font-size:24px;color:#212121;text-align:center;margin:0 auto}.closeBtn{color:gray;font-size:50px}.closeBtn:hover,.closeBtn:focus{color:#000;cursor:pointer}@keyframes modalopen{from{opacity:0}to{opacity:1}}#spin{width:75px;height:75px;border-radius:50%;background-color:#fff;cursor:pointer;font-size:18px;text-align:center;display:flex;flex-flow:column;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#spin:hover{opacity:.8}#spin:after{content:"";position:absolute;top:-15px;left:50%;transform:translateX(-50%);border:25px solid transparent;border-bottom-color:currentColor;border-top:none;color:#fff}span.button__text{font-size:12px;position:absolute;top:50%;left:50%;width:80%;transform:translate(-50%,-50%);z-index:1}.template-action{margin-bottom:15px}.template-action-button{background:#fff;color:#212121;border:1px solid var(--color-petrol);border-radius:5px;padding:3px 10px;transition:.5s linear}.template-action-button:active{background:#2196f3;color:#fff;border:1px solid #fff;transition:.5s linear}.template-action-button .material-symbols-rounded{vertical-align:-3px;font-size:16px}#logo{position:absolute;top:30px;left:30px;height:50px;width:200px;background-size:contain;background-repeat:no-repeat}.chart-footer{text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;left:50%;top:106%;transform:translate(-50%,-50%);width:100%}.chart-footer button{margin:0 10px;font-size:14px}.chart-footer .material-symbols-rounded{vertical-align:-8px}#toggle[data-collapse=on] .material-symbols-rounded{color:#0d6efd}#tab{padding:10px 0;padding-bottom:30px}.tab-item{padding:10px 20px;cursor:pointer}.tab-item.active{border-bottom:2px solid #212121}.setting-group{background-color:var(--base-3);padding:15px;margin-top:30px;border-radius:8px}#button-delete-result{position:absolute;top:3px;right:0;background:#fff;border:1px solid var(--color-petrol);border-radius:5px;padding:3px 10px;transition:.5s linear}#button-delete-result .material-symbols-rounded{vertical-align:-3px;font-size:16px}.difficulty{margin-bottom:15px;padding:15px;background-color:var(--base-3)}.entry-content{text-align:justify}.entry-content p{margin-bottom:15px}.entry-content h1{text-align:center;margin-bottom:30px;font-size:22px}.pyro>.before,.pyro>.after{position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:-120px -218.66667px blue,248px -16.66667px #00ff84,190px 16.33333px #002bff,-113px -308.66667px #ff009d,-109px -287.66667px #ffb300,-50px -313.66667px #ff006e,226px -31.66667px #ff4000,180px -351.66667px #ff00d0,-12px -338.66667px #00f6ff,220px -388.66667px #9f0,-69px -27.66667px #ff0400,-111px -339.66667px #6200ff,155px -237.66667px #0df,-152px -380.66667px #00ffd0,-50px -37.66667px #0fd,-95px -175.66667px #a6ff00,-88px 10.33333px #0d00ff,112px -309.66667px #005eff,69px -415.66667px #ff00a6,168px -100.66667px #ff004c,-244px 24.33333px #f60,97px -325.66667px #f06,-211px -182.66667px #00ffa2,236px -126.66667px #b700ff,140px -196.66667px #9000ff,125px -175.66667px #0bf,118px -381.66667px #ff002f,144px -111.66667px #ffae00,36px -78.66667px #f600ff,-63px -196.66667px #c800ff,-218px -227.66667px #d4ff00,-134px -377.66667px #ea00ff,-36px -412.66667px #ff00d4,209px -106.66667px #00fff2,91px -278.66667px #000dff,-22px -191.66667px #9dff00,139px -392.66667px #a6ff00,56px -2.66667px #09f,-156px -276.66667px #ea00ff,-163px -233.66667px #00fffb,-238px -346.66667px #00ff73,62px -363.66667px #08f,244px -170.66667px #0062ff,224px -142.66667px #b300ff,141px -208.66667px #9000ff,211px -285.66667px #f60,181px -128.66667px #1e00ff,90px -123.66667px #c800ff,189px 70.33333px #00ffc8,-18px -383.66667px #0f3,100px -6.66667px #ff008c;-moz-animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards;-webkit-animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards;-o-animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards;-ms-animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards;animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards}.pyro>.after{-moz-animation-delay:1.25s,1.25s,1.25s;-webkit-animation-delay:1.25s,1.25s,1.25s;-o-animation-delay:1.25s,1.25s,1.25s;-ms-animation-delay:1.25s,1.25s,1.25s;animation-delay:1.25s,1.25s,1.25s;-moz-animation-duration:1.25s,1.25s,6.25s;-webkit-animation-duration:1.25s,1.25s,6.25s;-o-animation-duration:1.25s,1.25s,6.25s;-ms-animation-duration:1.25s,1.25s,6.25s;animation-duration:1.25s,1.25s,6.25s}@-webkit-keyframes bang{from{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}}@-moz-keyframes bang{from{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}}@-o-keyframes bang{from{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}}@-ms-keyframes bang{from{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}}@keyframes bang{from{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}}@-webkit-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-moz-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-o-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-ms-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-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%}}