.ClickToBeginOuter{display:flex;justify-content:center;align-items:center}.ClickToBegin{margin:.2rem;border-width:0;background:none;border-radius:50%;width:13rem;height:13rem}.ClickToBegin img{height:12rem}.ClickToBegin:hover{cursor:pointer}.ClickToBegin:focus,.ClickToBegin:hover{outline:none;background-color:hsla(0,0%,100%,.2)}.TestOutput{position:fixed;top:20px;left:20px;border:1px solid #fff;color:#fff;background-color:rgba(0,0,0,.87);padding:.5rem;z-index:1000;pointer-events:none;opacity:.9}.TestOutputItem{font-family:sans-serif;font-size:1rem;font-weight:500;line-height:1.4rem;white-space:nowrap}.activateTestOutputButton{margin:1rem}.imageWidgetOuter{height:100%;width:100%;object-fit:cover;padding:7px;opacity:.8}.imageWidgetOuter:hover{cursor:pointer;opacity:1}.MeterThingOuter{box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-flow:row wrap;text-align:center;align-content:center;justify-items:center}.MeterThingBar{pointer-events:none;-webkit-transition:-webkit-transform .05s linear;transition:-webkit-transform .05s linear;transition:transform .05s linear;transition:transform .05s linear,-webkit-transform .05s linear;-webkit-transform-origin:0 50%;transform-origin:0 50%;margin:1px 0}.MeterThingSquare{pointer-events:none;-webkit-transition:opacity .05s linear;transition:opacity .05s linear}.MeterThingSquareOuter{position:relative}.MeterThingNestedSquare,.MeterThingSquareOuter{box-sizing:border-box;border:10px solid hsla(0,0%,100%,0);border-radius:50%;-webkit-transition:border-color .05s linear;transition:border-color .05s linear}.MeterThingNestedSquare{width:94%;height:94%;left:3%;top:3%}.beatCursor,.MeterThingNestedSquare{position:absolute;pointer-events:none}.beatCursor{background-color:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.33)}.SwitchSong{height:100%;width:100%;object-fit:cover;padding:7px;opacity:.6}.SwitchSong:hover{cursor:pointer;opacity:.8}.widgetTextOuter{padding:10%;width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.widgetTexts{-moz-user-select:none;-webkit-user-select:none}.widgetTextOuter:hover{cursor:pointer}.widgetSingleText{line-height:.5}.AboutButton{margin:.2rem;border-width:0;background:none;border-radius:50%;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center}.AboutButton img{height:3.3rem}.AboutButton:hover{cursor:pointer}.AboutButton:focus,.AboutButton:hover{outline:none;background-color:hsla(0,0%,100%,.2)}.LoadingOuter{width:100%;height:100%;position:absolute;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.LoadingBar{border:1px solid #fff;height:.75rem;width:8rem;position:relative;border-radius:10px;overflow:hidden}.LoadingBarInner{background:-webkit-gradient(linear,left top,right top,from(transparent),to(#fff));background:linear-gradient(90deg,transparent,#fff);height:100%;width:100%;position:absolute;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation-name:swipe;animation-name:swipe;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes swipe{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes swipe{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.LoadingImage{height:20rem;margin-bottom:2rem;-webkit-transition:opacity 10s;transition:opacity 10s}.PlayButton{margin:.2rem;border-width:0;background:none;border-radius:50%;width:4rem;height:4rem}.PlayButton img{height:3rem}.PlayButton:hover{cursor:pointer}.PlayButton:focus,.PlayButton:hover{outline:none;background-color:hsla(0,0%,100%,.2)}@-webkit-keyframes FocusPlayButton{0%{background-color:hsla(0,0%,100%,.2)}to{background-color:hsla(0,0%,100%,0)}}@keyframes FocusPlayButton{0%{background-color:hsla(0,0%,100%,.2)}to{background-color:hsla(0,0%,100%,0)}}.widget{position:absolute;padding:5px}.widget,.widgetContent{box-sizing:border-box;width:100%;height:100%}.widgetContent{display:flex;align-items:center;justify-content:center;flex-flow:row wrap;text-align:center;overflow:hidden}.SwapperOuter{position:relative}.SwapperContainer{height:100%;flex-flow:column nowrap;align-items:center;margin-bottom:2rem}.AppButtons,.SwapperContainer{width:100%;display:flex;justify-content:center}.AppButtons{flex-flow:row wrap;z-index:100}.App{height:100vh;height:-webkit-fill-available;display:flex;flex-flow:column nowrap;align-items:center}html{box-sizing:border-box;font-size:16px}html *,html :after,html :before{box-sizing:inherit}body{margin:0;padding:0;background-color:#222;color:#fff;font-family:"Cairo",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a{text-decoration:none}:root{--variables-here:5.6112423rem}.hidden{display:none}
/*# sourceMappingURL=main.2ab1ac02.chunk.css.map */