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;background-color:#e1dfe1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root,body,html{height:100%;width:100%}.reset{background-color:red;margin-bottom:2rem}.reset,.submit{width:50%;height:2rem;color:#fff}.submit{background-color:green}#progress{width:100%}#times{display:flex;justify-content:space-between}.landing{height:100%;flex-direction:column;color:#fff;background:linear-gradient(#4d5e68,#171719);padding:.5rem 1.5rem;box-sizing:border-box;cursor:default}.landing,.top{width:100%;display:flex}.top{align-items:center}.caret{width:25%;text-align:left;font-size:x-large}.top-info{width:50%;text-align:center}.playing-from{font-size:small;color:#c9d4da}.vertical-ellipsis{width:25%;text-align:right;font-size:xx-large}.middle{background-image:url(/static/media/album.3d709571.jpg);background-repeat:no-repeat;background-position:50%;background-size:contain;flex-grow:1;margin:2rem 0}.bottom .row1{display:flex;align-items:center;justify-content:space-between;text-align:left;margin-bottom:.5rem}.row1 .title{font-size:large}.row1 .artist{color:#d9dbdf}.heart{font-size:x-large}.bottom .row3{display:flex;justify-content:space-between;align-items:center;font-size:xx-large}.row3 .play{font-size:5rem}.row4{display:flex;justify-content:space-between;font-size:x-large}.select{cursor:pointer}.Home{height:100%;width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.video{display:flex;cursor:pointer}.video,.video video{min-height:100%;min-width:100%}.video-placeholder{display:flex;justify-content:center;align-items:center;font-size:xx-large}.video-placeholder>p{margin:0}#guide-list{text-align:start}.progress-bar{display:flex;pointer-events:none;min-width:80%}.progress-bar>input{flex-grow:1}#recorder{align-items:center;flex-grow:1;height:100%}#recorder,#recorder>.top{display:flex;flex-direction:column}#recorder>.top{height:5rem;justify-content:center}#recorder>#preview{flex-shrink:1;margin:1rem 0;max-width:100%;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.header{height:7.5%;font-size:xx-large;font-weight:500;background-color:#547aa5;display:flex;justify-content:center;align-items:center}.syncer{display:block;width:100%}.syncer>video{flex-shrink:1;max-width:100%;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.syncer input{width:90%}.syncer h2{margin:.2rem 0}.syncer .tooltip{margin:0 0 .2rem;font-size:small}.syncer>div{margin-bottom:1rem}#recording-booth{height:100%;display:flex;flex-direction:column}.App{text-align:center;height:100%;width:100%;margin:0 auto;background-color:#fff}@media (min-aspect-ratio:1/1){.App{width:56.25vh}}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}#sign-in{font-size:larger;padding:1rem .5rem}#sign-in-form>div{display:flex;justify-content:space-between;margin-bottom:.5rem}#sign-in-form input[type=submit]{font-size:larger}
/*# sourceMappingURL=main.e2cefd8b.chunk.css.map */