@keyframes PianoRoll_shimmer__SJDSg{0%{background-position:-1200px 0}to{background-position:1200px 0}}.PianoRoll_container__9xlP4{overflow-x:auto;overflow-y:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;margin-left:16px;margin-right:16px}.PianoRoll_container__9xlP4,.PianoRoll_container__9xlP4 *{touch-action:pan-x}.PianoRoll_container__9xlP4 .PianoRoll_scroll__JIo5e{display:flex;flex-direction:column;height:100%;z-index:1;background-color:#17171a}.PianoRoll_container__9xlP4 .PianoRoll_scroll__JIo5e .PianoRoll_labels__PBpVU{display:none}.PianoRoll_container__9xlP4 .PianoRoll_scroll__JIo5e .PianoRoll_piano__ti8o5{flex:1 1;position:relative}.PianoRoll_container__9xlP4 .PianoRoll_scroll__JIo5e.PianoRoll_withLabels__fwikR .PianoRoll_labels__PBpVU{display:block;height:24px;position:relative}.PianoRoll_container__9xlP4 .PianoRoll_scroll__JIo5e.PianoRoll_withLabels__fwikR .PianoRoll_labels__PBpVU .PianoRoll_label__xG2gy{color:#252728;font-size:12px;padding-left:4px;position:absolute}.PianoRoll_container__9xlP4 .PianoRoll_scroll__JIo5e{background-color:rgba(0,0,0,0)}.PianoRoll_whiteCenterKey__YOPiU,.PianoRoll_whiteLeftKey__qLsAe,.PianoRoll_whiteRightKey__UklFC{height:100%}.PianoRoll_whiteCenterKey__YOPiU path,.PianoRoll_whiteLeftKey__qLsAe path,.PianoRoll_whiteRightKey__UklFC path{transition:fill .25s ease-out}.PianoRoll_whiteCenterKey__YOPiU:not(.PianoRoll_selected__iNSXx):not(.PianoRoll_hidden__pRGcs) path,.PianoRoll_whiteLeftKey__qLsAe:not(.PianoRoll_selected__iNSXx):not(.PianoRoll_hidden__pRGcs) path,.PianoRoll_whiteRightKey__UklFC:not(.PianoRoll_selected__iNSXx):not(.PianoRoll_hidden__pRGcs) path{fill:#b7b7b7}@media(min-width:1101px){.PianoRoll_whiteCenterKey__YOPiU:not(.PianoRoll_selected__iNSXx):not(.PianoRoll_hidden__pRGcs):hover path,.PianoRoll_whiteLeftKey__qLsAe:not(.PianoRoll_selected__iNSXx):not(.PianoRoll_hidden__pRGcs):hover path,.PianoRoll_whiteRightKey__UklFC:not(.PianoRoll_selected__iNSXx):not(.PianoRoll_hidden__pRGcs):hover path{fill:#e8e8e8}}.PianoRoll_whiteCenterKey__YOPiU.PianoRoll_hidden__pRGcs:not(.PianoRoll_selected__iNSXx):not(.PianoRoll_active__PJWdl),.PianoRoll_whiteLeftKey__qLsAe.PianoRoll_hidden__pRGcs:not(.PianoRoll_selected__iNSXx):not(.PianoRoll_active__PJWdl),.PianoRoll_whiteRightKey__UklFC.PianoRoll_hidden__pRGcs:not(.PianoRoll_selected__iNSXx):not(.PianoRoll_active__PJWdl){cursor:default}.PianoRoll_whiteCenterKey__YOPiU.PianoRoll_hidden__pRGcs:not(.PianoRoll_selected__iNSXx):not(.PianoRoll_active__PJWdl) path,.PianoRoll_whiteLeftKey__qLsAe.PianoRoll_hidden__pRGcs:not(.PianoRoll_selected__iNSXx):not(.PianoRoll_active__PJWdl) path,.PianoRoll_whiteRightKey__UklFC.PianoRoll_hidden__pRGcs:not(.PianoRoll_selected__iNSXx):not(.PianoRoll_active__PJWdl) path{fill:#595d62}.PianoRoll_stroke__rDQ_v{transform-origin:center;stroke:#fff;stroke-width:3px;stroke-linejoin:round;stroke-dasharray:4;opacity:0;transition:all .25s ease-out}.PianoRoll_availableForVoicing___ZaP5 .PianoRoll_stroke__rDQ_v{opacity:1}.PianoRoll_keyLabel__jkxOQ{font-size:12px;font-weight:500;fill:#252728}@media(min-width:1800px){.PianoRoll_keyLabel__jkxOQ{font-size:14px}}.PianoRoll_blackKey___HGsT{height:66.6%}.PianoRoll_blackKey___HGsT path{transition:fill .25s ease-out}.PianoRoll_blackKey___HGsT:not(.PianoRoll_selected__iNSXx):not(.PianoRoll_hidden__pRGcs) path{fill:#595d62}@media(min-width:1101px){.PianoRoll_blackKey___HGsT:not(.PianoRoll_selected__iNSXx):not(.PianoRoll_hidden__pRGcs):hover path{fill:#878f9a}}.PianoRoll_blackKey___HGsT.PianoRoll_hidden__pRGcs:not(.PianoRoll_selected__iNSXx):not(.PianoRoll_active__PJWdl){cursor:default}.PianoRoll_blackKey___HGsT.PianoRoll_hidden__pRGcs:not(.PianoRoll_selected__iNSXx):not(.PianoRoll_active__PJWdl) path{fill:#333}.PianoRoll_blackKey___HGsT,.PianoRoll_whiteCenterKey__YOPiU,.PianoRoll_whiteLeftKey__qLsAe,.PianoRoll_whiteRightKey__UklFC{position:absolute;cursor:pointer}.PianoRoll_blackKey___HGsT.PianoRoll_selected__iNSXx,.PianoRoll_whiteCenterKey__YOPiU.PianoRoll_selected__iNSXx,.PianoRoll_whiteLeftKey__qLsAe.PianoRoll_selected__iNSXx,.PianoRoll_whiteRightKey__UklFC.PianoRoll_selected__iNSXx{cursor:pointer}.PianoRoll_blackKey___HGsT.PianoRoll_selected__iNSXx stop,.PianoRoll_whiteCenterKey__YOPiU.PianoRoll_selected__iNSXx stop,.PianoRoll_whiteLeftKey__qLsAe.PianoRoll_selected__iNSXx stop,.PianoRoll_whiteRightKey__UklFC.PianoRoll_selected__iNSXx stop{transition:stop-color .25s ease-out}@media(min-width:1101px){.PianoRoll_blackKey___HGsT.PianoRoll_selected__iNSXx:hover stop:first-child,.PianoRoll_whiteCenterKey__YOPiU.PianoRoll_selected__iNSXx:hover stop:first-child,.PianoRoll_whiteLeftKey__qLsAe.PianoRoll_selected__iNSXx:hover stop:first-child,.PianoRoll_whiteRightKey__UklFC.PianoRoll_selected__iNSXx:hover stop:first-child{stop-color:#7bb8ff}.PianoRoll_blackKey___HGsT.PianoRoll_selected__iNSXx:hover stop:last-child,.PianoRoll_whiteCenterKey__YOPiU.PianoRoll_selected__iNSXx:hover stop:last-child,.PianoRoll_whiteLeftKey__qLsAe.PianoRoll_selected__iNSXx:hover stop:last-child,.PianoRoll_whiteRightKey__UklFC.PianoRoll_selected__iNSXx:hover stop:last-child{stop-color:#5a7fff}}.PianoRoll_blackKey___HGsT.PianoRoll_selected__iNSXx text.PianoRoll_keyLabel__jkxOQ,.PianoRoll_whiteCenterKey__YOPiU.PianoRoll_selected__iNSXx text.PianoRoll_keyLabel__jkxOQ,.PianoRoll_whiteLeftKey__qLsAe.PianoRoll_selected__iNSXx text.PianoRoll_keyLabel__jkxOQ,.PianoRoll_whiteRightKey__UklFC.PianoRoll_selected__iNSXx text.PianoRoll_keyLabel__jkxOQ{fill:#fff}@media(min-width:1101px){.PianoRoll_blackKey___HGsT.PianoRoll_active__PJWdl:hover stop:first-child,.PianoRoll_whiteCenterKey__YOPiU.PianoRoll_active__PJWdl:hover stop:first-child,.PianoRoll_whiteLeftKey__qLsAe.PianoRoll_active__PJWdl:hover stop:first-child,.PianoRoll_whiteRightKey__UklFC.PianoRoll_active__PJWdl:hover stop:first-child{stop-color:#f3c12f}.PianoRoll_blackKey___HGsT.PianoRoll_active__PJWdl:hover stop:last-child,.PianoRoll_whiteCenterKey__YOPiU.PianoRoll_active__PJWdl:hover stop:last-child,.PianoRoll_whiteLeftKey__qLsAe.PianoRoll_active__PJWdl:hover stop:last-child,.PianoRoll_whiteRightKey__UklFC.PianoRoll_active__PJWdl:hover stop:last-child{stop-color:#ce9c0c}}@keyframes PlayPauseAnimation_shimmer__YT9Ty{0%{background-position:-1200px 0}to{background-position:1200px 0}}.PlayPauseAnimation_playPause__w_rbX{min-width:100px;width:100px;min-height:100px;height:100px;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(23,23,26,.8);border-radius:50%;z-index:-1;opacity:0}.PlayPauseAnimation_playPause__w_rbX svg{width:48px;height:48px;color:#fff}.PlayPauseAnimation_playPause__w_rbX.PlayPauseAnimation_playTrigger__ox52P{animation:PlayPauseAnimation_playAnimation__Rjlnv .6s linear}.PlayPauseAnimation_playPause__w_rbX.PlayPauseAnimation_pauseTrigger___Es_W{animation:PlayPauseAnimation_pauseAnimation__RX5P7 .6s linear}@keyframes PlayPauseAnimation_playAnimation__Rjlnv{0%{transform:translate(-50%,-50%) scale(.75);opacity:0;z-index:200}60%{transform:translate(-50%,-50%) scale(1.05);opacity:1;z-index:200}to{transform:translate(-50%,-50%) scale(1.25);opacity:0;z-index:200}}@keyframes PlayPauseAnimation_pauseAnimation__RX5P7{0%{transform:translate(-50%,-50%) scale(.75);opacity:0;z-index:200}60%{transform:translate(-50%,-50%) scale(1.05);opacity:1;z-index:200}to{transform:translate(-50%,-50%) scale(1.25);opacity:0;z-index:200}}@keyframes Preview_shimmer__4gSSw{0%{background-position:-1200px 0}to{background-position:1200px 0}}.Preview_playContainer__GyQgZ{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;background:rgba(14,14,14,.6392156863);display:flex;justify-content:center;align-items:center}.Preview_playContainer__GyQgZ .Preview_play__U4r8k{width:120px;height:120px;display:flex;justify-content:center;align-items:center;transition:background .25s ease-out;background:linear-gradient(103deg,#5a7fff,#7bb8ff 50%,#5a7fff) var(--x,0)/200%}@media(min-width:577px){.Preview_playContainer__GyQgZ .Preview_play__U4r8k:hover{--x:100%}}.Preview_playContainer__GyQgZ .Preview_play__U4r8k{box-shadow:0 2.6923077106px 5.3846154213px 0 rgba(28,28,30,.1019607843);cursor:pointer;border-radius:50%}.Preview_playContainer__GyQgZ .Preview_play__U4r8k svg{color:#fff;width:64px}.Preview_container__EbBa_{background:#26272a;border-radius:8px;color:#fff;width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto;margin-bottom:30px;overflow:hidden}.Preview_container__EbBa_ *{font-family:\$font-quicksand,sans-serif}.Preview_container__EbBa_.Preview_fullPage__qq2Hs{width:100%;max-width:none;background:none}@media(max-width:576px){.Preview_container__EbBa_.Preview_fullPage__qq2Hs{padding-top:25%}}@media(max-height:750px){.Preview_container__EbBa_.Preview_fullPage__qq2Hs{padding-top:20px}}.Preview_container__EbBa_ .Preview_chordsContent__secD8{display:flex;align-items:flex-start;flex-direction:column;max-width:100%;overflow:auto;margin-bottom:-20px;padding-bottom:20px;gap:1px}.Preview_container__EbBa_ .Preview_chordsContent__secD8::-webkit-scrollbar-thumb{height:73px;width:24px;background-clip:padding-box;border-radius:15px;border:8px solid rgba(0,0,0,0);background:#36373c}.Preview_container__EbBa_ .Preview_chordsContent__secD8::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}.Preview_container__EbBa_ .Preview_chordsContent__secD8::-webkit-scrollbar{height:5px;width:5px}.Preview_container__EbBa_ .Preview_chordsContent__secD8::-webkit-scrollbar-track{background:#1d1e21;height:3px;width:3px}.Preview_container__EbBa_ .Preview_chordsContent__secD8.Preview_fullPage__qq2Hs>div{height:108px}.Preview_container__EbBa_ .Preview_chordsContainer__8pMsj{position:relative;width:100%;cursor:pointer}.Preview_container__EbBa_ .Preview_chordsContainer__8pMsj:not(.Preview_fullPage__qq2Hs){min-width:100%}.Preview_container__EbBa_ .Preview_chordsContainer__8pMsj.Preview_fullPage__qq2Hs{display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(54,55,60,.1);border-top:1px solid rgba(46,47,48,.5);border-bottom:1px solid rgba(46,47,48,.5);padding:24px 0}@media(max-width:1100px){.Preview_container__EbBa_ .Preview_chordsContainer__8pMsj.Preview_fullPage__qq2Hs{padding:12px 0}}.Preview_container__EbBa_ .Preview_chordsContainer__8pMsj,.Preview_container__EbBa_ .Preview_chordsContainer__8pMsj *{touch-action:pan-x pan-y}.Preview_container__EbBa_ .Preview_chords__AmpA9{display:grid;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:auto}.Preview_container__EbBa_ .Preview_chords__AmpA9::-webkit-scrollbar-thumb{height:73px;width:24px;background-clip:padding-box;border-radius:15px;border:8px solid rgba(0,0,0,0);background:#36373c}.Preview_container__EbBa_ .Preview_chords__AmpA9::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}.Preview_container__EbBa_ .Preview_chords__AmpA9::-webkit-scrollbar{height:5px;width:5px}.Preview_container__EbBa_ .Preview_chords__AmpA9::-webkit-scrollbar-track{background:#1d1e21;height:3px;width:3px}.Preview_container__EbBa_ .Preview_chords__AmpA9{transition:all .25s ease-out}.Preview_container__EbBa_ .Preview_chords__AmpA9::-webkit-scrollbar-track{background-color:#26272a}.Preview_container__EbBa_ .Preview_chords__AmpA9.Preview_fullPage__qq2Hs{width:max-content;padding-left:10px;padding-right:10px}.Preview_container__EbBa_ .Preview_chordsMuted__XCNvF{opacity:.4}.Preview_container__EbBa_ .Preview_chord__dkILc{height:96px;flex-shrink:0;background:#292b2f;display:flex;align-items:center;cursor:pointer;justify-content:center;text-align:center;white-space:nowrap;flex-direction:column;padding-left:5px;padding-right:5px;border-bottom:1px solid #39393c}.Preview_container__EbBa_ .Preview_chord__dkILc:not(:last-child){border-right:1px solid #39393c}.Preview_container__EbBa_ .Preview_chord__dkILc[data-disabled=true]{cursor:auto}.Preview_container__EbBa_ .Preview_chord__dkILc[data-active=true]{background:linear-gradient(.287turn,#3d4ff7 6.46%,#457eed 98.38%)}.Preview_container__EbBa_ .Preview_chord__dkILc p{font-size:16px;font-weight:700;color:#fff;margin:0 0 4px}.Preview_container__EbBa_ .Preview_chord__dkILc span{font-size:14px;margin:0;color:#fff}.Preview_container__EbBa_ .Preview_chord__dkILc p,.Preview_container__EbBa_ .Preview_chord__dkILc span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.Preview_container__EbBa_ .Preview_chord__dkILc:not(.Preview_fullPage__qq2Hs){flex-grow:1;flex-shrink:0}.Preview_container__EbBa_ .Preview_chord__dkILc.Preview_fullPage__qq2Hs{height:108px;border-bottom:none}.Preview_container__EbBa_ .Preview_chord__dkILc.Preview_fullPage__qq2Hs:first-child{border-radius:8px 0 0 8px}.Preview_container__EbBa_ .Preview_chord__dkILc.Preview_fullPage__qq2Hs:last-child{border-radius:0 8px 8px 0}.Preview_container__EbBa_ .Preview_chord__dkILc.Preview_fullPage__qq2Hs:last-child:first-child{border-radius:8px}.Preview_container__EbBa_ .Preview_footer__LG8Q_{height:64px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;gap:12px}.Preview_container__EbBa_ .Preview_footer__LG8Q_.Preview_fullPage__qq2Hs{margin-top:26px;gap:20px;height:auto}@media(max-width:576px){.Preview_container__EbBa_ .Preview_footer__LG8Q_.Preview_fullPage__qq2Hs{flex-wrap:wrap}}.Preview_bpmInfo__fjyN1,.Preview_keyInfo__nWnV2{width:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.Preview_bpmInfo__fjyN1 p,.Preview_keyInfo__nWnV2 p{font-weight:600;font-size:14px;line-height:14px;margin:0;color:#fff}.Preview_bpmInfo__fjyN1 span,.Preview_keyInfo__nWnV2 span{margin:0;opacity:.6;line-height:12px;font-weight:600;font-size:12px;color:#8b8c8e}.Preview_editButton__uJoQK{width:-moz-fit-content;width:fit-content;height:50px;outline:none;border:none;box-shadow:none;transition:background .25s ease-out;background:linear-gradient(103deg,#3d4ff7,#457eed 50%,#3d4ff7) var(--x,0)/200%}@media(min-width:577px){.Preview_editButton__uJoQK:hover{--x:100%}}.Preview_editButton__uJoQK{border-radius:25px;overflow:hidden;display:flex;align-items:center;cursor:pointer;padding:0 16px 0 0}.Preview_editButton__uJoQK span{font-weight:600;font-size:16px;margin-left:12px;color:#fff}.Preview_editButton__uJoQK .Preview_icon__wC3hp{width:50px;left:0;border-radius:25px;height:50px;transition:background .25s ease-out;background:linear-gradient(103deg,#3d4ff7,#457eed 50%,#3d4ff7) var(--x,0)/200%}@media(min-width:577px){.Preview_editButton__uJoQK .Preview_icon__wC3hp:hover{--x:100%}}.Preview_editButton__uJoQK:not(.Preview_fullPage__qq2Hs){width:100%;height:34px;display:flex;justify-content:center;border-radius:0 0 8px 8px}.Preview_editButton__uJoQK:not(.Preview_fullPage__qq2Hs) .Preview_icon__wC3hp{background:none;width:auto;height:auto}.Preview_editButton__uJoQK:not(.Preview_fullPage__qq2Hs) .Preview_icon__wC3hp svg{width:16px}.Preview_editButton__uJoQK:not(.Preview_fullPage__qq2Hs) span{margin-left:6px;font-size:12px}.Preview_backButton__nBNxl:not(.Preview_fullPage__qq2Hs),.Preview_repeatButton__ClSa9:not(.Preview_fullPage__qq2Hs){width:32px!important;height:32px!important}.Preview_backButton__nBNxl:not(.Preview_fullPage__qq2Hs) svg,.Preview_repeatButton__ClSa9:not(.Preview_fullPage__qq2Hs) svg{width:15px}.Preview_backButton__nBNxl.Preview_fullPage__qq2Hs svg,.Preview_repeatButton__ClSa9.Preview_fullPage__qq2Hs svg{width:27px;height:27px}.Preview_repeatButton__ClSa9 svg{width:25px}.Preview_repeatButton__ClSa9 svg path{transition:fill .25s ease-out}.Preview_repeatButton__ClSa9.Preview_active___IFY5{transition:background-color .25s ease-out;background-color:#fff}@media(min-width:577px){.Preview_repeatButton__ClSa9.Preview_active___IFY5:hover{background-color:#fff}}.Preview_repeatButton__ClSa9.Preview_active___IFY5 svg path{fill:#1d1e21}.Preview_playButton__r2Xr5:not(.Preview_fullPage__qq2Hs){width:40px!important;height:40px!important}.Preview_playButton__r2Xr5>*{pointer-events:none}.Preview_playButton__r2Xr5:not(.Preview_playLoading__9Cdzy) svg{width:23px}.Preview_playButton__r2Xr5.Preview_fullPage__qq2Hs:not(.Preview_playLoading__9Cdzy) svg{width:30px;height:30px}.Preview_leftBar__hjgHv{position:absolute;left:20px}@media(max-width:700px){.Preview_leftBar__hjgHv>div{width:180px}}@media(max-width:576px){.Preview_leftBar__hjgHv{left:16px}.Preview_leftBar__hjgHv>div{width:-moz-fit-content;width:fit-content}}.Preview_rightBar__XZvh6{position:absolute;right:20px;display:flex;flex-direction:row;align-items:center;gap:20px}@media(max-width:576px){.Preview_rightBar__XZvh6{right:16px;gap:16px}}.Preview_hiddenButton__5tFtM{opacity:0!important;cursor:default!important}.Preview_blogPreviewTooltip__2N7HB{width:220px;padding:16px 16px 24px;border-radius:12px;border:1px solid hsla(0,0%,100%,.04);background:#2b2e33}.Preview_blogPreviewTooltip__2N7HB>div:last-child{border-bottom:1px solid rgba(0,0,0,0);border-right:1px solid rgba(0,0,0,0);border-color:rgba(0,0,0,0) #333438 #333438 rgba(0,0,0,0);border-style:solid;border-width:1px;transform:rotate(45deg)}.Preview_blogPreviewTooltipContent__Ldjyp{flex-direction:column;justify-content:center;align-items:center}.Preview_blogPreviewTooltipTitle__6l7n0{margin-bottom:6px;font-weight:600;font-size:18px;color:#f4f4f8;text-align:center}.Preview_blogPreviewTooltipText__Vhimf{margin-bottom:12px;font-weight:600;font-size:12px;color:#7c7d7e;text-align:center}.Preview_blogPreviewTooltipBtn__YZkGS{width:100%;padding:12px 24px;border-radius:100px;background:#5f93f8;cursor:pointer;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:16px;line-height:140%;letter-spacing:0;color:#fff}