@import url(https://fonts.googleapis.com/css?family=Roboto);@import url(https://fonts.googleapis.com/css?family=Harmattan);@import url(https://fonts.googleapis.com/css?family=Raleway);@import url("https://fonts.googleapis.com/css?family=Ubuntu");:root{--color-dark:#3f3e41;--color-darker-grey:#868289;--color-grey:#c5c4c4;--color-off-white:#efefef;--color-light:#fff;--color-blue:#4c95e2;--color-danger:#c61b64;--color-alt-danger:#a147ad;--color-warning:#fb5726;--color-highlight:#e3f73b;--color-success:#47ad6d;--color-purple:#80448c;--color-dark-purple:#6c236b;--note-margin:5.25px;--note-default-width:35px;--half-note-default-width:17.5px;--joiner-default-width:5.25px;--cradle-lower-margin:21px;--cradle-margin-top:-35px;--note-with-margin-default:40.25px}.notationContainer{min-width:300px!important;min-height:300px!important;height:calc(100vh - 180px);text-align:left;margin-left:auto;margin-right:auto;width:815px}@media (min-width:300px) and (max-width:949px){.notationContainer{width:493px}}@media (min-width:950px) and (max-width:1099px){.notationContainer{width:654px}}@media (min-width:1321px){.notationContainer{width:976px}}.withMargin{margin-right:var(--note-margin)}.noteDefault{display:inline-block;border-radius:5px;height:50px;width:var(--note-default-width)}.noteWithMarginDefault{display:inline-block;width:var(--note-with-margin-default);height:50px}.halfNoteDefault{width:var(--half-note-default-width)}.halfNoteDefault,.joinerDefault{display:inline-block;height:50px}.joinerDefault{width:var(--joiner-default-width)}.cradleDefault{display:inline-block;width:var(--note-default-width);height:50px}.cradleJoinerDefault{display:inline-block;width:var(--joiner-default-width);height:50px}.notation,.notation svg text,.notation text{font-family:Harmattan,sans-serif}.notation svg:hover{fill:var(--color-alt-danger)}.play-default .restNote,.play-default .restNote path{fill:#818181;transition:fill .4s ease-out}.play-next .restNote,.play-next .restNote path,.play-tracker .restNote,.play-tracker .restNote path{fill:var(--color-highlight);transition:fill .4s ease-out}.dynamicNote{display:inline-block}.dynamicNote:hover{fill:var(--color-alt-danger)}.cradle{margin-bottom:var(--cradle-lower-margin)}.cradle,.signatureGroup{margin-right:0!important;display:inline-block}.cradleLines{margin-top:var(--cradle-margin-top)}.play-default svg{fill:#020202;transition:fill .4s ease-out}.play-success svg{fill:var(--color-success);transition:fill .4s ease-out}.play-failed svg{fill:var(--color-warning);transition:fill .4s ease-out}.play-next svg,.play-tracker svg{fill:var(--color-highlight);transition:fill .4s ease-out}.modal-dialog{padding-top:200px}.demoplayer .notationContainer{max-height:80vh!important}.slick-slide,.slick-slide *{outline:none!important}.notationContainer .slick-dots{margin:unset;margin-top:-35px;bottom:unset}i.inverted.bordered.icon.bpmIcon,i.inverted.circular.icon.bpmIcon{background-color:var(--color-danger)!important}i.inverted.bordered.icon.playIcon,i.inverted.circular.icon.playIcon{background-color:var(--color-blue)!important}i.inverted.bordered.icon.recordIcon,i.inverted.circular.icon.recordIcon{background-color:var(--color-alt-danger)!important}.notation-renderer{overflow:hidden;position:relative}.notation-pages{display:flex;flex-direction:row;width:100%;height:100%;gap:0}.slick-dots{bottom:15px}.slick-dots li{margin:0 3px}.slick-dots li button{padding:0;width:auto;height:auto}.slick-dots li button:before{display:none}.page-number{color:#ccc;font-size:14px;font-weight:400;transition:all .3s ease;padding:2px 6px;cursor:pointer}.slick-dots li.slick-active .page-number{color:#333;font-weight:700}.page-number:hover{color:#666}img,svg{-webkit-user-drag:none;user-drag:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}body,body.home-page,html,html.home-page{margin:0!important;padding:0!important;background:#1a1520!important}body.home-page,html.home-page{overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:none!important}body.home-page::-webkit-scrollbar,html.home-page::-webkit-scrollbar{display:none!important}body.video-bg,html.video-bg{overflow-y:scroll!important;scrollbar-width:none!important}body.video-bg::-webkit-scrollbar,html.video-bg::-webkit-scrollbar{display:none!important}.debug-grid{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9999;background-image:linear-gradient(rgba(255,0,0,.1) 1px,transparent 0),linear-gradient(90deg,rgba(255,0,0,.1) 1px,transparent 0);background-size:10px 10px}.trackingLine{position:absolute;height:50px;width:3px;background:transparent;transform:translateX(0)}.slick-slide:not(.slick-current) .trackingLine{visibility:hidden!important;opacity:0!important}.browse-scrollable{overflow-y:scroll;scrollbar-gutter:stable}.browse-scrollable::-webkit-scrollbar{width:22px}.browse-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:11px;margin:8px 4px}.browse-scrollable::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:11px}.browse-scrollable::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.virtuoso-grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:16px 24px}.virtuoso-grid-item{display:flex}@keyframes jiggle{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-2px)}}@keyframes pausePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}