:root{--theme-background:#2f2f37;--max-width:800}html{-ms-touch-action:manipulation;touch-action:manipulation}body{margin:0;padding:0;font-family:Roboto,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;background-color:var(--theme-background);font-size:100%}#root,body,html{height:100%;max-width:var(--max-width)}button,input,select{font-family:Roboto,sans-serif;font-weight:400;font-size:1em;outline:none;border-style:solid}button{padding:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}b,strong{font-weight:500}.StripeElement{width:100%}.Player{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.BeatsControls{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap}.BeatsControls__Section{display:-ms-flexbox;display:flex;-ms-flex:1 0 75px;flex:1 0 75px;-ms-flex-direction:column;flex-direction:column;margin-top:14px}.BeatsControls__Section:first-child .BeatsControls__SectionRow+.BeatsControls__SectionRow,.BeatsControls__SectionRow+.BeatsControls__SectionRow+.BeatsControls__SectionRow{border:none}.BeatsControls__SectionRow{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center}.BeatsControls__MuteSoloBlock{display:-ms-flexbox;display:flex;width:92px;-ms-flex-pack:distribute;justify-content:space-around}.BeatsControls__BeatToggleButton{font-size:1em;text-align:center;line-height:1em;color:#2e2e2e;-webkit-box-shadow:0 0 20px #222;box-shadow:0 0 20px #222;margin-top:7px;margin-bottom:21px;border-radius:50%;outline:none;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:48px;width:48px}.BeatsControls__BeatToggleButton._isSelected{border:2px solid #eee;-webkit-box-shadow:none;box-shadow:none;color:#eee;font-weight:600}.BeatsControls__BeatMuteButton,.BeatsControls__BeatSoloButton{font-size:.8em;font-weight:300;margin-top:14px;color:#eee;text-align:center;line-height:1em;height:32px;width:32px;border-radius:50%;background:none;border:1px solid #eee}.BeatsControls__BeatMuteButton._isActive{background-color:#1d29b9;border:none}.BeatsControls__BeatMuteButton._isUnavailable{border:1px solid #777;color:#ababab}.BeatsControls__BeatMuteButton._isActive._isUnavailable{background-color:#777;border:none;color:#ababab}.BeatsControls__BeatSoloButton._isActive{background-color:#b85d15;border:none}.BeatsControls__TempoText{font-size:.8em;color:#eee}.BeatsControls__Delimiter{font-size:1.4em;line-height:40px;color:#eee;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.CircleControls{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%}.CircleControls__AcceptButton,.CircleControls__BeatButton,.CircleControls__CancelButton,.CircleControls__DecrementButton{display:block;font-size:1.4em;color:#fff;border-radius:50%;-webkit-box-shadow:0 0 10px 0 #222;box-shadow:0 0 10px 0 #222;border:none;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color .1s ease-in,border-width .1s ease-in;-o-transition:background-color .1s ease-in,border-width .1s ease-in;transition:background-color .1s ease-in,border-width .1s ease-in;z-index:1}.CircleControls__Beat{position:absolute;left:0;right:0}@-webkit-keyframes pulse{to{-webkit-box-shadow:0 0 0 20px hsla(0,0%,47%,0);box-shadow:0 0 0 20px hsla(0,0%,47%,0)}}@keyframes pulse{to{-webkit-box-shadow:0 0 0 20px hsla(0,0%,47%,0);box-shadow:0 0 0 20px hsla(0,0%,47%,0)}}.CircleControls__BeatButton{z-index:2;position:absolute;background-color:#2e2e2e}.CircleControls__BeatButton._isPulsing{-webkit-box-shadow:0 0 10px 0 #777;box-shadow:0 0 10px 0 #777;//:pulse 1.25s infinite cubic-bezier(.66,0,0,1)}.CircleControls__AcceptButton,.CircleControls__CancelButton,.CircleControls__ClickCount,.CircleControls__DecrementButton{position:absolute;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .1s ease-in,color .1s ease-in,-webkit-transform .1s ease-in;transition:opacity .1s ease-in,color .1s ease-in,-webkit-transform .1s ease-in;-o-transition:transform .1s ease-in,opacity .1s ease-in,color .1s ease-in;transition:transform .1s ease-in,opacity .1s ease-in,color .1s ease-in;transition:transform .1s ease-in,opacity .1s ease-in,color .1s ease-in,-webkit-transform .1s ease-in}.CircleControls__CancelButton{background-color:#a30000}.CircleControls__AcceptButton{background-color:#009624}.CircleControls__DecrementButton{background-color:#2e2e2e}.CircleControls__ClickCount{text-align:center;-webkit-box-shadow:0 0 10px 0 #222;box-shadow:0 0 10px 0 #222;color:#777;font-size:1.2em;background-color:#eee;border-radius:50%;opacity:0}.CircleControls__AcceptButton._isVisible,.CircleControls__CancelButton._isVisible,.CircleControls__ClickCount._isVisible,.CircleControls__DecrementButton._isVisible{opacity:1}.CircleControls__SecondaryButton{z-index:0;-ms-flex-pack:center;justify-content:center;background-color:transparent;outline:none;border:none;border-radius:50%;opacity:0;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);margin-left:30px;margin-right:30px;-webkit-transition:opacity .1s ease-in,-webkit-transform .1s ease-in;transition:opacity .1s ease-in,-webkit-transform .1s ease-in;-o-transition:opacity .1s ease-in,transform .1s ease-in;transition:opacity .1s ease-in,transform .1s ease-in;transition:opacity .1s ease-in,transform .1s ease-in,-webkit-transform .1s ease-in}.CircleControls__SecondaryButton._isVisible{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.CircleControls__GlobalControls{display:none;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center;padding-top:14px;padding-bottom:14px}.CircleControls__EmptyScreenControls{display:none;margin-top:-20px}.CircleControls__EmptyScreenControls._isVisible,.CircleControls__GlobalControls._isVisible{display:-ms-flexbox;display:flex}.CircleControls__PausePlayButton{z-index:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;background-color:transparent;outline:none;border:2px solid #777;border-radius:50%;opacity:0;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);-webkit-transition:opacity .1s ease-in,-webkit-transform .1s ease-in;transition:opacity .1s ease-in,-webkit-transform .1s ease-in;-o-transition:opacity .1s ease-in,transform .1s ease-in;transition:opacity .1s ease-in,transform .1s ease-in;transition:opacity .1s ease-in,transform .1s ease-in,-webkit-transform .1s ease-in}.CircleControls__PausePlayButton._isVisible{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.App{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}
/*# sourceMappingURL=main.cd0cd4ee.css.map*/