svg.svelte-3h8371{stroke:currentColor;fill:currentColor;stroke-width:0;width:100%;height:auto;max-height:100%}*{color:#fff}html,body{overflow:hidden!important}.page{max-width:1000px;margin:0 auto;padding:3vh min(20%,10em)}.statistics{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.statistics .slot{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:max(20%,150px);height:100%;background:#8080801e;padding:10px 6px;border-radius:1000px}@media screen and (max-width: 900px){.statistics{flex-direction:column;gap:10px}.statistics .slot{width:100%;flex-direction:row;justify-content:space-between;padding:7px 20px;align-items:center;background:transparent;border-radius:0}.statistics .slot:not(:last-child){border-bottom:.5px solid rgba(255,255,255,.075)}.statistics .slot .title,.statistics .slot .value{font-size:1rem}}.statistics .title{font-size:1.2rem;font-weight:600;white-space:nowrap}.statistics .value{font-size:2rem;font-weight:800;white-space:nowrap}.header{font-size:2rem;font-weight:800;margin-bottom:1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.input{width:100%;border-bottom:2px solid rgba(255,255,255,.075);height:1.4em;margin-top:20px;font-size:60px;text-align:center;font-weight:700;position:relative;transition:all .2s ease-in-out;cursor:pointer}.input .correctAns,.input .tips,.input .playIcon{margin-top:10px;position:absolute;left:0;right:0;top:10px;z-index:100;transition:all .2s ease-in-out}.input .correctAns{font-size:40px;font-weight:800}.input .playIcon{height:40px;top:0;color:#fff8;transition:all .1s ease-in-out}.input .tips{margin-top:-20px;font-size:1rem;font-weight:600}.input .tips .tip{color:#fff4;transition:all .1s ease-in-out}.input .tips .tip.isCurrent{color:#fff;text-decoration:underline}.input .tips .tip.isPassed{opacity:.4;text-decoration:line-through}.input .tips .tip:not(:last-child){margin-right:10px}.numpad{margin-top:20px;display:flex;flex-direction:column;align-items:center}.numpad .row{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.numpad .row .key{width:70px;height:70px;border-radius:50%;background:#8080801e;display:flex;justify-content:center;align-items:center;font-size:30px;font-weight:700;margin:10px;aspect-ratio:1/1;transition:all .2s ease-in-out}.numpad .row .key:hover{background:#8080803e}.numpad .row .key:active{background:#8080805e;transform:scale(.9)}.settingsBtn{width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease-in-out}.settingsBtn:hover{background:#8080803e}.settingsBtn:active{background:#8080805e;transform:scale(.9)}.settings{padding:30px 0;border-radius:2000px;margin:20px 0;transition:all .2s ease-in-out}.settings .slot{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:10px 0}@media screen and (max-width: 900px){.settings .slot{flex-direction:column;gap:10px;margin:0;padding:7px 20px;align-items:flex-start}.settings .slot:not(:last-child){border-bottom:.5px solid rgba(255,255,255,.075)}.settings .slot .title,.settings .slot .value{font-size:1rem}}.settings .slot .title{font-size:1.2rem;font-weight:600;white-space:nowrap}.settings .slot .value{font-size:1.2rem;font-weight:800;margin-left:10px}.settings .slot .value input[type=checkbox]{display:none}.settings .slot .value input[type=checkbox]+.checkboxBadge{border-radius:1000px;border:1px solid transparent;background:#8080801e;padding:0 10px;justify-content:center;align-items:center;transition:all .2s ease-in-out;cursor:pointer;white-space:nowrap}.settings .slot .value input[type=checkbox]+.checkboxBadge:hover{background:#8080803e}.settings .slot .value input[type=checkbox]+.checkboxBadge:active{background:#8080805e;transform:scale(.9)}.settings .slot .value input[type=checkbox]:checked+.checkboxBadge{background:#8080805e;border:1px solid white}.settings .slot .value label{cursor:pointer;padding:5px 0}.settings .slot .value select{font-size:1.2rem;font-weight:800;padding:5px 10px;border-radius:1000px;background:#8080801e;border:none;color:#fff;transition:all .2s ease-in-out;-webkit-appearance:none}.settings .slot .value select option{background:#00133d;color:#fff}.settings .slot .value select:hover{background:#8080803e}.settings .slot .value select:active{background:#8080805e;transform:scale(.9)}*{-webkit-user-select:none;user-select:none}