#root{margin:0 auto}.feed-page,.leaderboard-page,.playlist-page,.user-page{max-width:768px;margin:0 auto}img{user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}.playlist-page__titlestats{display:flex;flex-direction:row;justify-content:center;padding-bottom:20px}.playlist-page__title{font-family:"Roboto",sans-serif;font-size:32px;margin-left:auto;display:flex;flex-direction:column;text-align:center}.playlist-page__title-createdby{font-size:18px}.playlist-page__top-contribs{margin-left:auto}.playlist-page__search-bar{display:flex;flex-direction:row;justify-content:flex-end}.playlist-page__search-bar i{padding-top:10px;padding-right:5px}.playlist-page__search-bar div{width:250px}.Select-arrow-zone{display:none}.header{display:flex;position:fixed;top:0;right:0;width:calc(100% - 200px);border-bottom:1px solid #e3e3e3;background-color:#fff;justify-content:center;height:45px;padding-top:5px;z-index:2}.header__width-wrapper{width:768px;display:flex;justify-content:space-between;color:#000}.header__left-nav .header__bop,.header__left-nav .header__bop a{font-family:"Roboto",sans-serif;font-size:40px;font-weight:200;color:#000;text-decoration:none;margin:-5px 0 0}.header__left-nav a:hover{color:purple;text-decoration:none}.header__left-nav,.header__left-nav a{padding-right:20px;color:#000;font-size:24px;font-weight:200}.header__left-nav a.active{text-shadow:2px 2px 4px #9a05b5}.header__login{margin:0;font-weight:200}.header__left-nav,.header__login-form{display:flex;flex-direction:row}.header__login-form{justify-content:flex-end;position:relative;color:#000}.header__login-form-dropdown{position:absolute;right:0;z-index:69;padding-top:20px;padding-bottom:20px;background-color:#3a3f41;color:#b2b2b2;width:220px;display:flex;flex-direction:column;align-items:center}a{cursor:pointer}.header__logintext{margin:10px 10px 0}.header__login-form-logout-button:hover,.header__logintext:hover{color:#fff!important}.selected-purple{color:purple}#post_song{color:#fff;font-family:"Roboto",sans-serif;font-size:18px;font-weight:100}.song-title{max-width:150px;width:150px}.vote-info{max-width:50px;width:50px}.song-artist,.song-postee{max-width:100px;width:100px}.play-info{width:30px;max-width:30px}.play-info i{color:#555;cursor:pointer}.play-info i:hover{color:#000}.song-playlist{max-width:100px;width:100px;color:purple}.song-date{width:75px;max-width:75px}.song-duration{width:40px;max-width:40px}.header-row{justify-content:space-around;display:flex;padding-bottom:10px;padding-top:10px;border-bottom:1px solid #d3d3d3}.header-row .song-duration{display:flex;justify-content:center;padding-top:3px}.song-div{font-family:"Roboto",sans-serif;font-weight:300;font-size:18px;line-height:41px;max-height:70px}.event-row{font-weight:300;font-size:16px;height:120px;display:flex;flex-direction:column;padding-bottom:20px}.event-row__song{display:flex;padding-top:5px;padding-left:20px}.event-row__song-play-info{display:flex;flex-direction:column;align-self:center;padding-right:20px;width:40px}.event-row__song-upvote{padding-bottom:5px}.event-row__controls{height:30px;margin-bottom:20px;cursor:pointer}.event-row__thumb{height:75px}.event-row__arttit{padding-left:20px;flex-direction:column;display:flex}.feed-page__title{display:flex;justify-content:center;font-size:24px}.song-div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vote-count{font-weight:300;font-size:24px;color:#464444;padding-left:.5px;margin-top:-10px}.duration,.vote-count{font-family:"Roboto",sans-serif}.duration{font-weight:100;font-size:18px;color:#000;line-height:25px}.song-div{display:flex;height:50px;justify-content:space-around}.song-div:hover{background-color:#d3d3d3}.up-chevron-selected{color:#f6ae0c}.song-div img{height:80px;width:80px}.play-info i{padding-top:6px;display:flex}.vote-info{flex-direction:column;display:flex;text-align:center}.active{color:purple}.pointer{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.topcontributors{display:flex;flex-direction:column}.topcontributors__list{display:flex;flex-direction:row;justify-content:space-around}.playing-bar{display:flex;position:fixed;bottom:0;height:70;width:100%;left:0;background-color:#fff;border-top:1px solid #e3e3e3;justify-content:center}.playing-bar__width-wrapper{width:768px;display:flex}.playing-bar__play-controls i{color:#ccc}.playing-bar__play-controls i:hover{color:#000}.playing-bar__play-controls{display:flex;width:250px;height:100%;align-items:flex-end;justify-content:space-around;padding-bottom:20px}.playing-bar__player{display:flex;padding-bottom:10px;padding-top:10px}.playing-bar__play-info{display:flex;width:250px}.playing-bar__arttit,.playing-bar__thumb{max-height:60px;padding-bottom:10px;align-self:flex-end;display:flex;flex-direction:column;padding-left:10px}.playing-bar__thumb{max-width:60px}.playing-bar__arttit{width:190px}.playing-bar__title{font-size:20px}.playing-bar__artist{color:grey}.playing-bar__artist,.playing-bar__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playing-bar__shuffle.active{color:purple}.container{padding-right:15px;padding-left:15px}.search-result-thumbnail-wrapper img{max-height:45px;padding-right:10px}.search-result-thumbnail-wrapper.is-focused{background-color:rgba(100,100,200,.5)}.user-page__title{font-family:"Roboto",sans-serif;font-size:32px;text-align:center;padding-bottom:30px;padding-top:20px}.user-page__selection{cursor:pointer;color:#9370db;display:inline-block;width:95px}.combined-song-event__play{display:flex;position:relative;top:41px;left:35px;color:#9370db}.sidebar{position:fixed;overflow:auto;left:0;top:0;height:100%;width:200px;background-color:#505050;color:#c8c8c8}.sidebar__menu{margin-top:50px;overflow-x:hidden}.sidebar__menu a,.sidebar__menu p,.sidebar__menu span{display:block;color:inherit;padding-left:20px;text-decoration:none}.sidebar a:hover,.sidebar p:hover{color:#fff;cursor:pointer}.sidebar-hamburger{position:fixed;top:5px;left:5px;font-size:x-large;color:#000;z-index:2}.thumb-vertical{color:#fff;background-color:#fff}.create-playlist-form input:placeholder{color:#fff}.create-playlist-form i:hover{color:#fff;cursor:pointer}
/*# sourceMappingURL=main.4d14d698.chunk.css.map */