div[data-scr=signin],div[data-scr=signreset],div[data-scr=signup]{display:none}.view .breadcrumbs{align-items:top;border-bottom:1px solid #444;border-top:1px solid #444;display:flex;flex:0;flex-direction:row;height:auto;justify-content:center;padding:6px 10px;position:relative;width:100%}.view .breadcrumbs>div{background:#364552;border-radius:8px;cursor:pointer;flex:0;font-size:18px;line-height:30px;margin:0 5px;padding:0 10px;white-space:nowrap}.view .breadcrumbs>div:hover{background:#444}.view .breadcrumbs>div[data-params="-"]{background:#a00;color:#f0f0f0;cursor:auto;font-weight:700;padding:0 10px;pointer-events:none}.view .breadcrumbs>div[data-params=x]{display:none!important}.view .breadcrumbs>u{color:#222;display:flex;flex:1;min-width:0;padding:0 10px;position:relative;text-align:right;text-decoration:none;white-space:nowrap}.view .breadcrumbs>u[data-favorite]{cursor:pointer}.view .breadcrumbs>u>p{flex:1}.view .breadcrumbs>u>span{flex:1 1 auto;font-size:18px;min-width:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.view .breadcrumbs>u>i,.view .breadcrumbs>u>span{display:inline-block;line-height:30px;vertical-align:middle}.view .breadcrumbs>u>i{color:#263644;font-size:30px;margin-left:10px}.view .breadcrumbs>u[data-favorite="1"]>i{color:#a00}.view .breadcrumbs>u>b{color:#222;display:inline-block;font-size:18px;line-height:30px;margin-right:0;vertical-align:middle;white-space:nowrap}.view .breadcrumbs>u>b[data-info=level]{flex:0}.view .breadcrumbs>u>b[data-info=pending]{background:#a00;border:1px solid #fff;border-radius:6px;color:#fff;flex:0;font-size:18px;line-height:30px;margin:0 0 0 20px;min-width:60px;padding:0 16px}.view .breadcrumbs>u>span>input{background:#d0d0d0;border:1px solid #263644;border-radius:6px;color:#222;cursor:pointer;flex:0;font-family:exo_2regular,Arial;font-size:16px;font-weight:400;line-height:30px;max-width:400px;padding:0 10px;position:relative;text-decoration:none;white-space:nowrap;width:100%}.view .breadcrumbs>u>span>input:focus{background:#fff;border:1px solid #263644}.view .breadcrumbs>div[data-cmd=back]{display:none}.view .breadcrumbs>div[data-cmd]:not([data-cmd=back]){display:block}@media screen and (min-width:0px){.view .breadcrumbs>div[data-cmd=back]{display:block}.view .breadcrumbs>div[data-cmd]:not([data-cmd=back]){display:none}}@media screen and (min-width:640px){.view .breadcrumbs>div[data-cmd=back]{display:none}.view .breadcrumbs>div[data-cmd]:not([data-cmd=back]){display:block}}.view .list_link{border-bottom:1px solid #444;color:#222;cursor:pointer;display:block;font-family:exo_2regular,Arial;font-size:20px;font-weight:400;line-height:28px;margin:0;padding:20px 60px 20px 90px;position:relative;text-align:left}.view .list_link:hover{background:rgba(0,0,0,.125)}.view .list_link h1{background:#005000;border:1px solid #b0b0b0;border-radius:50%;color:#fff;font-family:exo_2bold,Arial;font-size:20px;font-weight:400;height:50px;left:20px;line-height:50px;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:50px}.view .list_link.blocked{opacity:.5;pointer-events:none}.view .list_link.blocked h1{background:#500000}.view .list_link img{border-radius:8px;display:block;left:20px;width:50px}.view .list_link img,.view .list_link>i{position:absolute;top:50%;transform:translateY(-50%)}.view .list_link>i{color:#a00;font-size:30px;right:20px}.dev-helper{background:#000;position:relative}.dev-helper>div{padding:6px 10px;position:relative}.dev-helper table{position:realtive;width:100%}.dev-helper table tr{position:realtive}.dev-helper table tr td{border-bottom:1px solid #000;padding:6px 10px;position:relative}.dev-helper .dev-helper-error{background:maroon;color:#fff;position:relative}.dev-helper .dev-helper-warning{background:olive;color:#fff;position:relative}.dev-helper .dev-helper-success{background:green;color:#fff;position:relative}.view div[data-scr=devices] .formarea>div{background:#45453a}.view div[data-scr=devices] .radio{margin-bottom:10px}.view div[data-scr=devices] .device-box-options{position:relative;text-align:left}.view div[data-scr=devices] .device-box-options.disabled{opacity:.3;pointer-events:none}.view div[data-scr=devices] table td{padding:6px 10px 6px 0}.view div[data-scr=devices] table td .radio{width:70px}.view div[data-scr=devices] div[data-device=leds]{position:relative}.view div[data-scr=devices] div[data-device=leds]>h1{padding:0 0 0 70px}.view div[data-scr=devices] div[data-device=leds]>h2{left:20px;position:absolute;top:25px}.view div[data-scr=devices] div[data-device=leds] footer{display:flex;flex-direction:row;gap:10px}.view div[data-scr=devices] div[data-device=leds] footer>button{background:#b0b0b0;flex:1;margin-bottom:10px;max-width:50%;min-width:50%}.view div[data-scr=devices] div[data-device=leds] footer>button.active{background:#80f080}.view div[data-scr=devices] div[data-device=leds] footer>div{border:1px solid #b0b0b0;border-radius:10px;color:#b0b0b0;flex:1;font-family:exo_2regular,Arial;font-size:24px;line-height:30px;margin-bottom:10px;max-width:50%;min-width:50%;overflow:hidden;padding:14px 10px;text-align:center;white-space:nowrap}.view div[data-scr=devices] div[data-device=leds] footer>div.active{background:#80f080;color:#222}.view div[data-scr=devices] .device-box-list{color:#fff;display:block;font-family:exo_2regular,Arial;font-size:24px;line-height:30px;position:relative;text-align:center}.view div[data-scr=devices] div[data-device=leds] .device-box-list>div{border-radius:10px;display:none;padding:8px 20px;vertical-align:top}.view div[data-scr=devices] div[data-device=leds][data-error="0"] .device-box-list>div[data-error="0"]{background:#4caf50;display:inline-block}.view div[data-scr=devices] div[data-device=leds][data-error="1"] .device-box-list>div[data-error="1"]{background:transparent;display:inline-block}.view div[data-scr=devices] div[data-device=leds][data-error="2"] .device-box-list>div[data-error="2"]{background:#afaf50;display:inline-block}.view div[data-scr=devices] div[data-device=leds][data-error="3"] .device-box-list>div[data-error="3"]{background:#ff4c50;display:inline-block}.view div[data-scr=devices] div[data-device=leds][data-error="0"] .toggle-switch:checked+.toggle-slider,.view div[data-scr=devices] div[data-device=leds][data-error="1"] .toggle-switch:checked+.toggle-slider{background:#4caf50}.view div[data-scr=devices] div[data-device=leds][data-error="2"] .toggle-switch:checked+.toggle-slider{background:#afaf50}.view div[data-scr=devices] div[data-device=leds][data-error="3"] .toggle-switch:checked+.toggle-slider{background:#ff4c50}.view div[data-scr=devices] div[data-device=midi]{position:relative}.view div[data-scr=devices] div[data-device=midi]>h1{padding:0 0 0 70px}.view div[data-scr=devices] div[data-device=midi]>h2{left:20px;position:absolute;top:25px}.view div[data-scr=devices] div[data-device=midi] .device-box-list>div{display:block;padding:8px 0;text-align:left}.view div[data-scr=devices] div[data-device=midi] .device-box-list>div>p{border-radius:10px;cursor:pointer;padding:8px 10px;position:relative}.view div[data-scr=devices] div[data-device=midi] .device-box-list>div>p:hover{background:#484}.view div[data-scr=devices] div[data-device=midi] .device-box-list>div>p.selected{background:#44b044}.view div[data-scr=devices] div[data-device=midi] footer>div{border:1px solid #b0b0b0;border-radius:10px;color:#b0b0b0;flex:1;font-family:exo_2regular,Arial;font-size:24px;line-height:30px;max-width:100%;min-width:100%;overflow:hidden;padding:14px 10px;text-align:center;white-space:nowrap}.view div[data-scr=devices] div[data-device=midi] footer>div.active{background:#80f080;color:#222}@media screen and (min-width:0px){.view div[data-scr=devices] div[data-device=leds] footer,.view div[data-scr=devices] table td{display:block}.view div[data-scr=devices] div[data-device=leds] footer>button,.view div[data-scr=devices] div[data-device=leds] footer>div{flex:1;margin-bottom:10px;max-width:100%;min-width:100%}.view div[data-scr=devices] table td .radio{width:100%}}@media screen and (min-width:640px){.view div[data-scr=devices] table td{display:table-cell}.view div[data-scr=devices] div[data-device=leds] footer{display:flex}.view div[data-scr=devices] div[data-device=leds] footer>button,.view div[data-scr=devices] div[data-device=leds] footer>div{flex:1;max-width:50%;min-width:50%}.view div[data-scr=devices] table td .radio{width:70px}}.view .lessons-menu{position:relative}.view .lessons{background:#fff}.view .lessons-container{display:none}.view .lessons{position:relative}.view .lessons>.lessons-score{align-items:center;background:#fff;color:#222;flex:1;flex-direction:column;justify-content:center;overflow:auto;position:relative;width:100%}.view .lessons>.lessons-score canvas{background:#fff;width:100%}.loading{background:#000;bottom:0;display:block;left:0;opacity:1;position:fixed;right:0;top:0;z-index:3}.loading>div{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:200px}.loading>div>img{display:block;margin:0 auto 10px;width:100%}.loading>div>p{aspect-ratio:2.5;margin:0 auto;width:50%;--_g:no-repeat radial-gradient(farthest-side,#fff 90%,transparent);animation:l43 1s linear infinite;background:var(--_g),var(--_g),var(--_g),var(--_g);background-size:20% 50%}@keyframes l43{0%{background-position:0 50%,33.3333333333% 50%,66.6666666667% 50%,100% 50%}16.67%{background-position:0 0,33.3333333333% 50%,66.6666666667% 50%,100% 50%}33.33%{background-position:0 100%,33.3333333333% 0,66.6666666667% 50%,100% 50%}50%{background-position:0 50%,33.3333333333% 100%,66.6666666667% 0,100% 50%}66.67%{background-position:0 50%,33.3333333333% 50%,66.6666666667% 100%,100% 0}83.33%{background-position:0 50%,33.3333333333% 50%,66.6666666667% 50%,100% 100%}to{background-position:0 50%,33.3333333333% 50%,66.6666666667% 50%,100% 50%}}div[data-scr=mainmenu]{display:flex!important;flex-direction:row!important;flex-wrap:wrap;height:100%;min-height:100%;padding:10px!important;width:100%}div[data-scr=mainmenu]>div{flex:0 0 50%;min-height:50%;padding:10px;position:relative;width:50%}div[data-scr=mainmenu] .shortcut{border-radius:10px;color:#fcf2e5;cursor:pointer;height:100%;padding:20px;width:100%}div[data-scr=mainmenu] .shortcut>h4{font-size:40px;line-height:50px;margin:20px 0}div[data-scr=mainmenu] .shortcut>p{font-size:24px;line-height:32px}div[data-scr=mainmenu] .shortcut>i{color:rgba(0,0,0,.376);font-size:100px;line-height:110px;transition:all 1s}div[data-scr=mainmenu] .shortcut:hover>i{color:#fcf2e5}div[data-scr=mainmenu] .shortcut[data-params=trainer-menu]{background:#364552}div[data-scr=mainmenu] .shortcut[data-params=lessons-menu]{background:#996b45}div[data-scr=mainmenu] .shortcut[data-params=scores]{background:#5e3d43}div[data-scr=mainmenu] .shortcut[data-params=devices]{background:#45453a}@media screen and (min-width:0px){div[data-scr=mainmenu]>div{flex:0 0 100%;min-height:auto;padding:20px;width:100%}div[data-scr=mainmenu] .shortcut>h4{font-size:40px;line-height:50px;margin:20px 0}div[data-scr=mainmenu] .shortcut>p{font-size:24px;line-height:32px}div[data-scr=mainmenu] .shortcut>i{font-size:100px;line-height:110px}}@media screen and (min-width:1024px){div[data-scr=mainmenu]>div{flex:0 0 50%;min-height:50%;padding:20px;width:50%}div[data-scr=mainmenu] .shortcut>h4{font-size:32px;line-height:40px;margin:10px 0}div[data-scr=mainmenu] .shortcut>p{font-size:24px;line-height:32px}div[data-scr=mainmenu] .shortcut>i{font-size:80px;line-height:90px}}@media screen and (min-width:1500px){div[data-scr=mainmenu]>div{flex:0 0 50%;min-height:50%;padding:20px;width:50%}div[data-scr=mainmenu] .shortcut>h4{font-size:40px;line-height:50px;margin:20px 0}div[data-scr=mainmenu] .shortcut>p{font-size:24px;line-height:32px}div[data-scr=mainmenu] .shortcut>i{font-size:100px;line-height:110px}}.modal-layer{align-items:center;background:rgba(0,0,0,.816);display:none;flex-direction:column;font-size:24px;height:100%;justify-content:center;left:0;line-height:32px;position:fixed;text-align:center;top:0;width:100%;z-index:10}.modal-layer>div{background:#666;border:#888;border-radius:10px;display:flex;flex-direction:column;margin:0 auto;max-height:90%;min-width:300px;padding:40px 50px;position:relative;text-align:left;width:50%}.modal-layer>div>h1{flex:0;font-family:exo_2bold,Arial;font-size:24px;font-weight:400;line-height:32px;margin-bottom:20px;padding:0 40px}.modal-layer>div>div{flex:1;overflow:auto}.modal-layer>div>i{color:#fff;cursor:pointer;font-size:30px;line-height:32px;position:absolute;right:10px;text-align:center;top:10px}.modal-layer .popupoption{display:inline-block;margin:0;padding:0 20px 20px;position:relative;vertical-align:middle;width:50%}.modal-layer .popupoption>div{position:relative}.modal-layer .popupoption>h1{font-size:16px;line-height:24px;padding:0;position:relative;text-align:left}.modal-layer .popupoption>div>button{background:#222;border-radius:8px;color:#d0f0d0;cursor:pointer;font-size:16px;height:32px;line-height:24px;min-width:0;padding:0 10px;text-align:left;width:100%}.modal-layer .popupoption>div>button>span{display:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:0px){.modal-layer>div{padding:40px 10px;width:80%}.modal-layer>div>h1{padding:0 10px}.modal-layer .popupoption{padding:0 20px 20px;width:100%}}@media screen and (min-width:640px){.modal-layer .popupoption{padding:0 20px 20px;width:50%}}@media screen and (min-width:768px){.modal-layer>div{padding:40px 50px;width:70%}}@media screen and (min-width:1200px){.modal-layer>div{padding:40px 50px;width:60%}.modal-layer>div>h1{padding:0 10px}.modal-layer .popupoption{padding:0 20px 20px;width:50%}}@media screen and (min-width:1500px){.modal-layer>div{padding:40px 50px;width:50%}}.popup-message{align-items:center;background:rgba(0,0,0,.816);display:none;flex-direction:column;font-size:24px;height:100%;justify-content:center;left:0;line-height:32px;position:fixed;text-align:center;top:0;width:100%;z-index:10}.popup-message>div{background:#666;border:#888;border-radius:10px;display:flex;flex-direction:column;margin:0 auto;max-height:90%;min-width:300px;padding:20px;position:relative;width:50%}.popup-message>div>h1{flex:0;font-family:exo_2bold,Arial;font-size:32px;font-weight:400;line-height:42px;margin-bottom:20px}.popup-message>div>p{flex:1;overflow:auto}.popup-message>div>div{display:flex;flex:0;flex-direction:row;justify-content:center;margin:10px 0;position:relative}.popup-message>div>div>button{background:#222;border-radius:8px;color:#f0f0f0;cursor:pointer;font-family:exo_2regular,Arial;font-size:18px;line-height:32px;margin:10px 10px 0;min-width:100px;padding:10px 20px}.popup-message>div>div>button:hover{background:#444}.popup-message>div>div>progress{background:#222;border-radius:6px;height:32px;margin:0;width:100%}.popup-message>div>div>p{color:#222;font-size:20px;height:100%;left:0;line-height:32px;position:absolute;text-align:center;top:0;width:100%}@media screen and (min-width:0px){.popup-message>div>div{display:block}.popup-message>div,.popup-message>div>div>button{width:80%}}@media screen and (min-width:480px){.popup-message>div>div{display:flex}.popup-message>div>div>button{width:auto}}@media screen and (min-width:768px){.popup-message>div>div>button{width:auto}}@media screen and (min-width:1400px){.popup-message>div{width:50%}}*{-webkit-appearance:none;border:0;box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none}*,img{user-select:none}img{user-drag:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}h1,h2,h3,h4,h5{font-weight:400}::selection{background:#b0b0ff;color:#222}::-moz-selection{background:#b0b0ff;color:#222}html{background:#fcf2e5;font-family:exo_2regular,Arial,Georgia,Courier;overflow-y:hidden}body,html{font-weight:400;height:100%;width:100%}body{color:#e0e0e0;font-size:14px;line-height:18px;text-align:left}.view{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0;position:relative;width:100%}.when-logged{display:none}.view[data-logged=no] .when-logged[data-logged=no],.view[data-logged=yes] .when-logged[data-logged=yes]{display:block}.view .up{align-items:top;background:#263644;color:#fdf3e6;cursor:pointer;display:flex;flex:0;flex-direction:row;justify-content:center;padding:0 20px;position:relative;width:100%}.view .up .logo{flex:0;font-family:exo_2bold,Arial;font-size:32px;font-weight:400;line-height:40px;padding:10px 0;white-space:nowrap}.view .up .logo>img{height:40px;margin:0 10px 0 0}.view .up .logo>img,.view .up .logo>span{display:inline-block;vertical-align:bottom}.view .up .user{flex:1;font-family:exo_2regular,Arial;font-size:18px;font-weight:400;line-height:40px;padding:10px 0;text-align:right}.view .up .user>i{font-size:32px;line-height:40px;margin-left:10px}.view .in{align-items:top;display:flex;flex:1;flex-direction:row;justify-content:center;overflow:auto;position:relative;text-align:center;width:100%}.view .in>div{display:flex;flex-direction:column;margin-bottom:0;padding:0;width:100%}.view .in>div:has(div.no-results){align-items:center;justify-content:center}.view .in>div div.no-results{background:#222;border:1px solid #666;border-radius:8px;font-size:18px;line-height:24px;padding:32px}.view .bigbutton{border:1px solid #888;border-radius:6px;cursor:pointer;margin:20px 10px;padding:10px 10px 10px 90px;position:relative;text-align:left}.view .bigbutton:hover{background:#444}.view .bigbutton>i{color:#263644;font-size:40px;left:20px;line-height:40px;position:absolute;top:50%;transform:translateY(-50%)}.view .bigbutton>h4{font-family:exo_2bold,Arial;font-size:32px;font-weight:400;line-height:40px}.view .bigbutton>p{font-family:exo_2regular,Arial;font-size:24px;font-weight:400;line-height:32px}.view .author_link{border-radius:10px;cursor:pointer;display:inline-block;margin:20px;max-width:320px;overflow:hidden;padding:0;position:relative;vertical-align:middle;width:70%}.view .author_link img{display:block;opacity:1;width:100%}.view .author_link:hover img{opacity:.7}.view .author_link div{background:rgba(0,0,0,.502);bottom:0;height:auto;left:0;padding:8px;position:absolute;width:100%}.view .author_link div>h1{font-family:exo_2bold,Arial;font-size:20px;font-weight:400;line-height:24px}.view .author_link div>h2{font-family:exo_2regular,Arial;font-size:18px;line-height:22px}.view .author_link>u{background:#fff;border:1px solid #a00;border-radius:50%;font-size:40px;line-height:40px;position:absolute;right:16px;text-align:center;text-decoration:none;top:16px;width:40px}.view .author_link>u>i{color:#a00;font-size:28px}.view h1{font-family:exo_2bold,Arial;font-size:48px;font-weight:400;line-height:54px;position:relative}.view h1>span{color:#263644}.view h2{font-family:exo_2bold,Arial;font-size:32px;font-weight:400;line-height:40px;position:relative}.view h2>span{color:#263644}.view h3{font-family:exo_2bold,Arial;font-size:24px;font-weight:400;line-height:32px;position:relative}.view h3>span{color:#263644}.view p{font-family:exo_2regular,Arial;font-size:20px;font-weight:400;line-height:28px;position:relative}.view input[type=password],.view input[type=text]{box-shadow:none;outline:none}.view input[type=password]:focus,.view input[type=text]:focus{box-shadow:none!important;outline:none!important}.view .formbox{border:1px solid #444;border-radius:6px;margin:32px auto;max-width:480px;padding:20px;position:relative;text-align:left;width:80%}.view .formbox p{display:block;font-size:18px;line-height:32px;margin:0 0 4px}.view .formbox input{display:inline-block;vertical-align:middle}.view .formbox .scan-spinner{animation:rotation 1s linear infinite;border:2px solid #fff;border-radius:50%;box-sizing:border-box;display:none;height:32px;position:relative;vertical-align:middle;width:32px}.view .formbox .scan-spinner:after,.view .formbox .scan-spinner:before{background:#ff3d00;border-radius:50%;box-sizing:border-box;content:"";height:6px;left:0;position:absolute;top:0;transform:translate(50%,50%);width:6px}.view .formbox .scan-spinner:before{bottom:0;left:auto;right:0;top:auto;transform:translate(-50%,-50%)}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.view .formbox input[type=password],.view .formbox input[type=text]{width:100%}.view .formbox input[type=number],.view .formbox input[type=password],.view .formbox input[type=text]{border-radius:6px;font-family:exo_2regular,Arial;font-size:18px;font-weight:400;line-height:32px;margin:0 0 16px;padding:0 6px}.view .formbox input[type=number]{-webkit-appearance:none;-moz-appearance:textfield;background:transparent;color:#f0f0f0;text-align:center;width:48px}.view .formbox input[type=number]::-webkit-inner-spin-button,.view .formbox input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.view .formbox input[type=color]{-webkit-appearance:none;border:none;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.3);cursor:pointer;height:30px;overflow:hidden;padding:0;width:30px}.view .formbox input[type=color]::-webkit-color-swatch-wrapper{border-radius:50%;padding:0}.view .formbox input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.view .formbox input[type=color]::-moz-color-swatch{border:none;border-radius:50%}.view .formbox input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#007bff,#00bfff);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.view .formbox input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #007bff;border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,.2);height:16px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:16px}.view .formbox input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.view .formbox input[type=range]::-moz-range-thumb{background:#fff;border:2px solid #007bff;border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,.2);height:16px;-moz-transition:transform .2s ease;transition:transform .2s ease;width:16px}.view .formbox input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.view .formbox input[type=range]::-moz-range-track{background:linear-gradient(90deg,#007bff,#00bfff);border-radius:3px;height:6px}.view .toggle-slider{background-color:#ccc;border-radius:20px;cursor:pointer;display:inline-block;height:30px;position:relative;transition:background-color .2s;vertical-align:middle;width:60px}.view .toggle-slider:before{background-color:#fff;border-radius:50%;content:"";height:26px;left:2px;position:absolute;top:2px;transition:transform .2s;width:26px}.view .toggle-switch:checked+.toggle-slider{background-color:#4caf50}.view .toggle-switch:checked+.toggle-slider:before{transform:translateX(32px)}.color-picker{cursor:pointer;display:block}.color-picker>span{background:#e63946;border:1px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.5);display:block;height:32px;position:relative;width:200px}.color-picker>input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;display:none;height:0;inset:0;margin:0;opacity:0;padding:0;position:absolute;width:0}.radio{display:inline-block;margin:0 20px 0 0!important;padding:0 0 0 30px!important;position:relative;vertical-align:middle}.radio>*{cursor:pointer}.radio>input[type=radio]{opacity:0;pointer-events:none;position:absolute}.radio>span{align-items:center;background:#fff;border:1px solid #ccc;cursor:pointer;height:24px;justify-content:center;left:0;padding:0;transform:translateY(-50%);transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:24px}.radio>span,.radio>span>span{border-radius:50%;display:block;position:absolute;top:50%}.radio>span>span{background:#ccc;height:18px;left:50%;transform:translate(-50%,-50%);width:18px}.radio:hover>span{border-color:#b04040}.radio>input[type=radio]:checked+span>span{background:#b04040}.view .formbox .option{display:block;margin-bottom:20px;position:relative}.view .formbox .minibutton{background:#222;border:1px solid #888;border-radius:6px;color:#f0f0f0;cursor:pointer;display:inline-block;font-family:exo_2regular,Arial;font-size:16px;font-weight:400;line-height:24px;margin:0 10px;padding:4px 10px;position:relative;text-align:left;vertical-align:middle}.view .formbox .minibutton:hover{background:#444}.view .formbox footer{position:relative;text-align:right}.view .formbox footer button{background:#222;border:1px solid #888;border-radius:6px;color:#f0f0f0;cursor:pointer;font-family:exo_2regular,Arial;font-size:24px;font-weight:400;line-height:32px;margin:10px 0;padding:10px 40px;position:relative;text-align:left}.view .formbox button:hover{background:#444}.view .formbox progress{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#eee;border:none;border-radius:10px;box-shadow:inset 0 1px 3px rgba(0,0,0,.2);height:20px;overflow:hidden;width:100%}.view .formbox progress::-webkit-progress-bar{background-color:#eee;border-radius:10px}.view .formbox progress::-webkit-progress-value{background:linear-gradient(90deg,#4caf50,#81c784);border-radius:10px;-webkit-transition:width .3s ease;transition:width .3s ease}.view .formbox progress::-moz-progress-bar{background:linear-gradient(90deg,#4caf50,#81c784);border-radius:10px}.view .formbox select{line-height:24px;padding:6px 10px;width:100%}.view .step{display:none}.view .step[data-step="0"]{display:block}.view .error{background:#111;border:1px dashed #d00;border-radius:6px;color:#d00;display:none;font-size:18px;line-height:24px;margin:10px 0 20px;padding:10px}.view u[data-cmd]{color:#263644;cursor:pointer}.view u[data-cmd]:hover{color:#b04040}.view .in>.player{display:flex;flex-direction:column;margin-bottom:0;padding:0;width:100%}.view .dw{background:#263644;padding:10px 5px;width:100%}.view .dw,.view .dw>div{flex:0;position:relative}.view .dw>div{display:flex;flex-direction:row;margin:0;overflow:hidden;padding:0}.view .dw>div>p{flex:1}.optionbutton{cursor:pointer;display:block;flex:0;padding:0 5px;white-space:nowrap}.optionbutton>div{background:#333;border:1px solid #555;border-radius:8px;flex:0;font-size:16px;line-height:24px;min-height:44px;padding:0 36px 0 0;position:relative;text-align:left}.optionbutton>div>i{color:#b0b0b0;display:inline-block;font-size:18px;line-height:24px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);vertical-align:middle}.optionbutton:hover>div{background:#343}.optionbutton:hover>div>i{color:#3f3}.optionbutton[data-cmd][data-s]:not([data-s="0"])>div{background:#363}.optionbutton[data-cmd][data-s]:not([data-s="0"])>div>i{color:#3f3}.optionbutton>div>select,.optionbutton>div>span{color:#fff;display:inline-block;font-family:exo_2regular,Arial;font-size:16px;line-height:24px;padding:10px;vertical-align:middle}.optionbutton>div>select{background:transparent;cursor:pointer;outline:none}.optionbutton>div>select option{background:#222;color:#fff}.optionbutton.unavailable>div{background:#000;cursor:auto;opacity:.5}.optionbutton[data-cmd][data-s] i{display:none}.optionbutton[data-cmd][data-s="0"] i[data-ico="0"],.optionbutton[data-cmd][data-s]:not([data-s="0"]) i[data-ico="1"]{display:block}.view .player-score{background:#fff;flex:1;overflow:auto;position:relative}.view .player-score>#player-osmd{height:100%;position:relative;width:100%}.view .player-score>#player-osmd[data-colored="0"]{filter:brightness(0) saturate(1000%);mix-blend-mode:normal}.view .player-score>#player-osmd>div{display:block;position:relative;width:100%}.view .player-score>#player-osmd>div>img{display:block;width:100%}.view .player-score>.over-score{height:auto;left:0;pointer-events:none;position:absolute;top:0;width:auto}.view .player-score>.over-score>div{background:rgba(255,0,0,.376);height:auto;top:auto}.view .player-score>.flycursor,.view .player-score>.over-score>div{display:none;left:auto;pointer-events:none;position:absolute;width:auto}.view .player-score>.flycursor{background:rgba(38,54,68,.251);bottom:0;top:0}.view .player-score>.flycursor.looping{background:rgba(38,54,68,.376)}.view .player-score>.scorecursor{background:rgba(38,54,68,.251);bottom:0;display:block;left:auto;pointer-events:none;position:absolute;top:0;width:auto}.view .player-score>.scoremeasure{background:rgba(255,0,0,.125);display:block;height:100px;left:0;pointer-events:none;position:absolute;top:0;width:100px}.view label{height:auto;line-height:0px;margin:0;padding:0}@media screen and (min-width:0px){.optionbutton[data-cmd]:not([data-cmd=options])>div>span{display:none}.optionbutton{padding:0 3px}}@media screen and (min-width:480px){.optionbutton{padding:0 5px}}@media screen and (min-width:640px){.optionbutton[data-cmd]:not([data-cmd=options])>div>span{display:inline-block}}.splitscreen{display:none;flex-direction:row!important;flex-wrap:wrap;height:100%;padding:10px!important;width:100%}.splitscreen,.splitscreen>div{min-height:100%;position:relative}.splitscreen>div{flex:0 0 50%;padding:30px 20px 20px 10px;width:50%}.splitscreen>div>div{border-radius:10px;display:flex;flex-direction:column;gap:12px;justify-content:center}.splitscreen>.lyric>div{color:#222;font-size:38px;font-weight:400;line-height:40px;text-align:left}.splitscreen>.lyric h1{font-size:48px;line-height:54px}.splitscreen>.lyric h1,.splitscreen>.lyric h2{color:#222;font-family:exo_2regular,Arial;font-weight:400;text-align:left}.splitscreen>.lyric h2{font-size:24px;line-height:32px}.splitscreen>.lyric .lyric-option{padding:20px}.splitscreen>.formarea>div{background:#364552;height:100%;padding:20px 30px 30px}.splitscreen>.formarea>div[data-step="0"]{display:flex}.splitscreen>.formarea>div[data-step="1"],.splitscreen>.formarea>div[data-step="2"]{display:none}.splitscreen>.formarea>div h1{font-size:48px;line-height:54px}.splitscreen>.formarea>div h1,.splitscreen>.formarea>div h2{color:#f0f0f0;font-family:exo_2regular,Arial;font-weight:400;text-align:left}.splitscreen>.formarea>div h2{font-size:24px;line-height:36px}.splitscreen>.formarea>div h3{color:#f0f0f0;font-family:exo_2regular,Arial;font-size:28px;font-weight:400;line-height:38px;text-align:left}.splitscreen>.formarea u[data-cmd],.splitscreen>.formarea>div h3 span[data-info=email]{color:#b0b000}.splitscreen>.formarea u[data-cmd]:hover{color:#b0f000}.splitscreen>.formarea>div input{font-size:20px;line-height:50px;padding:0 10px}.splitscreen>.formarea>div button,.splitscreen>.formarea>div input{border-radius:10px;color:#222;display:block;font-family:exo_2regular,Arial;font-weight:400;width:100%}.splitscreen>.formarea>div button{cursor:pointer;font-size:24px;height:60px}.splitscreen>.formarea .space{flex:1}.splitscreen>.formarea .fields{padding:0 20px}.splitscreen>.formarea .error{background:#a00000;border:1px solid #fff;color:#fff;padding:10px 20px}@media screen and (min-width:0px){.splitscreen>div{flex:0 0 100%;min-height:auto;width:100}}@media screen and (min-width:1024px){.splitscreen>div{flex:0 0 50%;min-height:100%;width:50%}}.view .trainer-menu{position:relative}.view .trainer{background:#fff}.view .trainer-container{display:none}.view .trainer{position:relative}.view .trainer-present{background:#fff;color:#222;display:none;flex:1;flex-direction:column;overflow:auto}.view .trainer-present,.view .trainer-present>div{align-items:center;justify-content:center;position:relative;width:100%}.view .trainer-present>div{display:block;flex:0;flex-direction:column;height:auto;padding:0 10%}.view .trainer-present h1{color:#4060ff;font-size:40px;font-weight:400;line-height:50px;position:relative}.view .trainer-present h2{color:#333;font-size:50px;font-weight:400;line-height:60px;position:relative}.view .trainer-score{background:#fff;color:#222;display:flex;flex:1;flex-direction:column;overflow:auto}.view .trainer-score,.view .trainer-score>.trainer-score-in{align-items:center;justify-content:center;position:relative;width:100%}.view .trainer-score>.trainer-score-in{display:block;flex:0;flex-direction:column;height:auto;padding:0}.view .trainer-score>.trainer-score-in>canvas{background:#fff;max-width:1000px;width:100%}.view .trainer-controls .hint{color:#fff;flex:0;font-size:40px;left:50%;line-height:40px;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.view .trainer-timer{background:transparent;flex:0;padding:5px 0;position:relative;width:100%}.view .trainer-timer p{background:#ff4040;bottom:0;height:100%;left:0;position:absolute;width:0}@media screen and (min-width:0px){.view .dw .hint{left:auto;right:10px;top:50%;transform:translateY(-50%)}}@media screen and (min-width:768px){.view .dw .hint{left:50%;right:auto;top:50%;transform:translate(-50%,-50%)}}.view .vkeyboard{background:#222;display:block;flex:0;padding:10px 0 0;position:relative}.view .vkeyboard[data-s="0"]{display:none}.view .vkeyboard>div{aspect-ratio:12;position:relative}.view .vkeyboard>div>div{display:inline-block;height:100%;position:relative;vertical-align:middle;width:1.9230769231%}.view .vkeyboard>div>div>.key{position:relative;transition:background .1s ease}.view .vkeyboard>div>div>.key.white{background:#fff;border:1px solid grey;border-radius:2px 2px 8px 8px;display:inline-block;height:100%;left:0;position:absolute;top:0;vertical-align:middle;width:100%;z-index:1}.view .vkeyboard>div>div>.key.black{background:#202020;border:1px solid #000;border-radius:2px 2px 8px 8px;height:60%;left:auto;position:absolute;right:0;top:0;width:70%;z-index:2}.view .vkeyboard>div>div>.key[data-n="1"]{transform:translate(30%)}.view .vkeyboard>div>div>.key[data-n="3"]{transform:translate(70%)}.view .vkeyboard>div>div>.key[data-n="6"]{transform:translate(30%)}.view .vkeyboard>div>div>.key[data-n="8"]{transform:translate(50%)}.view .vkeyboard>div>div>.key[data-n="10"]{transform:translate(70%)}.view .vkeyboard>div>div>.key.white>span{aspect-ratio:1;background:blue;border-radius:50%;bottom:10%;left:50%;position:absolute;transform:translate(-50%,-50%);width:50%}
/*# sourceMappingURL=app.min.css.map */