.colorBox .colorWrapper[data-v-62adc6ac]{width:100%;height:100%;display:flex;justify-content:space-evenly}.colorBox[data-v-62adc6ac]:not(.mobile){width:-webkit-min-content;width:-moz-min-content;width:min-content;height:50px;background:#eaeaea;border-radius:40px 40px 0 0;padding:0 30px 0 30px}.colorBox:not(.mobile) .colorWrapper[data-v-62adc6ac]{position:relative;bottom:50%}.colorBox:not(.mobile) .color[data-v-62adc6ac]{height:65px;width:65px;box-sizing:border-box;border-radius:50%;border:8px solid #eaeaea;cursor:pointer;transition:.25s ease}.colorBox:not(.mobile) .color[data-v-62adc6ac]:hover{border:8px solid var(--c2)}.colorBox:not(.mobile) .active[data-v-62adc6ac]{border:8px solid var(--c3)!important}.colorBox.mobile[data-v-62adc6ac]{width:100%}.colorBox.mobile .colorWrapper[data-v-62adc6ac]{flex-wrap:wrap}.colorBox.mobile .color[data-v-62adc6ac]{width:15%;padding-bottom:15%;border-radius:50%;margin-bottom:10px;box-sizing:border-box}.colorBox.mobile .active[data-v-62adc6ac]{padding-bottom:12%!important;border:5px solid var(--c3)!important}div[data-v-b774fd04]{height:100%}div canvas[data-v-b774fd04]{height:100%;width:100%}div[data-v-b774fd04]:not(.mobile){width:50%}div.mobile[data-v-b774fd04]{width:80%}div[data-v-0382da77]{height:60px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0 30px;display:flex;align-items:center;justify-content:center;box-shadow:var(--box-shadow);border-radius:var(--border-radius)}div p[data-v-0382da77]{color:var(--c3)}div.mobile[data-v-0382da77]{width:100%}#gameMode[data-v-57ef1821]{width:150px;height:60px;display:flex;overflow:hidden;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}#gameMode div[data-v-57ef1821]{width:50%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-sizing:border-box}#gameMode div[data-v-57ef1821]:hover{background:var(--c1);opacity:.3}.active[data-v-57ef1821]{background:var(--c1);color:#fff}.active[data-v-57ef1821]:hover{opacity:1!important}div[data-v-ee137f52]{display:flex;height:100%}div p[data-v-ee137f52]{color:#c6c6c6;font-size:28px}div[data-v-ee137f52]:not(.mobile){flex-direction:column;width:25%}div.mobile[data-v-ee137f52]{width:100%;justify-content:space-evenly}.active[data-v-ee137f52]{color:var(--c4)}:root{--c1:#84d2f6;--c2:#59a5d8;--c3:#386fa4;--c4:#133c55;--box-shadow:7px 7px 10px 0px #d4d4d4;--border-radius:12px}body,html{margin:0}#vue,body,html{height:100vh;width:100vw}#vue{box-sizing:border-box;display:flex;flex-direction:column}#vue:not(.mobile){padding:40px 40px 0 40px}#vue:not(.mobile) #s1{height:15%;display:flex;justify-content:space-between}#vue:not(.mobile) #s2{height:70%;display:flex}#vue:not(.mobile) #s3{height:15%;display:flex;align-items:flex-end;justify-content:center}#vue.mobile{padding:20px 20px 0 20px}#vue.mobile section{width:100%;display:flex;justify-content:center;align-items:center}#vue.mobile #s1,#vue.mobile #s2{height:10%}#vue.mobile #s3{height:50%}#vue.mobile #s4{height:20%}#vue.mobile #s5{height:10%}