.fade-enter-active[data-v-bbb92b42],.fade-leave-active[data-v-bbb92b42]{transition:opacity .5s}.fade-enter[data-v-bbb92b42],.fade-leave-to[data-v-bbb92b42]{opacity:0}.modal-container[data-v-bbb92b42]{max-height:calc(100vh - 20%)}body[data-v-1e69382b]{font-size:16px;font-family:sans-serif;background-image:linear-gradient(60deg,#d3d3d3 5%,#fff 15%,#d3d3d3 55%,#d3d3d3 90%);background-size:100%;background-attachment:fixed;margin:0;overflow-x:hidden;filter:drop-shadow(12px 4px 10px grey)}#metronom[data-v-1e69382b]{width:180px;height:270px;margin:5px auto 2px auto;position:relative;display:flex;justify-content:center}#fons[data-v-1e69382b],#tap[data-v-1e69382b]{width:100%;height:100%;background:linear-gradient(180deg,hsla(0,0%,100%,.15) 7%,rgba(0,0,0,.15) 0),radial-gradient(at top center,#848484 7%,#000 30%);-webkit-clip-path:polygon(0 100%,100% 100%,65% 3%,50% 0,35% 3%);clip-path:polygon(0 100%,100% 100%,65% 3%,50% 0,35% 3%);position:absolute}#pendul[data-v-1e69382b]{width:10px;height:70%;background-color:#fff;border:1px solid #000;position:absolute;top:11%;display:flex;justify-content:center;transform-origin:center bottom;padding-top:var(--paddingTop);box-sizing:border-box;-webkit-animation-name:ticToc-1e69382b;animation-name:ticToc-1e69382b;-webkit-animation-duration:var(--animationDuration);animation-duration:var(--animationDuration);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;animation-direction:alternate-reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear;transition:.3s}#pes[data-v-1e69382b]{width:40px;height:30px;position:absolute;border:1px solid #000;background-color:orange;-webkit-clip-path:polygon(0 100%,100% 100%,65% 3%,50% 0,35% 3%);clip-path:polygon(0 100%,100% 100%,65% 3%,50% 0,35% 3%);transform:rotate(180deg)}#tap[data-v-1e69382b]{top:0;background:linear-gradient(#3e3f42 10%,transparent 0,transparent 75%,#3e3f42 0)}#f0:checked~#metronom[data-v-1e69382b]{--animationDuration:2.4s;--paddingTop:0}#f1:checked~#metronom[data-v-1e69382b]{--animationDuration:2s;--paddingTop:20%}#f2:checked~#metronom[data-v-1e69382b]{--animationDuration:1.6s;--paddingTop:40%}#f3:checked~#metronom[data-v-1e69382b]{--animationDuration:1.2s;--paddingTop:60%}#f4:checked~#metronom[data-v-1e69382b]{--animationDuration:0.8s;--paddingTop:40%}#f5:checked~#metronom[data-v-1e69382b]{--animationDuration:0.4s;--paddingTop:60%}#off:checked~#metronom[data-v-1e69382b]{--animationDuration:0s}#suportLabel[data-v-1e69382b]{position:absolute;top:78%;visibility:hidden;width:90%;left:5%;text-align:center}label[data-v-1e69382b]{font-size:20px;display:inline-block;line-height:35px;width:35px;text-align:center;color:grey;border:1px solid grey;transition:.3s;margin:5px;cursor:pointer}#f0:checked~* label[for=f0][data-v-1e69382b],#f1:checked~* label[for=f1][data-v-1e69382b],#f2:checked~* label[for=f2][data-v-1e69382b],#f3:checked~* label[for=f3][data-v-1e69382b],#f4:checked~* label[for=f4][data-v-1e69382b],#f5:checked~* label[for=f5][data-v-1e69382b],#off:checked~* label[for=off][data-v-1e69382b]{color:#fff;border-color:#fff}input[data-v-1e69382b]{display:none}#terra[data-v-1e69382b]{height:1px;width:98%;margin:auto;background-color:#000;color:#000;font-size:24px;text-align:center}@-webkit-keyframes ticToc-1e69382b{0%{transform:rotate(30deg)}to{transform:rotate(-30deg)}}@keyframes ticToc-1e69382b{0%{transform:rotate(30deg)}to{transform:rotate(-30deg)}}#tic[data-v-1e69382b],#toc[data-v-1e69382b]{color:#000;top:0;font-size:72px;font-weight:700;font-family:cursive;height:100%;transform-origin:center 100%;position:absolute;-webkit-animation-name:onomatopeia-1e69382b;animation-name:onomatopeia-1e69382b;transform:rotate(-23deg);opacity:0;-webkit-animation-duration:calc(var(--animationDuration)*2);animation-duration:calc(var(--animationDuration)*2);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}#tic>i[data-v-1e69382b],#toc>i[data-v-1e69382b]{vertical-align:.5rem;color:grey;font-size:80px}#toc[data-v-1e69382b]{transform:rotate(23deg);-webkit-animation-delay:var(--animationDuration);animation-delay:var(--animationDuration)}@-webkit-keyframes onomatopeia-1e69382b{0%{opacity:0}5%{opacity:1}65%{opacity:0}}@keyframes onomatopeia-1e69382b{0%{opacity:0}5%{opacity:1}65%{opacity:0}}.beats-container[data-v-7bc9edb8]{display:flex;width:100%;gap:4;justify-content:space-around;align-items:center;background-color:transparent;color:#fcb813;font-size:1.5rem}.slider[data-v-7bc9edb8]{-webkit-appearance:none;background-color:transparent;width:70%}input[type=range][data-v-7bc9edb8]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range][data-v-7bc9edb8]:focus{outline:none}.slider[data-v-7bc9edb8]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#1b2c5a;cursor:pointer;margin-top:-8px}.slider-dark[data-v-7bc9edb8]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;margin-top:-8px}.slider[data-v-7bc9edb8]::-moz-range-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#1b2c5a;cursor:pointer;border:none}.slider[data-v-7bc9edb8]::-webkit-slider-runnable-track{width:100%;height:1px;background:#a2a1a1}.slider[data-v-7bc9edb8]::-moz-range-track{width:100%;height:1px;background:#a2a1a1}.shadow-btn[data-v-5c695fd4]{box-shadow:0 3px 10px #3e3f42}.shadow-btn[data-v-5c695fd4]:hover{box-shadow:none}.transform-board[data-v-5c695fd4]{transform:perspective(100px) rotateX(5deg)}.shadow-custom[data-v-5c695fd4]{box-shadow:0 2px 4px rgba(0,0,0,.1)}@media screen and (max-width:480px){.cursor-not-allowed[data-v-5c695fd4]{padding:9px}#parent[data-v-5c695fd4]{font-size:8px;grid-template-columns:8em 9em 9em 6em 12em 0;display:grid}#playButton[data-v-5c695fd4]{background:brown;border-radius:50px}}.pianoType[data-v-5c695fd4]{background:linear-gradient(45deg,#222,#555);box-shadow:inset -1px -1px 2px hsla(0,0%,100%,.2),inset 0 -5px 2px 3px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.5)}.pianoType[data-v-5c695fd4]:active{box-shadow:inset -1px -1px 2px hsla(0,0%,100%,.2),inset 0 -2px 2px 3px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.5);background:linear-gradient(90deg,#444 0,#222)}.pianoWhite[data-v-5c695fd4]:active{box-shadow:inset 2px 0 3px rgba(0,0,0,.1),inset -5px 5px 20px rgba(0,0,0,.2),0 0 3px rgba(0,0,0,.2);background:linear-gradient(180deg,#fff 0,#e9e9e9)}@media screen and (max-width:480px){#timerParent[data-v-0f0527b4]{padding:0}#timingId[data-v-0f0527b4]{font-size:12px}}.timer[data-v-0f0527b4]{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;padding:12px;background-color:#f4f4f4;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.timer-label[data-v-0f0527b4]{font-size:18px;color:#555;margin-bottom:10px}.time[data-v-0f0527b4]{font-size:32px;color:#333}.reset-btn[data-v-0f0527b4],.start-btn[data-v-0f0527b4]{padding:10px 20px;font-size:18px;background-color:#c2346f;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.pause-btn[data-v-0f0527b4]:hover,.start-btn[data-v-0f0527b4]:hover{background-color:#0056b3}.blink[data-v-0f0527b4]{-webkit-animation:blink-0f0527b4 1s infinite;animation:blink-0f0527b4 1s infinite}.flick[data-v-0f0527b4]{-webkit-animation:flick-0f0527b4 1s infinite;animation:flick-0f0527b4 1s infinite}.breath-info[data-v-0f0527b4]{display:flex;flex-direction:column;align-items:center;margin-top:20px}.breathing-singer[data-v-0f0527b4]{width:40%;height:auto;margin-top:10px}.breath-count[data-v-0f0527b4]{display:flex;flex-direction:column;justify-content:center;align-items:center}@-webkit-keyframes blink-0f0527b4{0%{opacity:1}50%{opacity:1}to{opacity:1}}@keyframes blink-0f0527b4{0%{opacity:1}50%{opacity:1}to{opacity:1}}@-webkit-keyframes flick-0f0527b4{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes flick-0f0527b4{0%{opacity:1}50%{opacity:0}to{opacity:1}}.slider[data-v-701a0722]{-webkit-appearance:none;background-color:transparent;width:70%}input[type=range][data-v-701a0722]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range][data-v-701a0722]:focus{outline:none}.slider[data-v-701a0722]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#1b2c5a;cursor:pointer;margin-top:-8px}.slider-dark[data-v-701a0722]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;margin-top:-8px}.slider[data-v-701a0722]::-moz-range-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#1b2c5a;cursor:pointer;border:none}.slider[data-v-701a0722]::-webkit-slider-runnable-track{width:100%;height:1px;background:#a2a1a1}.slider[data-v-701a0722]::-moz-range-track{width:100%;height:1px;background:#a2a1a1}.slider[data-v-027fc6d2]{-webkit-appearance:none;background-color:transparent;width:70%}input[type=range][data-v-027fc6d2]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range][data-v-027fc6d2]:focus{outline:none}.slider[data-v-027fc6d2]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#1b2c5a;cursor:pointer;margin-top:-8px}.slider-dark[data-v-027fc6d2]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;margin-top:-8px}.slider[data-v-027fc6d2]::-moz-range-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#1b2c5a;cursor:pointer;border:none}.slider[data-v-027fc6d2]::-webkit-slider-runnable-track{width:100%;height:1px;background:#a2a1a1}.slider[data-v-027fc6d2]::-moz-range-track{width:100%;height:1px;background:#a2a1a1}.muzieknootjes[data-v-027fc6d2]{display:none;margin:auto;position:absolute;width:10%;min-width:300px;height:200px;border:0 solid #000}.noot-1[data-v-027fc6d2],.noot-2[data-v-027fc6d2],.noot-3[data-v-027fc6d2],.noot-4[data-v-027fc6d2]{position:absolute;-webkit-animation:notes-027fc6d2 2s linear infinite;animation:notes-027fc6d2 2s linear infinite;font-size:35px;opacity:0}.noot-1[data-v-027fc6d2]{top:60px;left:0;-webkit-animation-delay:.5s;animation-delay:.5s}.noot-2[data-v-027fc6d2]{top:30px;left:30%;-webkit-animation-delay:1s;animation-delay:1s}.noot-3[data-v-027fc6d2]{top:90px;left:60%;-webkit-animation-delay:1.5s;animation-delay:1.5s}.noot-4[data-v-027fc6d2]{top:40px;left:90%;-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes notes-027fc6d2{0%{transform:scale(1) translate(0);opacity:0}50%{opacity:.3;transform:scale(1.5) translate(50%,-50%)}80%{opacity:0;transform:scale(1.5) translate(100%,-100%)}to{transform:scale(1.5) translate(100%,-100%);opacity:0}}@keyframes notes-027fc6d2{0%{transform:scale(1) translate(0);opacity:0}50%{opacity:.3;transform:scale(1.5) translate(50%,-50%)}80%{opacity:0;transform:scale(1.5) translate(100%,-100%)}to{transform:scale(1.5) translate(100%,-100%);opacity:0}}input[type=range][data-v-7b8bf234]{-webkit-appearance:none;background-color:transparent;width:70%}input[type=range][data-v-7b8bf234]:focus{outline:none}input[type=range][data-v-7b8bf234]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#1b2c5a;cursor:pointer;margin-top:-8px}input[type=range][data-v-7b8bf234]::-moz-range-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#1b2c5a;cursor:pointer;border:none}input[type=range][data-v-7b8bf234]::-webkit-slider-runnable-track{width:100%;height:1px;background:#a2a1a1}input[type=range][data-v-7b8bf234]::-moz-range-track{width:100%;height:1px;background:#a2a1a1}.custom-bg[data-v-7b8bf234]{background:linear-gradient(180deg,#fed778,#fcb813)}input[type=range][data-v-00828f42]{-webkit-appearance:none;background-color:transparent;width:100%}input[type=range][data-v-00828f42]:focus{outline:none}input[type=range][data-v-00828f42]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#1b2c5a;cursor:pointer;margin-top:-8px}input[type=range][data-v-00828f42]::-moz-range-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#1b2c5a;cursor:pointer;border:none}input[type=range][data-v-00828f42]::-webkit-slider-runnable-track{width:100%;height:2px;background:#3e3f42}input[type=range][data-v-00828f42]::-moz-range-track{width:100%;height:2px;background:#3e3f42}.wire-bg[data-v-00828f42]{background-image:repeating-linear-gradient(50deg,rgba(0,0,0,.6),transparent .15em,transparent .2em),linear-gradient(180deg,rgba(0,0,0,.3) 10%,hsla(0,0%,100%,.25) 15%,hsla(0,0%,100%,.8) 30%,hsla(0,0%,100%,.25) 45%,rgba(0,0,0,.6) 90%);box-shadow:.04em .37em .02em 0 rgba(0,0,0,.1)}.wire-bg-0[data-v-00828f42]{height:3px}.wire-bg-1[data-v-00828f42]{height:4px}.wire-bg-2[data-v-00828f42]{height:5px}.wire-bg-3[data-v-00828f42]{height:6px}.wire-bg-4[data-v-00828f42]{height:7px}.wire-bg-5[data-v-00828f42]{height:8px}.shadow-guitar[data-v-00828f42]{box-shadow:inset 10px 1px 10px -3px rgba(0,0,0,.75),inset 10px -1px 10px -3px rgba(0,0,0,.75)}.vr[data-v-00828f42]{border-left:1px solid #8f8f8f;border-right:1px solid #454545}label[data-v-00828f42]{display:none}.checkbox:checked~label[data-v-00828f42]{background:#f4b400;display:flex}@-webkit-keyframes string-vibration-00828f42{0%{transform:translateY(0)}25%{transform:translateY(-6.5px)}50%{transform:translateY(6.5px)}75%{transform:translateY(-6.5px)}to{transform:translateY(0)}}@keyframes string-vibration-00828f42{0%{transform:translateY(0)}25%{transform:translateY(-6.5px)}50%{transform:translateY(6.5px)}75%{transform:translateY(-6.5px)}to{transform:translateY(0)}}.transition-class[data-v-00828f42]{transition:all .3s ease}.string-vibration-0[data-v-00828f42],.string-vibration-1[data-v-00828f42],.string-vibration-2[data-v-00828f42],.string-vibration-3[data-v-00828f42],.string-vibration-4[data-v-00828f42],.string-vibration-5[data-v-00828f42],.string-vibrationy[data-v-00828f42]{-webkit-animation:string-vibration-00828f42 .3s infinite;animation:string-vibration-00828f42 .3s infinite;transition:all .3s ease}.guitar-color[data-v-00828f42]{background-color:#fffaee}.guitar-simimg[data-v-00828f42]{width:19%;margin-right:8%;filter:brightness(1.7);transform:scale(3.5)}.guitar-nut[data-v-00828f42]{filter:hue-rotate(344deg);border-radius:10em}#dropdownList[data-v-00828f42]{z-index:90!important}@media screen and (max-width:480px){.guitar-simimg[data-v-00828f42]{display:none}}@media screen and (max-width:880px){#appy[data-v-7e5346f2]{width:90vw!important;cursor:pointer}}#appy[data-v-7e5346f2]{width:30vw;cursor:pointer}#parent[data-v-7e5346f2]{--h:216;--s:279%;--l:86%;--bg:radial-gradient(hsla(var(--h),var(--s),calc(var(--l) - 1%),0.99),hsla(var(--h),var(--s),calc(var(--l) - 5%),0.8)),url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='6' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--dark:hsl(var(--h) var(--s) 10%);--dark-hover:hsl(var(--h) var(--s) 25%);--light:hsl(var(--h) var(--s) 99%);--gap:1.5rem;background:#fff;height:100%;margin:unset;font-weight:900;place-content:center;padding:var(--gap) unset}.cf[data-v-7e5346f2]{aspect-ratio:1;margin-block:var(--gap) 0;width:calc(85vw - var(--gap)*2)}.cf-arcs[data-v-7e5346f2]{transform:rotate(-15deg);transform-origin:50% 50%}.cf-arcs path[data-v-7e5346f2]{fill:var(--dark);stroke:hsl(var(--h),var(--s),var(--l))}.cf-arcs path[data-v-7e5346f2]:hover{fill:var(--dark-hover)}.cf-text-inner[data-v-7e5346f2],.cf-text-middle[data-v-7e5346f2]{fill:var(--light);font-family:ui-sans-serif,system-ui,sans-serif;font-weight:500;letter-spacing:-.065em;pointer-events:none;text-anchor:middle}.cf-text-inner[data-v-7e5346f2]{font-size:.4em}.cf-text-middle[data-v-7e5346f2]{font-size:.6em}.highlighted[data-v-7e5346f2]{fill:#ff0!important;font-size:10px!important;font-family:auto \!important;font-weight:700!important}.cf-flat-1[data-v-7e5346f2]{transform:translate(10px,-2.5px)}.cf-flat-2[data-v-7e5346f2]{transform:translate(13px,-7.5px)}.cf-flat-3[data-v-7e5346f2]{transform:translate(16px,-1px)}.cf-flat-4[data-v-7e5346f2]{transform:translate(19px,-5.5px)}.cf-flat-5[data-v-7e5346f2]{transform:translate(22px,1px)}.cf-sharp-1[data-v-7e5346f2]{transform:translate(10px,-7.5px)}.cf-sharp-2[data-v-7e5346f2]{transform:translate(13px,-3px)}.cf-sharp-3[data-v-7e5346f2]{transform:translate(16px,-9px)}.cf-sharp-4[data-v-7e5346f2]{transform:translate(19px,-4.5px)}.cf-sharp-5[data-v-7e5346f2]{transform:translate(22px,.5px)}.cf-sharp-6[data-v-7e5346f2]{transform:translate(25px,-6px)}.cf use[data-v-7e5346f2]{pointer-events:none}.cf [baseline-shift=super][data-v-7e5346f2]{font-size:80%}.shadow-btn[data-v-40cec4df]{box-shadow:0 3px 10px #3e2f32}.shadow-btn[data-v-40cec4df]:hover{box-shadow:none}.transform-board[data-v-40cec4df]{transform:perspective(100px) rotateX(5deg)}.shadow-custom[data-v-40cec4df]{box-shadow:0 2px 4px rgba(0,0,0,.1)}@media screen and (max-width:480px){.cursor-not-allowed[data-v-40cec4df]{padding:9px}#playButton[data-v-40cec4df]{background:brown;border-radius:50px}}.pianoType[data-v-40cec4df]{background:linear-gradient(45deg,#222,#555);box-shadow:inset -1px -1px 2px hsla(0,0%,100%,.2),inset 0 -5px 2px 3px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.5)}.pianoType[data-v-40cec4df]:active{box-shadow:inset -1px -1px 2px hsla(0,0%,100%,.2),inset 0 -2px 2px 3px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.5);background:linear-gradient(90deg,#444 0,#222)}.pianoWhite[data-v-40cec4df]:active{box-shadow:inset 2px 0 3px rgba(0,0,0,.1),inset -5px 5px 20px rgba(0,0,0,.2),0 0 3px rgba(0,0,0,.2);background:linear-gradient(180deg,#fff 0,#e9e9e9)}