.s-icon{--fill: 0;--weight: 400;--gradient: 0;--opsz: 48;max-width:1em;overflow:hidden;font-size:inherit;display:block;font-variation-settings:"FILL" var(--fill),"wght" var(--weight),"GRAD" var(--gradient),"opsz" var(--opsz)}.s-icon.fill{--fill: 1}.s-icon.bold{--weight: 700}.fullscreen-overlay{width:100%;height:100%;pointer-events:all;position:absolute;left:0;top:0;background-color:var(--color-bg-dark--lighten-10)}.s-button{color:var(--color-white);background:var(--color-black);border-radius:1000px;padding:14px 20px;transition:all .1s ease-in-out;text-align:center;font-size:20px;font-family:Roboto,Helvetica,Arial,sans-serif;cursor:pointer}.s-button:hover{scale:1.03}.s-button:active{scale:.95}.s-button:disabled{background-color:var(--color-disabled)}.s-button.outline{border:1px solid var(--color-white)}.s-button.light{background:var(--color-white);color:var(--color-black)}.s-button.light:disabled{background-color:var(--color-disabled--lighten-20)}.s-button.light.outline{border:1px solid var(--color-black)}.modal--bg{position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;background-color:var(--color-black);opacity:.7;pointer-events:all}.modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--color-bg-dark--lighten-10);pointer-events:all}.modal .modal--default{padding:30px 10px 10px;display:flex;flex-direction:column;gap:5px;max-width:480px;max-height:90vh}.modal .modal--title{margin-top:-10px;font-size:24px}.modal .modal--body{font-size:18px;overflow-y:auto}.modal .modal--button-container{display:flex;flex-direction:column;margin:0 auto;gap:5px}@media all and (max-width: 600px){.modal .modal--default{min-width:90vw}}.drawer--bg{position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;background-color:var(--color-black);opacity:.7;pointer-events:all}.drawer{position:absolute;pointer-events:all;background-color:var(--color-bg-dark--lighten-10)}.drawer.drawer--right{top:0;right:0;height:100%;width:500px}.drawer.drawer--left{top:0;left:0;height:100%;width:500px}.drawer.drawer--bottom{bottom:0;left:0;height:500px;width:100%}.drawer-slide-enter-active .drawer,.drawer-slide-enter-active .drawer--bg,.drawer-slide-leave-active .drawer,.drawer-slide-leave-active .drawer--bg{transition:all .2s ease}.drawer-slide-enter-from .drawer--bg,.drawer-slide-leave-to .drawer--bg{opacity:0}.drawer-slide-enter-from .drawer--left,.drawer-slide-leave-to .drawer--left{transform:translate(-100%)}.drawer-slide-enter-from .drawer--right,.drawer-slide-leave-to .drawer--right{transform:translate(100%)}.drawer-slide-enter-from .drawer--bottom,.drawer-slide-leave-to .drawer--bottom{transform:translateY(100%)}.toast{background-color:var(--color-white--darken-30);color:var(--color-black);padding:10px 20px;border-radius:8px;font-size:18px;font-family:Roboto,Helvetica,Arial,sans-serif;position:relative;display:inline-block;box-shadow:0 0 4px var(--color-black)}.toasts-container{display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none;z-index:40;margin-top:20px}.fade-enter-active,.fade-leave-active{transition:all .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-up-enter-active,.fade-up-leave-active{transition:all .2s ease}.fade-up-enter-from,.fade-up-leave-to{opacity:0}.fade-up-leave-to{translate:0 -100%}.overlays{position:fixed;width:100vw;height:100vh;left:0;top:0;right:0;bottom:0;pointer-events:none;z-index:10}.overlays .close-button{position:absolute;right:0;top:0;padding:10px}.s-logo{--logo-size: 100px;width:var(--logo-size);height:var(--logo-size);position:relative}.s-logo:before{content:"";position:absolute;width:50%;height:50%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-black)}.s-logo .s-l-circle{position:absolute;border:calc(var(--logo-size) * .05) solid var(--color-black);border-radius:50%;font-size:calc(var(--logo-size) * .4);font-weight:700;box-sizing:border-box;font-family:"Dosis" Roboto,Helvetica,Arial,sans-serif}.s-logo .s-l-circle:nth-child(1){top:0;left:0;right:48.5%;bottom:48.5%}.s-logo .s-l-circle:nth-child(2){top:0;left:48.5%;right:0;bottom:48.5%}.s-logo .s-l-circle:nth-child(3){top:48.5%;left:0;right:48.5%;bottom:0}.s-logo .s-l-circle:nth-child(4){top:48.5%;left:48.5%;right:0;bottom:0}.s-splash{background-color:var(--color-green);width:100%;height:100%;overflow-y:auto;padding:10px;box-sizing:border-box;color:var(--color-black)}.s-splash .s-s-play{min-width:150px}.s-splash .s-s-content{max-width:300px}.s-splash .s-s-body{font-size:20px}.h-100{height:100%}.w-100{width:100%}.hover--brighten{transition:filter calc(.5s / var(--animation-speed)) ease-in-out}.hover--brighten:hover{filter:brightness(105%)}.cursor--pointer{cursor:pointer}.faded{opacity:.6}.margin-center{margin-left:auto;margin-right:auto}.scroll-y{overflow-y:auto}.no-scroll-y{overflow-y:hidden}.invisible{opacity:0!important}.max-h-100{max-height:100%}.border-none{border:none}.margin-0{margin:0}.padding-0{padding:0}.opacity-1{opacity:1!important}.img--responsive{width:100%;height:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input,textarea,select,form,button{border:none;margin:0;padding:0;font:inherit;line-height:1em;display:inline-block;vertical-align:middle;align-items:center;white-space:normal;color:inherit}input:hover,input:focus,input:active,input.active,textarea:hover,textarea:focus,textarea:active,textarea.active,select:hover,select:focus,select:active,select.active,form:hover,form:focus,form:active,form.active,button:hover,button:focus,button:active,button.active{outline:none}*:hover,*:focus,*:active,*.active{outline:none}.clear-btn{background:transparent;border:none;padding:0;margin:0}.underline{text-decoration:underline}body.keyboard-focus .keyboard-focus:focus,body.keyboard-focus .keyboard-focus:focus-within{outline:2px solid #7aacfe!important;outline:5px auto -webkit-focus-ring-color!important}p,h1,h2,h3,h4,h5,h6{margin:.4em 0}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.nowrap{white-space:nowrap}.roboto-slab{font-family:Roboto Slab,serif}.font-sans{font-family:Roboto,Helvetica,Arial,sans-serif}.font-nunito{font-family:Nunito,Roboto,Helvetica,Arial,sans-serif}.bold{font-weight:700}.light{font-weight:300}.flex{display:flex}.row{flex-direction:row}.col{flex-direction:column}.wrap{flex-wrap:wrap}.nowrap{flex-wrap:nowrap}.grow-0{flex-grow:0}.grow-1{flex-grow:1}.shrink-0{flex-shrink:0}.shrink-1{flex-shrink:1}.justify-c{justify-content:center}.justify-e{justify-content:end}.justify-s{justify-content:start}.justify-space-b{justify-content:space-between}.justify-space-a{justify-content:space-around}.justify-space-e{justify-content:space-evenly}.align-c{align-items:center}.align-s{align-items:start}.align-e{align-items:end}.gap-10{gap:10px}.gap-20{gap:20px}.gap-30{gap:30px}.gap-01{gap:1px}.gap-02{gap:2px}.gap-03{gap:3px}.gap-04{gap:4px}.gap-05{gap:5px}.gap-06{gap:6px}.gap-07{gap:7px}.gap-08{gap:8px}.gap-09{gap:9px}@media all and (max-width: 600px){.col-xs-full{flex-basis:100%!important}}@media all and (min-width: 600px){.row-md{flex-direction:row}.col-md{flex-direction:column}}.color-black{color:var(--color-black)}.fill-black{fill:var(--color-black)}.bg-black{background-color:var(--color-black)!important}.color-white{color:var(--color-white)}.fill-white{fill:var(--color-white)}.bg-white{background-color:var(--color-white)!important}.color-green{color:var(--color-green)}.fill-green{fill:var(--color-green)}.bg-green{background-color:var(--color-green)!important}.color-red{color:var(--color-red)}.fill-red{fill:var(--color-red)}.bg-red{background-color:var(--color-red)!important}.color-yellow{color:var(--color-yellow)}.fill-yellow{fill:var(--color-yellow)}.bg-yellow{background-color:var(--color-yellow)!important}.color-disabled{color:var(--color-disabled)}.fill-disabled{fill:var(--color-disabled)}.bg-disabled{background-color:var(--color-disabled)!important}.color-bg-dark{color:var(--color-bg-dark)}.fill-bg-dark{fill:var(--color-bg-dark)}.bg-bg-dark{background-color:var(--color-bg-dark)!important}.color-chartreuse{color:var(--color-chartreuse)}.fill-chartreuse{fill:var(--color-chartreuse)}.bg-chartreuse{background-color:var(--color-chartreuse)!important}.color-olive{color:var(--color-olive)}.fill-olive{fill:var(--color-olive)}.bg-olive{background-color:var(--color-olive)!important}@keyframes horizontal-shake{0%{translate:0 0}11%{translate:-10% 0}22%{translate:10% 0}33%{translate:-8% 0}44%{translate:8% 0}56%{translate:-5% 0}67%{translate:5% 0}78%{translate:-2.5% 0}89%{translate:2.5% 0}to{translate:0 0}}.horizontal-shake{animation-duration:.5s;animation-name:horizontal-shake;animation-iteration-count:infinite;animation-direction:normal}:root{--color-black: #000000;--color-white: #ffffff;--color-green: #bfdf8e;--color-red: #d85d5d;--color-yellow: #ffd756;--color-disabled: #4c4c4c;--color-bg-dark: #1a1a1a;--color-chartreuse: #d5ea60;--color-olive: #7a955d;--color-black--lighten-10: #1a1a1a;--color-black--darken-10: black;--color-black--lighten-20: #333333;--color-black--darken-20: black;--color-black--lighten-30: #4d4d4d;--color-black--darken-30: black;--color-black--lighten-40: #666666;--color-black--darken-40: black;--color-black--lighten-50: gray;--color-black--darken-50: black;--color-white--lighten-10: white;--color-white--darken-10: #e6e6e6;--color-white--lighten-20: white;--color-white--darken-20: #cccccc;--color-white--lighten-30: white;--color-white--darken-30: #b3b3b3;--color-white--lighten-40: white;--color-white--darken-40: #999999;--color-white--lighten-50: white;--color-white--darken-50: gray;--color-green--lighten-10: #d6eab6;--color-green--darken-10: #a8d466;--color-green--lighten-20: #ecf6dd;--color-green--darken-20: #92c83f;--color-green--lighten-30: white;--color-green--darken-30: #76a52f;--color-green--lighten-40: white;--color-green--darken-40: #5a7d24;--color-green--lighten-50: white;--color-green--darken-50: #3d5618;--color-red--lighten-10: #e28686;--color-red--darken-10: #ce3434;--color-red--lighten-20: #ecafaf;--color-red--darken-20: #a72828;--color-red--lighten-30: #f6d8d8;--color-red--darken-30: #7e1e1e;--color-red--lighten-40: white;--color-red--darken-40: #551414;--color-red--lighten-50: white;--color-red--darken-50: #2c0a0a;--color-yellow--lighten-10: #ffe389;--color-yellow--darken-10: #ffcb23;--color-yellow--lighten-20: #ffefbc;--color-yellow--darken-20: #efb600;--color-yellow--lighten-30: #fffbef;--color-yellow--darken-30: #bc9000;--color-yellow--lighten-40: white;--color-yellow--darken-40: #896900;--color-yellow--lighten-50: white;--color-yellow--darken-50: #564200;--color-disabled--lighten-10: #666666;--color-disabled--darken-10: #333333;--color-disabled--lighten-20: #7f7f7f;--color-disabled--darken-20: #191919;--color-disabled--lighten-30: #999999;--color-disabled--darken-30: black;--color-disabled--lighten-40: #b2b2b2;--color-disabled--darken-40: black;--color-disabled--lighten-50: #cccccc;--color-disabled--darken-50: black;--color-bg-dark--lighten-10: #343434;--color-bg-dark--darken-10: #010101;--color-bg-dark--lighten-20: #4d4d4d;--color-bg-dark--darken-20: black;--color-bg-dark--lighten-30: #676767;--color-bg-dark--darken-30: black;--color-bg-dark--lighten-40: gray;--color-bg-dark--darken-40: black;--color-bg-dark--lighten-50: #9a9a9a;--color-bg-dark--darken-50: black;--color-chartreuse--lighten-10: #e1f08d;--color-chartreuse--darken-10: #c9e433;--color-chartreuse--lighten-20: #edf6ba;--color-chartreuse--darken-20: #afc91b;--color-chartreuse--lighten-30: #f9fce7;--color-chartreuse--darken-30: #889c15;--color-chartreuse--lighten-40: white;--color-chartreuse--darken-40: #616f0f;--color-chartreuse--lighten-50: white;--color-chartreuse--darken-50: #3a4209;--color-olive--lighten-10: #93ac79;--color-olive--darken-10: #607649;--color-olive--lighten-20: #adbf99;--color-olive--darken-20: #475636;--color-olive--lighten-30: #c6d3b8;--color-olive--darken-30: #2d3722;--color-olive--lighten-40: #dfe6d8;--color-olive--darken-40: #13170f;--color-olive--lighten-50: #f9faf7;--color-olive--darken-50: black;--hover-brightness: 90%;--border-radius: 8px}html{-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;padding:0}#app{background-color:var(--color-bg-dark);color:var(--color-white);display:flex;flex-direction:column;--number-size: 86px;--number-radius: calc(var(--number-size) / 2);--number-padding: 8px}.header{height:60px;padding:5px 10px;box-sizing:border-box}.header-logo{--logo-size: 40px;color:var(--color-black)}.header-text{font-size:30px;margin:0}.content{overflow-y:auto}