@font-face{font-family:Yekan Bakh;font-style:normal;font-weight:400;src:url(/fonts/woff/YekanBakh-Regular.woff) format("woff"),url(/fonts/woff2/YekanBakh-Regular.woff2) format("woff2")}@font-face{font-family:Yekan Bakh;font-style:normal;font-weight:700;src:url(/fonts/woff/YekanBakh-Bold.woff) format("woff"),url(/fonts/woff2/YekanBakh-Bold.woff2) format("woff2")}@font-face{font-family:Yekan Bakh;font-style:normal;font-weight:950;src:url(/fonts/woff/YekanBakh-ExtraBlack.woff) format("woff"),url(/fonts/woff2/YekanBakh-ExtraBlack.woff2) format("woff2")}html{scroll-behavior:smooth}#__next-route-announcer__{display:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}*,:after,:before{border-color:var(--chakra-colors-gray-200);word-wrap:break-word}*{font-family:Yekan Bakh,sans-serif!important}a,button,div,input,select,textarea{-webkit-tap-highlight-color:transparent}.liquid{position:absolute;left:0;width:100%;height:100%;box-shadow:inset 0 0 50px rgba(0,0,0,.5);transition:.5s}.liquid:after,.liquid:before{content:"";width:170%;height:200%;position:absolute;left:50%}.liquid:before{border-radius:55%;animation:animate 5s linear infinite}.liquid:after{border-radius:40%;animation:animate 10s linear infinite}@keyframes animate{0%{transform:translate(-50%,-100%) rotate(0deg)}to{transform:translate(-50%,-100%) rotate(1turn)}}.slick-slide{display:flex!important;justify-content:center;align-items:center}.slick-active div{opacity:1!important}.slick-list{border:none;overflow:visible!important}.slick-dots li{width:-moz-fit-content!important;width:fit-content!important}.slick-dots,.slick-dots li{display:flex!important;justify-content:center;align-items:center}.slick-dots{bottom:-35px!important}.textGradientSuccess{background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.textGradientFail{background:#21c6e2;background:linear-gradient(90deg,#b549f6 5%,#b549f6 50%,#b549f6 95%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.textGradientErrorMessage{background:#b549f6;background:linear-gradient(90deg,#b549f6 0,#b549f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.piano-container{height:40vh;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.ReactPiano__Key--active.ReactPiano__Key--accidental,.ReactPiano__Key--active.ReactPiano__Key--natural{background:linear-gradient(0deg,#21c6e2,#6b88eb 50%,#b549f6) padding-box,linear-gradient(0deg,#21c6e2,#6b88eb 50%,#b549f6) border-box!important;border:3px solid transparent!important;box-shadow:0 -4px 20px 4px rgba(181,73,246,.4);box-shadow:0 4px 20px 4px rgba(33,198,226,.4)}.ReactPiano__Key--accidental{background:linear-gradient(180deg,#4a4a4a,#000) padding-box,linear-gradient(180deg,#4a4a4a,#4a4a4a) border-box!important;border:2px solid #515151!important;box-shadow:0 4px 7px 0 rgba(0,0,0,.4);font-size:small;border-radius:0 0 8px 8px!important}.ReactPiano__Key--natural{background:linear-gradient(180deg,#ddd,#fff) padding-box,linear-gradient(180deg,#d2d2d2,#d2d2d2) border-box!important;border:1px solid #ccc!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.piano-container>div{display:flex;align-items:center;justify-content:center}.ReactPiano__Keyboard{height:100%;margin-bottom:-20px;box-shadow:0 0 17px 7px rgba(0,0,0,.75)}.ReactPiano__Keyboard :first-child{border-top-left-radius:8px;border-bottom-left-radius:8px!important}.ReactPiano__Keyboard :last-child{border-top-right-radius:8px;border-bottom-right-radius:8px!important}#note-parser-audio-control{align-items:center;justify-content:center;color:#fff;background:linear-gradient(90deg,#21c6e2,#6b88eb 50%,#b549f6) border-box}#note-parser-audio-control~button{color:#fff;border:2px solid transparent;background:linear-gradient(#343434,#343434) padding-box,linear-gradient(90deg,#21c6e2,#6b88eb 50%,#b549f6) border-box}.music{display:flex;align-items:center;justify-content:center;gap:3px;width:80%}.loader{width:5%;height:4px;border-radius:10px;background-color:#fff;animation:musicloader 1s ease-in-out infinite}@keyframes musicloader{0%{height:4px}50%{height:70px}to{height:4px}}.loader:nth-child(10){background-color:#21c6e2;animation-delay:0s}.loader:nth-child(9){background-color:color-mix(in srgb,#21c6e2 80%,#6b88eb 20%);animation-delay:.2s}.loader:nth-child(8){background-color:color-mix(in srgb,#21c6e2 40%,#6b88eb 60%);animation-delay:.6s}.loader:nth-child(7){background-color:color-mix(in srgb,#21c6e2 20%,#6b88eb 80%);animation-delay:.4s}.loader:nth-child(6){background-color:#6b88eb;animation-delay:.2s}.loader:nth-child(5){background-color:color-mix(in srgb,#6b88eb 80%,#b549f6 20%);animation-delay:.4s}.loader:nth-child(4){background-color:color-mix(in srgb,#6b88eb 60%,#b549f6 40%);animation-delay:.4s}.loader:nth-child(3){background-color:color-mix(in srgb,#6b88eb 40%,#b549f6 60%);animation-delay:.6s}.loader:nth-child(2){background-color:color-mix(in srgb,#6b88eb 20%,#b549f6 80%);animation-delay:.2s}.loader:first-child{background-color:#b549f6;animation-delay:0s}#output1,#output2{background-color:#fff}#output1 svg{overflow:scroll}#output1 .cursor{background-color:blue;opacity:.5}.chakra-modal__content-container{z-index:1000000!important}#paper{display:flex;justify-content:center;align-items:center}.paper{margin-right:-10px;margin-left:-20px}div[role=progressbar]{border-radius:0}.notistack-MuiContent{position:absolute;width:15px;height:15px;border-radius:50%;background-color:green;cursor:pointer}.notistack-MuiContent-success{color:#0aa24c!important;background-color:#f3fdfa!important}.NoteLabel__name{-moz-user-select:none;-webkit-user-select:none;user-select:none}.dot{width:10px;height:10px;border-radius:50%;margin-right:5px;top:0;position:absolute}.dot.correct{background-color:#28a745}.dot.incorrect{background-color:#dc3545}.rhythm .abcjs-clef{display:none}.circles-container{position:relative;width:87vw;height:50px;margin:auto;z-index:10000}.circles-container .circle{position:absolute;bottom:17px;width:19px;height:19px;border-radius:50%;border:2px solid #fff;background-color:transparent}.user-taps-container{width:97vw;background-color:rgba(41,20,51,.62);border-radius:20px}.user-taps{position:relative;width:87vw;height:50px}.user-taps-container .tap-dot{position:absolute;bottom:15px;width:13px;height:13px;border-radius:50%;background-color:red;z-index:1000}.user-taps-container .tap-dot.correct{background-color:green}.user-taps-container .tap-dot.incorrect{background-color:red}.MIDISounds{display:none}.abcjs-inline-audio{height:26px;padding:0 5px;border-radius:3px;background-color:#424242;display:flex;align-items:center;box-sizing:border-box}.abcjs-inline-audio.abcjs-disabled{opacity:.5}.abcjs-inline-audio .abcjs-btn{display:block;width:28px;height:34px;margin-right:2px;padding:7px 4px;background:none!important;border:1px solid transparent;box-sizing:border-box;line-height:1}.abcjs-btn g{fill:#f4f4f4;stroke:#f4f4f4}.abcjs-inline-audio .abcjs-btn:hover g{fill:#ccc;stroke:#ccc}.abcjs-inline-audio .abcjs-midi-loop.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-reset.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-selection.abcjs-pushed{border:1px solid #ccc;background-color:#666;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-start .abcjs-loading-svg,.abcjs-inline-audio .abcjs-midi-start .abcjs-pause-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-loading .abcjs-play-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-play-svg{display:none}.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-pause-svg{display:block}.abcjs-inline-audio .abcjs-midi-progress-background{background-color:#424242;height:10px;border-radius:5px;border:2px solid #ccc;margin:0 8px 0 15px;position:relative;flex:1 1;padding:0;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-progress-indicator{width:20px;margin-left:-10px;height:14px;background-color:#f4f4f4;position:absolute;display:inline-block;border-radius:6px;top:-4px;left:0;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-clock{margin-left:4px;margin-top:1px;margin-right:2px;display:inline-block;font-family:sans-serif;font-size:16px;box-sizing:border-box;color:#f4f4f4}.abcjs-inline-audio .abcjs-tempo-wrapper{font-size:10px;color:#f4f4f4;box-sizing:border-box;display:flex;align-items:center}.abcjs-inline-audio .abcjs-midi-tempo{border-radius:2px;border:none;margin:0 2px 0 4px;width:42px;padding-left:2px;box-sizing:border-box;color:#000}.abcjs-inline-audio .abcjs-loading .abcjs-loading-svg{display:inherit}.abcjs-inline-audio .abcjs-loading{outline:none;animation-name:abcjs-spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}.abcjs-inline-audio .abcjs-loading-svg circle{stroke:#f4f4f4}@keyframes abcjs-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.abcjs-large .abcjs-inline-audio{height:52px}.abcjs-large .abcjs-btn{width:56px;height:52px;font-size:28px;padding:6px 8px}.abcjs-large .abcjs-midi-progress-background{height:20px;border:4px solid #ccc}.abcjs-large .abcjs-midi-progress-indicator{height:28px;top:-8px;width:40px}.abcjs-large .abcjs-midi-clock{font-size:32px;margin-right:10px;margin-left:10px;margin-top:-1px}.abcjs-large .abcjs-midi-tempo{font-size:20px;width:50px}.abcjs-large .abcjs-tempo-wrapper{font-size:20px}.abcjs-css-warning{display:none}