body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-size:12px;line-height:1.5}p{font-size:1em;line-height:1.5em}.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin-bottom:2em}.video-container embed,.video-container iframe,.video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.scaling-svg-container{position:relative;height:0;width:100%;padding:0 0 100%}.scaling-svg{position:absolute;height:100%;width:100%;left:0;top:0}.hidden{display:none}.aria-hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.pointer{cursor:pointer}.animate-opacity{-webkit-animation:opac .8s;animation:opac .8s}@-webkit-keyframes opac{0%{opacity:0}to{opacity:1}}@keyframes opac{0%{opacity:0}to{opacity:1}}.settings-padding-bottom{padding-bottom:16px}.seqBox{display:inline-block;margin:.5em;border-radius:.5em;width:2em;height:2em;background-color:grey;cursor:pointer}.seqBox-on{background-color:#cddc39}.seqBox-off{background-color:#9e9e9e}.noteText,.stringSVG,.stringSVGClickTarget{cursor:pointer}.noteText{font-size:60px;fill:#f79421;dominant-baseline:central}.vibrate{-webkit-animation:shake 1s cubic-bezier(.36,.07,.19,.97) both;animation:shake 1s cubic-bezier(.36,.07,.19,.97) both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}
/*# sourceMappingURL=main.2f1535ee.chunk.css.map */