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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{background-color:#0d1117}.welcome-text{box-sizing:border-box;padding-top:7em}.slider-wrapper{text-align:center}.slider-title{box-sizing:border-box;text-align:end;width:50%;padding-top:.275em}.slider-group{display:inline-flex;width:100%}.slider-control{box-sizing:border-box;width:100%}.slider-control,.sub-title{padding-left:10%;padding-right:10%}.sub-title{text-align:left}.genre-selector{padding-left:10%;padding-right:10%}.metrics-panel{width:100%}.text-input::-webkit-input-placeholder{color:#fff}.text-input:-ms-input-placeholder{color:#fff}.text-input::-ms-input-placeholder{color:#fff}.text-input::placeholder{color:#fff}.input-container{position:sticky;position:-webkit-sticky;top:0;background-color:#0d1117;box-sizing:border-box;padding-top:2em;padding-bottom:.5em}.more-genres-modal{margin-bottom:.5em}.text-input{background-color:transparent;color:#fff;border:none;font-size:2em}.text-input:focus{outline:none}.text-input:focus,.text-input:hover{color:#52af77;border-color:#52af77;border-bottom:1px solid}.text-input:hover{width:"50%"}.text-input:hover::-webkit-input-placeholder{color:#52af77}.text-input:hover:-ms-input-placeholder{color:#52af77}.text-input:hover::-ms-input-placeholder{color:#52af77}.text-input:hover::placeholder{color:#52af77}.text-input:focus::-webkit-input-placeholder{color:#52af77}.text-input:focus:-ms-input-placeholder{color:#52af77}.text-input:focus::-ms-input-placeholder{color:#52af77}.text-input:focus::placeholder{color:#52af77}.display-header{height:8em}.display-header,.sm-display-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;color:#fff;background-color:#0d1117;width:100%;box-shadow:0 8px 6px -6px #000;text-align:left}.sm-display-header{height:4em}.user-image{object-fit:contain;height:100%;float:left}.user-data{width:100%;height:50%}.hello-text{padding-top:.75em}.create-playlist-text,.hello-text{height:100%;margin-left:9em}.sm-create-playlist-text{height:100%;margin-left:5em;padding-top:.875em}.save-button-container{float:right;margin-right:2em}.save-button{color:#bdbdbd!important;border-color:#bdbdbd!important}.loading-save{margin-right:2.75em}.loading-playlist{width:100%;margin-top:5em}.instruction-text,.no-found-text{margin-top:15em;color:#8f8e8e}.App{text-align:center;display:flex;height:100%;width:100%}.App-header{background:#0d1117;min-height:100vh;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;padding-top:1em}.settings-panel{position:sticky;position:-webkit-sticky;top:1em}.display-panel{width:100%;background-color:#161b22;color:#fff}.welcome-text{width:100%;height:100%}.mobile-layout{background-color:#161b22;height:100%;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}.coming-soon{text-align:center;color:#fff;height:100%}
/*# sourceMappingURL=main.d9e9c066.chunk.css.map */