*{box-sizing:border-box}body,html{margin:0;padding:0}body,button,input{color:#d0d0d0;background-color:#222}a{color:#e0e0e0}a:active,a:hover{color:#fff}label{display:flex;align-items:baseline}label .label{flex-grow:1;margin-right:.5em}input[type=checkbox]{margin-right:.25em}.tempo input{width:4em;padding:0 0 0 .1em}button{height:100%;width:100%}.controls{display:flex;align-items:flex-start}fieldset{padding:.5em;border:none}.noselect{cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}body,html{width:100%;height:100%}.pattern-table,.reich-app{flex:1 1;display:flex;flex-direction:column}.pattern-table{font-size:2vw}.pattern{border-left:2px solid #aaa;border-right:2px solid #aaa}.arrow-row .pattern{border-top:2px solid #aaa}.arrow-row{background-color:#000;top:0}.arrow-row,.pattern-clap1{position:-webkit-sticky;position:sticky;left:0;z-index:1000;background-color:#222}.pattern-clap1{top:1.3em;border-top:2px solid #aaa;border-bottom:2px solid #aaa}.pattern-clap1:after{position:absolute;content:"";bottom:calc(-1.3em - 2px);left:calc(4.5em + 2px);width:15.6em;height:1.3em;background:linear-gradient(180deg,#222,rgba(34,34,34,.95) 25%,rgba(34,34,34,.8) 50%,rgba(34,34,34,.6) 75%,rgba(34,34,34,.1) 95%,transparent)}.cell,.head,.pattern{display:inline-block}.cell,.head{text-align:center;height:1.3em}.head{width:4.5em;vertical-align:top;position:relative;top:-2px}.cell{width:1.3em;vertical-align:middle}.clap-row:not(.empty) .pulse{position:relative}.clap-row:not(.empty) .pulse:before{content:"●"}.clap-row:not(.empty) .pulse.clap{color:#e0e0e0}.clap-row:not(.empty) .pulse.clap.highlight{color:#fff}.clap-row:not(.empty) .pulse.clap.hit-bad:after,.clap-row:not(.empty) .pulse.clap.hit-good:after,.clap-row:not(.empty) .pulse.clap.hit-ok:after,.clap-row:not(.empty) .pulse.clap.no-hit:after{position:absolute;top:0;left:0;content:"○";width:100%}.clap-row:not(.empty) .pulse.clap.hit-good{color:#baffc9}.clap-row:not(.empty) .pulse.clap.hit-ok{color:#ffffba}.clap-row:not(.empty) .pulse.clap.hit-bad{color:#ffce96}.clap-row:not(.empty) .pulse.clap.no-hit{color:#ffb3ba}.clap-row:not(.empty) .pulse.silence{color:#333}.clap-row:not(.empty) .pulse.silence.highlight{color:#444}.clap-row:not(.empty) .pulse.silence.hit-bad:after,.clap-row:not(.empty) .pulse.silence.hit-good:after,.clap-row:not(.empty) .pulse.silence.hit-ok:after,.clap-row:not(.empty) .pulse.silence.no-hit:after{position:absolute;top:0;left:0;content:"○";width:100%}.clap-row:not(.empty) .pulse.silence.hit-bad,.clap-row:not(.empty) .pulse.silence.hit-good,.clap-row:not(.empty) .pulse.silence.hit-ok{color:#443133}.clap-row:not(.empty) .pulse.silence.hit-bad:after,.clap-row:not(.empty) .pulse.silence.hit-good:after,.clap-row:not(.empty) .pulse.silence.hit-ok:after{color:rgba(255,179,186,.2)}.clap-row:not(.empty) .pulse.silence.no-hit{color:#314433}.clap-row:not(.empty) .pulse.silence.no-hit:after{color:rgba(186,255,201,.2)}.clap-row.highlight .pattern{background-color:#282828}.clap-row.highlight .pattern .silence{color:#383838}.padder{height:calc(100vh - 4px - 5.2em)}.padder .pattern{height:100%}
/*# sourceMappingURL=main.da9c2ca5.chunk.css.map */