@import url(https://fonts.googleapis.com/css?family=Nunito&display=swap);body{margin:0;font-family:"Nunito",-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:"Nunito",source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.page-wrapper{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;background-color:var(--dark-azure-blue)}.page-description-div{padding:10px;width:50%;text-align:center}.page-description-div,.very-big-button{border-radius:var(--big-border-radius);border:var(--green-blue) solid;margin:10px;background-color:var(--light-azure-blue)}.very-big-button{padding:20px;cursor:pointer;font-size:40px}.App{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}:root{--light-azure-blue:#82f0f0;--dark-azure-blue:#027d78;--pink:#f39;--almost-white:#e5f7f8;--green-blue:#60c8aa;--really-green:#0c0;--small-border-radius:5px;--middle-border-radius:10px;--big-border-radius:20px;--border-preset:2px solid #000}h1{text-align:center}div,h1,p{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pointer{cursor:pointer}.chosen-cluster-div{width:100%;height:auto;display:flex;flex-direction:row;-webkit-animation:createBox .25s;animation:createBox .25s}@-webkit-keyframes createBox{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes createBox{0%{transform:scale(0)}to{transform:scale(1)}}.chosen-cluster-column{width:100%;height:auto;display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;overflow-x:auto}.chosen-cluster-graph-div{flex:1 1 auto;width:100%;display:flex}.chosen-cluster-graph-div-inside{display:flex;flex-grow:1;width:100%;background-color:#027d78;background-color:var(--dark-azure-blue);border-radius:10px;border-radius:var(--middle-border-radius);position:relative;overflow:auto}.similar-cluster-row{height:150px;display:flex;overflow-x:auto;min-width:0;margin-bottom:10px}.padding-margin{padding:0 5px;margin:5px 10px 0 0;border-radius:5px;border-radius:var(--small-border-radius)}.go-back-div{width:100px;flex:0 0 auto;background-color:#027d78;background-color:var(--dark-azure-blue);align-items:center;text-align:center}.h3-no-padding{padding:10 0 0;margin:0}.similar-cluster-div{width:200px;flex:0 0 auto;background-color:#027d78;background-color:var(--dark-azure-blue);text-align:center}.box-with-margin{transition:2s ease-in;margin:5px;background-color:#82f0f0;background-color:var(--light-azure-blue);padding:5px 20px;border-radius:5px;border-radius:var(--small-border-radius);-webkit-animation:slide-up .4s ease;animation:slide-up .4s ease}.box{width:100%;flex-grow:1;background-color:#027d78;background-color:var(--dark-azure-blue);border:5px solid #000;border-radius:10px;border-radius:var(--middle-border-radius);position:relative;overflow:auto}.text-align-center{text-align:center}.shift-left{margin-left:-15px}@-webkit-keyframes slide-up{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.playerControls{width:100%}.empty-player{align-items:center;height:60px;padding:3px 0}.empty-player,.player{align-content:center;text-align:center;display:flex;flex-direction:column;overflow-y:auto;overflow-x:auto;margin:5px;background-color:#82f0f0;background-color:var(--light-azure-blue);border:2px solid #000;border:var(--border-preset);border-radius:20px;border-radius:var(--big-border-radius)}.player{height:100px;transition:all .1s linear}.playingSongArtists{margin:0}.playingSongArtists,.playingSongName{text-overflow:ellipsis;overflow:hidden;width:70%;white-space:nowrap}.playingSongName{margin:5px 0 0}.flex1{flex:1 1 auto;display:flex;flex-direction:column;align-items:center}.loader{border-radius:50%;border:10px solid #f3f3f3;border-top-color:#0c0;border-top:10px solid var(--really-green);width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.generic-description{padding:15px;margin:15px}.generic-description,.generic-description-small-margin{border-radius:20px;border-radius:var(--big-border-radius);background-color:#82f0f0;background-color:var(--light-azure-blue)}.generic-description-small-margin{padding:10px;margin:10px}.position-absolute{position:absolute}.header{background-color:var(--light-azure-blue);padding:10px;border-radius:15px/15px;margin-bottom:10px;width:100%;align-items:bottom;text-align:center;opacity:.95}.nodeWrapper{flex-direction:column;position:absolute;background-color:rgba(34,34,34,.95);border-radius:var(--big-border-radius);border:2px solid #7995ad;padding:7px;cursor:pointer;text-align:center;overflow:hidden}.nodeHeader,.nodeWrapper{display:flex;justify-content:center}.nodeHeader{width:100%;align-items:center;margin-bottom:"10px"}.artistsRow{display:flex;flex-direction:row;margin-top:-5px}.artistWrapper{display:flex;align-items:center;justify-content:center;flex-grow:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.artistDiv{overflow:hidden;border-radius:50%;align-items:center}.artistImg{margin-left:0;margin-top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.colourWrapper{padding:2px;background-color:var(--light-azure-blue);overflow:hidden;border-radius:50%;align-items:center}.noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.artist-node-outer-wrapper{padding:"5px";position:absolute;display:inline-flex;justify-content:center;justify-items:center;flex-direction:column}.artist-node-artist-name-div,.artist-node-outer-wrapper{background-color:color;border-radius:var(--middle-border-radius)}.artist-node-artist-name-div{display:inline-block;padding:2px;margin-top:-20px;word-wrap:break-word;text-align:center;width:100px}.outer-slider-wrapper{flex-direction:row;width:250px}.inner-slider-wrapper,.outer-slider-wrapper{display:flex;align-items:center;justify-content:center}.inner-slider-wrapper{width:100%}.slider-input{cursor:pointer;width:95%;height:15px}.draggable-slider-div,.slider-input{border-radius:var(--small-border-radius)}.draggable-slider-div{display:flex;flex-direction:row;position:absolute;z-index:1000;top:10px;left:10px;width:310px;background-color:var(--light-azure-blue);opacity:.9;padding:5px;align-items:center;justify-content:center}.chosen-cluster-wrapper{display:flex;flex-grow:1;background-color:"none";min-width:0;cursor:"pointer",}.slider-description{position:absolute;top:50px;margin:5px;padding:5px;border-radius:var(--small-border-radius);background-color:var(--light-azure-blue);opacity:1}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.chosen-artist-bar{width:300px;display:flex;padding:0 2px;margin:0 0 0 5px}.chosen-artist-bar,.chosen-artist-bar-scroll{height:100%;background-color:var(--dark-azure-blue);border-radius:var(--middle-border-radius);flex-direction:column;text-align:center}.chosen-artist-bar-scroll{box-sizing:border-box;overflow-x:auto}.chosen-artist-bar-top{border-radius:var(--middle-border-radius);margin:5px 2px 10px}.chosen-artist-bar-top,.song-div{background-color:var(--light-azure-blue);padding:5px}.song-div{margin:3px}.song-div,.song-preview{border-radius:var(--small-border-radius)}.song-preview{margin:2px;padding:5px 0;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--light-azure-blue)}.song-wrapper{overflow:hidden;word-wrap:break-word;font-weight:700;flex:1 1;text-align:center}.song-description{transition:max-height .3s linear;overflow:hidden;background:var(--green-blue);border-radius:var(--small-border-radius);padding:0}.full-song-link-div{margin:5px;background-color:var(--light-azure-blue);border-radius:var(--small-border-radius);font-weight:700;padding:5px;display:flex;flex-direction:row;align-items:center;justify-content:center}.recommendation-panel{height:70px;display:flex;padding:8px 5px 10px 0;flex-direction:row;overflow-y:auto}.you-might-like{margin-top:-25px;border-radius:0 10px 0 0;padding:5px 5px 0 0;display:flex}.you-might-like,.you-might-like-description{position:absolute;background-color:var(--light-azure-blue)}.you-might-like-description{width:350px;margin-top:-180px;margin-left:10px;opacity:.9;padding:5px;border-radius:var(--middle-border-radius)}.wrapper{display:flex;padding:10px;flex-grow:1;background-color:none;min-width:0;cursor:pointer}.insideClusterBox{width:100%;flex-grow:1;background-color:var(--dark-azure-blue);position:relative;overflow:auto;border-radius:var(--middle-border-radius)}.dragging-box{width:80px;height:80px;background-color:var(--almost-white)}.progressbar .progress{background-color:var(--really-green);border-radius:4px;transition:width .4s ease-in-out;height:100%}.progressbar{width:50%;height:30px;border-radius:var(--middle-border-radius);background-color:var(--almost-white);padding:10px;margin:10px}.mainDiv{display:flex;flex:1 1;flex-direction:column;min-width:0}.mainDivHeader{background-color:var(--almost-white);height:30px;text-align:center;font-size:large;padding:5px}.mainDivContent,.mainDivHeader{border-radius:var(--big-border-radius);border:var(--border-preset)}.mainDivContent{display:flex;flex:1 1;overflow-y:auto;overflow-x:auto;margin:5px;background-color:var(--light-azure-blue)}.spotify-image{margin:10px}.sideBarHeader{display:flex;align-items:center}.sideBar{height:calc(100% - 10px);width:300px;background-color:var(--almost-white);text-align:center;display:flex;box-sizing:border-box;flex-direction:column;border-radius:var(--big-border-radius);padding:5px;margin:5px;border:var(--border-preset)}.sideBarContent{padding:5px 0;text-align:left;overflow:auto;flex:1 1}.download-button{background-color:var(--light-azure-blue);border:1px solid #000;margin:5px;padding:5px;border-radius:var(--small-border-radius)}
/*# sourceMappingURL=main.f79b2318.chunk.css.map */