body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;text-align:center}.App-logo{animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#000;color:#fff;flex-direction:column}.App-header,.App-main{align-items:center;display:flex;font-size:calc(10px + 2vmin);justify-content:center}.App-main{background-color:#fff;color:#000;flex:1 1;flex-direction:column}.App-subtitle{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 1vmin);justify-content:center;min-height:10vh}.App-link{color:#61dafb}.Group{flex-direction:column;height:calc(100vh - 56px);justify-content:flex-start}.App-Title,.Group{align-items:center;display:flex;width:100vw}.App-Title{font-size:calc(22px + 4vh);height:15vh;justify-content:center}.Main-screen{align-items:center;display:flex;flex:1 1;flex-direction:column;user-select:none;-webkit-user-select:none}.App-bitrate{font-size:small;position:absolute;right:10px;top:5px;z-index:2}.select{-webkit-touch-callout:default;-webkit-user-select:all;user-select:all}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.App-instruction{font-size:14px;margin-bottom:20px;margin-left:5px;margin-right:5px}.current-piece{font-size:20px;margin-bottom:10px}.applied-modifiers{font-size:16px;margin-bottom:10px}.system-status{color:#555;font-size:16px;margin-bottom:20px}.control-tempo-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.control-button-wrapper{margin-left:20px;margin-right:20px}.video-control-buttons{margin-bottom:10px}.video-toggle-button{cursor:pointer;font-size:16px;padding:10px 20px}.privacy-info{color:#888;font-size:14px;margin-bottom:20px;max-width:600px;text-align:center}.headphone-notice{background-color:#444;border-radius:5px;bottom:20px;color:#fff;left:50%;padding:15px 30px;position:fixed;text-align:center;transform:translateX(-50%);z-index:1000}.headphone-notice button{background-color:#61dafb;border:none;border-radius:3px;color:#000;cursor:pointer;margin-top:10px;padding:8px 12px}.Intro-terms{align-items:center;display:none;justify-content:center;visibility:hidden}.Start-text{font-size:calc(14px + 2.5vmin)}.Intro-main{justify-content:space-between;width:100vw}.Intro-main,.Intro-title{align-items:center;display:flex;flex-direction:column}.Intro-title{font-size:calc(28px + 6.5vmin);justify-content:center;min-height:25vh}.Title-text{align-self:center;display:flex;justify-self:center;-webkit-user-select:none;user-select:none}.Intro-slogan{font-size:calc(11px + 3vmin);min-height:15vh;-webkit-user-select:none;user-select:none}.Intro-controls,.Intro-slogan{align-items:center;display:flex;flex-direction:column;justify-content:center}.Intro-controls{min-height:40vh}.Intro-terms{font-size:calc(10px + 1.1vmin);min-height:10vh;padding-bottom:35px;padding-left:35px;padding-right:35px;text-align:justify}.Intro-terms,.Permission-main{display:flex;flex-direction:column}.Permission-main{align-items:center;border:1px solid gray;justify-content:space-around;text-align:start;width:80vw}.Permission-text{align-items:flex-start;display:flex;flex-direction:column;font-size:calc(10px + 1.8vmin);height:20vh;padding:calc(10px + 1vh)}.Permission-buttons{align-items:center;display:flex;flex-direction:row;height:13vh;justify-content:space-between;width:70vw}.Cancel-button{cursor:pointer;font-size:calc(10px + 1.1vmin);min-width:calc(40px + 2vw)}.Ok-button{align-items:center;background-color:#93c47d;border:1px solid #d3d3d3;cursor:pointer;display:flex;font-size:calc(18px + 2.5vmin);justify-content:center;padding:calc(8px + .5vmin)}.placeholder{min-width:calc(40px + 2vw)}.Main-webrtc{background-image:url(https://1.bp.blogspot.com/-3g1DuB01mps/TxcUfX0nMCI/AAAAAAAAAN4/-vlJtV0lIa0/s1600/IMG_7247a.jpg);background-position:50%;background-size:cover;height:46vh;width:100%}.Main-webrtc,.Placeholder{align-items:center;display:flex;flex-direction:column;justify-content:center}.Placeholder{font-size:calc(14px + 1vh)}.Menu-bar{align-items:center;cursor:pointer;display:flex;flex-direction:row;height:calc(5vh + 10px);justify-self:end;-webkit-user-select:none;user-select:none;width:100vw}.Menu-tab{background-color:#fff}.Menu-tab,.Menu-tab-active{align-items:center;border-top:.5px solid #a9a9a9;display:flex;flex:1 1;flex-direction:row;font-size:larger;height:calc(5vh + 10px);justify-content:center}.Menu-tab-active{background-color:grey;color:#fff}.YoutubeContainer_videoMainContainer__mO4z\+{background-color:#fff;display:flex;flex-direction:column;justify-content:flex-start;width:auto}@media screen and (orientation:portrait){.YoutubeContainer_videoMainContainer__mO4z\+{padding-left:10px;padding-top:5px}}.YoutubeContainer_videoDivContainer__Lg3R4{align-items:flex-start;display:flex;flex-direction:row;height:var(--selectedThumbnailHeight)}.YoutubeContainer_preloadedVideoDiv__Ikopb{display:none;margin:0}.YoutubeContainer_playingVideoDiv__f3MFf{border:0;margin:0;padding:0;pointer-events:auto;z-index:3}.YoutubeContainer_metaText__yH7Vd{font-size:.8rem;margin-top:0;max-width:calc(var(--scoreViewerOptimalWidth) - var(--selectedThumbnailWidth))}@media screen and (orientation:portrait){.YoutubeContainer_metaText__yH7Vd{margin-left:5px;max-width:calc(100vw - var(--selectedThumbnailWidth) - 10px)}}@media screen and (orientation:landscape){.YoutubeContainer_metaText__yH7Vd{padding-left:10px;padding-right:10px}}.YoutubeContainer_placeHolder__6h-uN{background-color:#f5f5f5;color:grey;font-size:16px;left:15px;opacity:.9;padding:10px;position:absolute;top:12px;width:120px}.YoutubeContainer_playingUnderline__AZyhY{background-color:#060;display:flex;height:2px;margin-top:4px;padding:0}.Account-page{display:flex;flex-direction:column;justify-content:space-evenly;margin-top:10px;min-height:60vh}.stat{display:flex;padding:8px;text-align:start}.Account-label{width:100px}.Start-main{align-items:center;background-color:#f8f8ff;border:1px solid #d3d3d3;border-radius:calc(40px + 4vmin);cursor:pointer;display:flex;flex-direction:column;height:calc(80px + 8vmin);justify-content:center;margin:40px auto;width:calc(80px + 8vmin)}.Start-text{font-size:calc(12px + 2.2vmin);pointer-events:none;-webkit-user-select:none;user-select:none}.dev-ui{align-items:center;border:1px solid #ccc;border-radius:5px;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:10px;padding:10px;position:relative;width:fit-content}.dev-ui input{margin-right:10px}.volume-controls{display:flex;flex-direction:row;margin-left:10px}.volume-controls button{margin-right:5px}.playback-controls{display:flex;flex-direction:row;justify-content:space-around;margin-left:10px}.tempo-slider-container{height:200px}.tempo-slider-container,.tempo-slider-wrapper{align-items:center;display:flex}.tempo-slider{background-color:#ddd;border-radius:10px;cursor:pointer;height:200px;overflow:hidden;position:relative;width:50px}.tempo-slider-fill{background-color:#4caf50;bottom:0;position:absolute;transition:height .1s linear;width:100%}.tempo-slider-handle{background-color:#555;border-radius:5px;height:10px;left:0;position:absolute;transform:translateY(50%);width:100%}.tempo-value{font-size:14px;font-weight:700;min-width:70px}
/*# sourceMappingURL=main.48a83495.css.map*/