html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}#app,#root,.spotifyPanel,body,html{height:100%;min-height:100%;color:#e4e4e4;background-color:#1d1d1d}@media (max-width:800px){#app,#root,.spotifyPanel,body,html{height:unset;min-height:unset}}body{margin:0;padding:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}html svg{font-size:3rem}html a{color:#e6eaf3;text-decoration:underline}html #compass{z-index:1}.links{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start}.links>*{margin-left:1rem}*{z-index:2}#helpPlaylist{color:purple;cursor:pointer;height:3rem}#compass{position:fixed;bottom:-100px;right:-100px;opacity:.4;pointer-events:none}.green-link{color:#1db954;cursor:pointer;text-decoration:none}.loadingBar{background-color:#1db954;height:5px;position:fixed;top:0;z-index:20}.app{background-color:#1d1d1d}.spotifyPanel{display:grid;grid-template-rows:73px minmax(-webkit-max-content,1fr) minmax(-webkit-max-content,1fr);grid-template-rows:73px minmax(max-content,1fr) minmax(max-content,1fr);grid-template-columns:2fr 2fr;grid-template-areas:"head head" "main playlistActions" "main playlistActions";-webkit-user-select:none;user-select:none}@media (max-width:800px){.spotifyPanel{grid-template-rows:50px auto auto auto;grid-template-columns:1fr;grid-template-areas:"head" "playlistActions" "details" "main"}}.plainPanel{display:grid;grid-template-rows:8rem minmax(-webkit-max-content,1fr);grid-template-rows:8rem minmax(max-content,1fr);grid-template-areas:"head" "main"}.plainPanel #header{grid-area:head}.plainPanel .plainBody{grid-area:main}.userName{text-align:right;color:#e4e4e4;font-size:10px}.userName img{object-fit:cover;border-radius:100%;height:40px;width:40px}.spotifyPanel .playlistView{padding-left:1rem;padding-right:1rem}.playlistView{grid-area:playlistActions;-webkit-flex-direction:column;flex-direction:column}.playlistView,.playlistView h4{display:-webkit-flex;display:flex}.playlistView h4{-webkit-align-items:center;align-items:center}@media (min-width:800px){.playlistView .mobile{display:none}}@media (max-width:800px){.playlistView .desktop{display:none}}.detailsView{grid-area:details;padding-left:1rem;padding-right:1rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;margin-bottom:1rem}@media (max-width:800px){.detailsView{margin-top:5rem}}.detailsView .genres{-webkit-flex-basis:20%;flex-basis:20%;-webkit-flex-shrink:0;flex-shrink:0;-webkit-flex-grow:0;flex-grow:0}@media (min-width:800px){.mobileTitle{display:none}}h1,h2,h3,h4,h5,h6{margin-top:.5rem;margin-bottom:.2rem;text-align:left;border-radius:1rem;padding:1rem;letter-spacing:1px;line-height:1.5;font-weight:400;display:-webkit-flex;display:flex}.centeredHeader{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}button,li,p{line-height:1.5;letter-spacing:1px;font-size:1.2rem;margin-top:.2rem}p{text-indent:0}h4,h5,h6{font-weight:100}h5,h6{color:#e4e4e4}h1{font-size:4rem}@media (max-width:800px){h1{font-size:3.5rem}}h2{font-size:3.5rem;padding:.8rem}@media (max-width:800px){h2{font-size:3rem}}h3{font-size:3rem;padding:.6rem}@media (max-width:800px){h3{font-size:2.5rem}}h4{font-size:2.5rem;padding:.4rem}@media (max-width:800px){h4{font-size:2rem}}h5{font-size:2rem;padding:.2rem}@media (max-width:800px){h5{font-size:1.8rem}}h6{font-size:1.2rem;padding:.1rem}@media (max-width:800px){h6{font-size:1.6rem}}@media (max-width:800px){h1,h2,h3,h4,h5,h6{text-align:center}}.playbackStatus{color:#1db954;grid-area:main;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding-left:1rem;padding-right:1rem;padding-bottom:200px;border-right:2px solid grey}@media (max-width:800px){.playbackStatus{border:none}}.genres,.relatedArtists{text-align:center}.spotifyLogin{padding:1rem}.spotifyLogin,.spotifyLogin div{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.spotifyLogin img{width:100px}.spotifyLogin h1,.spotifyLogin h2,.spotifyLogin h3,.spotifyLogin h4,.spotifyLogin h5,.spotifyLogin h6{text-align:center;display:inline}.left-hand-header{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center}.left-hand-header img{margin-left:1rem}#songCompassLogo{height:30px}@media (min-width:800px){#songCompassLogo{height:40px}}#spotifyLogo{height:20px}@media (min-width:800px){#spotifyLogo{height:30px}}.popularityBar{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2;background-color:#da00ff;border-radius:3px}.emphasis,.emphasis2{letter-spacing:2px;-webkit-font-feature-settings:"smcp","c2sc";font-feature-settings:"smcp","c2sc";font-variant:all-small-caps;font-size:1.3rem;text-decoration:underline}svg.hoverableSvg:hover{opacity:.8;cursor:pointer}.toggledHighlight,svg.isSvgToggled{color:#ff4500}.highlightGenre{background-color:#de34de}.action-button{display:-webkit-flex;display:flex;-webkit-align-content:center;align-content:center;-webkit-justify-content:center;justify-content:center;padding:3px 5px;border-radius:3px;margin:0;border:0;text-decoration:none;font-size:1.5rem;color:#de34de;background-color:initial;cursor:pointer;position:relative;text-transform:uppercase;height:100%}.action-button :hover{-webkit-filter:brightness(120%);filter:brightness(120%)}.action-button [disabled]{-webkit-filter:brightness(50%);filter:brightness(50%);cursor:not-allowed}.action-button-alternate{background-color:#1db954;color:#1d1d1d;box-shadow:0 0 2px 1px #1db954}.playlist-action-button svg{display:inline-block;vertical-align:middle}.playlist-action-button span{margin-right:1rem}@media (hover:hover){.action-button-wrapper:hover{z-index:3}.action-button-tooltip{z-index:1000}.action-button-wrapper:hover>.action-button-tooltip{display:-webkit-flex;display:flex;min-height:200px}}.action-button-wrapper{position:relative}.action-button-tooltip{display:none;position:absolute;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;min-width:300px;width:100%;color:#e4e4e4;z-index:4;background-color:purple;top:2rem;left:0;border-radius:2px;box-shadow:0 0 2px 2px purple}.action-button-tooltip,.playlist-notification{-webkit-flex-direction:column;flex-direction:column}.playlist-notification{display:-webkit-flex;display:flex}.playlist-notification .playlist-notification-header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.playlist-track-list{list-style:none;margin:0;height:60vh;overflow-y:scroll;padding:0 1rem}.playlist-track-list li{border-bottom:1px}.notificationDrawer{position:relative;cursor:pointer}.notificationDrawer svg{height:40px;width:40px}.notificationDrawer svg.hoverDrawer{display:none}.notificationDrawer text{font:14px solid #1db954}.notificationDrawer:hover svg:first-child{display:none}.notificationDrawer:hover svg.hoverDrawer{display:unset}.notificationDrawerOpen{color:#1db954;-webkit-filter:brightness(150%);filter:brightness(150%)}#badge{position:absolute;top:-12px;right:-7px;font-weight:bolder}#badge #badgeCountNumber{-webkit-user-select:none;user-select:none;position:absolute;top:30px;right:14px;color:#fff}.circle:before{content:"\25CF";font-size:60px;color:red}.notificationsList{font-size:2rem;position:absolute;top:53px;right:0;min-width:40%;color:#1d1d1d;max-height:100vh;overflow:scroll}@media (max-width:800px){.notificationsList{min-width:100%}}.rightHandSideHeader{grid-column:2/3;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.notifications{margin-right:.5rem}.notification{margin-bottom:.5rem;padding:1rem;display:-webkit-flex;display:flex;background:#e6eaf3}.recoverable-notification{border-radius:5px;box-shadow:0 0 7px 2px #e6eaf3;background:#e6eaf3;-webkit-filter:brightness(150%);filter:brightness(150%)}.notification .leftPanel{-webkit-flex:80% 1;flex:80% 1}.notification .rightPanel{-webkit-flex:20% 1;flex:20% 1;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around}.notification .rightPanel span{font-size:1rem}.notificationDetails{font-size:1rem;margin-top:1rem}.icon-button{cursor:pointer}.icon-button:hover{cursor:pointer;opacity:.8}#header{z-index:3;position:fixed;background:#1d1d1d;border-bottom:2px solid grey;padding-top:10px;padding-bottom:10px;padding-left:0;grid-template-columns:5fr 2fr}#docsPage,#header{width:100%;display:grid}#docsPage{overflow-y:auto;grid-template-rows:auto auto;grid-template-columns:1fr 5fr;grid-template-areas:"header header" "sidebar content"}@media (max-width:800px){#docsPage{overflow-y:auto;display:grid;grid-template-rows:auto auto;grid-template-columns:1fr;grid-template-areas:"header" "content";width:100%}#docsPage #docsPageSidebar{display:none}}#docsPageHeader{grid-area:header;justify-self:center;margin-top:4rem;margin-bottom:2rem}#docsPageBody,#docsPageHeader{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}#docsPageBody{grid-area:content}#docsPageSidebar{grid-area:sidebar;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}#docsPageSidebar a{color:#1db954;text-decoration:none;font-size:22px}#docsPageSidebar ul{margin:0;padding:0}#docsPageBody .docsBodyItemHeader{cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:1rem;margin-bottom:1rem}#docsPageBody .docsBodyItemHeader svg{float:right;height:.5em}#docsPageBody .docsBodyItem h1,#docsPageBody .docsBodyItem h2,#docsPageBody .docsBodyItem h3,#docsPageBody .docsBodyItem h4,#docsPageBody .docsBodyItem h5,#docsPageBody .docsBodyItem h6{text-align:left}#docsPageBody .docsBodyItem:hover>h1,#docsPageBody .docsBodyItem:hover>h2,#docsPageBody .docsBodyItem:hover>h3,#docsPageBody .docsBodyItem:hover>h4,#docsPageBody .docsBodyItem:hover>h5,#docsPageBody .docsBodyItem:hover>h6,.docsBodyItemHeaderOpen{color:#1db954}.docsBodyItem{padding-left:1rem;padding-right:1rem}#docsPageBody .docsBodyItem{width:100%}.active-nav-link{font-weight:700}#docsPageBody .docsBodyItem:nth-of-type(2n){background-color:#2a2a2a}#docsPageBody .docsBodyItem:nth-of-type(odd){background-color:#3e3e3e}#docsPageBody,#docsPageSidebar{background-color:#0b0b0b}#docsPageSidebar{padding:0 1rem 1rem}.docsBodyItemContent{transition-property:max-height;max-height:0;overflow:hidden;-webkit-transform-origin:top;transform-origin:top;transition-duration:.2s;padding-left:.5rem}.docsBodyItemContentOpen{max-height:1000px;height:auto}.footer-link *{margin-top:0;margin-bottom:0}.error-page{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin-left:2rem;margin-right:2rem;padding-top:3rem}.error-page>*{text-align:center}.device-list{list-style:none}.icon-with-margin{margin-left:1rem}.grid{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}.grid .action-button-wrapper{margin-bottom:1rem}.grid .action-button{margin-bottom:1rem;margin-right:.65rem}.svg-link,.svg-link:visited{color:#1db954}.header{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;position:relative;z-index:1000}.header svg{margin-left:.5rem;margin-bottom:.5rem;font-size:2rem}.playing-track{font-weight:700;color:#da00ff}.invalid-track{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.rr-body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}@media (min-width:1000px){.rr-body{max-width:500px}}.rr-whats-playing{-webkit-justify-content:center;justify-content:center}.rr-controls,.rr-whats-playing{width:100%;display:-webkit-flex;display:flex}.rr-controls{margin-top:1rem;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around}.rr-controls .action-button{font-size:1rem}.rr-controls>*{width:29%}.rr-previous{color:#ff1493}.rr-next{color:#00bfff}.rr-bomb{color:#1db954}.rr-like-button{color:#ff0925}.rr-bomb,.rr-like-button,.rr-next,.rr-pause,.rr-play,.rr-previous{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.rr-bomb svg,.rr-like-button svg,.rr-next svg,.rr-pause svg,.rr-play svg,.rr-previous svg{width:7rem;height:7rem}.wrapper-progress-bar{width:100%;height:10px;background:#e6eaf3}.wrapper-progress-bar .inner-progress-bar{height:100%;background:#1db954}.progress-ring{position:absolute;top:27px}.rapid-radio-artist-details,.rapid-radio-main{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.rapid-radio-main{margin-top:-4rem}@media (max-width:800px){.rapid-radio-main{-webkit-flex-direction:column;flex-direction:column}}.rapid-radio-first-column,.rapid-radio-second-column{width:30%}.rapid-radio-first-column,.rapid-radio-second-column,.rapid-radio-third-column{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.rapid-radio-third-column{width:40%}@media (max-width:800px){.rapid-radio-main>*{width:100%}}.artist-image-wrapper{position:fixed;display:-webkit-flex;display:flex;top:20%;left:30%;width:500px;height:500px;z-index:1}@media (max-width:800px){.artist-image-wrapper{width:100%;height:unset;top:300px;left:0}}.artist-image{width:100%;height:100%;opacity:.7;box-shadow:inset 0 0 8px 8px #000;border-radius:100%}.artist-image-expanded{width:100vw;height:100vh;opacity:1}.image-expander{color:red;opacity:1;position:relative;top:5rem;left:50%;right:50%;display:inline-block;cursor:pointer;z-index:400}
/*# sourceMappingURL=main.e73f833a.chunk.css.map */