@font-face{font-family:ProximaNova;font-display:auto;src:url(/css/fonts/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"),url(/css/fonts/ProximaNova-Regular.otf) format("opentype"),url(/css/fonts/ProximaNova-Regular.woff) format("woff"),url(/css/fonts/ProximaNova-Regular.ttf) format("truetype"),url(/css/fonts/ProximaNova-Regular.svg#ProximaNova-Regular) format("svg");font-weight:400;font-style:normal}body{padding-top:89px}.site-navbar{position:fixed;top:0;width:100%;background:#1e191f;border-color:#1e191f;font-family:ProximaNova,sans-serif;font-size:16px;letter-spacing:.3px}.site-navbar .mobile-logo{display:none}.site-navbar .nav-container{max-width:1100px;margin:auto}.site-navbar a{color:#fff!important}.site-navbar .dropdown a:focus,.site-navbar .dropdown a:hover,.site-navbar .dropdown.open a,.site-navbar .dropdown.open a:focus,.site-navbar .dropdown.open a:hover{background:#29252a}.site-navbar .navbar-toggle{border:none;font-size:24px;padding:0 0 0 15px;line-height:1.6;color:#fff;margin:0;height:68px;align-items:center;border-radius:0}.site-navbar .nav>li a .home-icon{margin:0}.site-navbar .navbar-collapse{border-color:#29252a;box-shadow:none}.site-navbar .dropdown-menu,.site-navbar .open .dropdown-menu{background:#29252a;border-color:#343035;margin:0;z-index:1000;padding:0;font-size:1em}.site-navbar .dropdown-menu>li,.site-navbar .open .dropdown-menu>li{position:relative}.site-navbar .dropdown-menu>li .logout-button,.site-navbar .dropdown-menu>li a,.site-navbar .open .dropdown-menu>li .logout-button,.site-navbar .open .dropdown-menu>li a{line-height:1;display:flex;align-items:center;padding-left:12px;padding-top:12px;padding-bottom:12px}.site-navbar .dropdown-menu>li .logout-button i,.site-navbar .dropdown-menu>li a i,.site-navbar .open .dropdown-menu>li .logout-button i,.site-navbar .open .dropdown-menu>li a i{margin-right:12px}.site-navbar .dropdown-menu>li .logout-button:hover,.site-navbar .dropdown-menu>li a:hover,.site-navbar .open .dropdown-menu>li .logout-button:hover,.site-navbar .open .dropdown-menu>li a:hover{background:#343035!important}.site-navbar .dropdown-menu .logout-button,.site-navbar .open .dropdown-menu .logout-button{width:100%;text-align:left;background:0 0;border:none;padding:3px 20px 3px 30px}.site-navbar .navbar-brand{height:68px;display:flex;align-items:center;padding:0 15px}.site-navbar .navbar-brand .logo,.site-navbar .navbar-brand .mobile-logo{height:27px}.site-navbar .navbar-right{margin-right:0;display:flex;align-items:center}.site-navbar .home-icon{font-size:18px;position:relative;top:1px}.site-navbar .user-menu-button{height:68px;padding-top:0;padding-bottom:0;display:flex;align-items:center}.site-navbar .user-menu-button .avatar{width:30px;border-radius:50%}.site-navbar .user-menu-dropdown li+li{border-top:1px solid #343035}.site-navbar .guest-menu-button{height:68px;display:flex;align-items:center;padding:0 15px}.site-navbar .guest-menu-button i{font-size:22px}.site-navbar .sellbeats-dropdown-menu{padding:0!important}@media screen and (min-width:900px){.site-navbar .sellbeats-dropdown-menu{display:none}.site-navbar .sellbeats-dropdown:hover .sellbeats-dropdown-menu{display:block}}.site-navbar .fa-caret-down{margin-left:7px}.site-navbar .browse-dropdown{position:static}.site-navbar .browse-dropdown .dropdown-menu{width:100%;left:0;padding:0}.site-navbar .browse-dropdown .browse-menu{display:flex;max-width:1100px;margin:auto;justify-content:space-between;padding:20px 10px;color:#fff}.site-navbar .browse-dropdown .browse-menu>div{flex:1;padding:0 10px;border-right:1px solid #343035}.site-navbar .browse-dropdown .browse-menu>div:last-child{border:none}.site-navbar .browse-dropdown .browse-menu li a{padding:2px 5px;text-decoration:none;display:block}.site-navbar .browse-dropdown .browse-menu li a:hover{background:#363337}.site-navbar .browse-dropdown .browse-menu li i{margin-right:12px}.site-navbar .browse-dropdown .browse-menu .browse-menu-title{text-transform:uppercase;font-weight:700;margin-bottom:8px;font-size:1.1em;padding:2px}.site-navbar .browse-dropdown .browse-menu-mobile-chart-links,.site-navbar .browse-dropdown .browse-menu-mobile-type-links{display:none}@media screen and (min-width:768px){.site-navbar{height:68px}.site-navbar .navbar-nav>li>a{height:68px;display:flex;align-items:center;padding-top:0;padding-bottom:0}.site-navbar .navbar-nav>li>a i.smaller{font-size:.9em}.site-navbar .browse-dropdown:hover>a.dropdown-toggle,.site-navbar .navbar-nav>li>a:hover{background:#29252a}.site-navbar .browse-dropdown:hover>ul.dropdown-menu{display:block}}@media screen and (min-width:768px) and (max-width:920px){.site-navbar .nav>li a{padding-left:10px;padding-right:10px}}@media screen and (max-width:830px){.site-navbar .logo{display:none}.site-navbar .mobile-logo{display:block}}@media screen and (max-width:767px){.site-navbar{position:fixed;top:0;width:100%;max-height:100%}.site-navbar .navbar-toggle{display:flex;float:left}.site-navbar .navbar-toggle,.site-navbar .navbar-toggle:focus,.site-navbar .navbar-toggle:hover{background:#1e191f}.site-navbar .mobile-nav-right{float:right}.site-navbar .mobile-nav-right .nav>li{display:inline-block}.site-navbar .navbar-collapse{font-size:14px;max-height:calc(100vh - 150px)}.site-navbar .navbar-collapse .nav>li a{display:flex;align-items:center;padding-left:35px}.site-navbar .navbar-collapse .nav>li a .fa-caret-down{order:0;margin-left:0;margin-right:7px}.site-navbar .navbar-collapse .nav>li a span{order:1}.site-navbar .navbar-collapse .nav>li a.dropdown-toggle{padding-left:18.55px}.site-navbar .navbar-collapse .nav>li a:hover{background:#29252a}.site-navbar .navbar-collapse .navbar-right{flex-direction:column;align-items:flex-start}.site-navbar .browse-dropdown .browse-menu .browse-menu-chart-links{display:none}.site-navbar .browse-dropdown .browse-menu .browse-menu-mobile-chart-links{display:block;margin-top:20px}.site-navbar .browse-dropdown .browse-menu li a{padding:2px 5px}.site-navbar .browse-dropdown .browse-menu li a i{display:none}body{padding-top:81px}}@media screen and (max-width:500px){.site-navbar .browse-dropdown .browse-menu .browse-menu-type-links{display:none}.site-navbar .browse-dropdown .browse-menu .browse-menu-mobile-type-links{display:block;margin-top:20px}.site-navbar .browse-dropdown .browse-menu li a{padding:2px 5px}.site-navbar .browse-dropdown .browse-menu li a i{display:none}}.dropzone{border:3px dashed #039BE5!important}.dropzone .dz-message .dz-message-icon{font-size:8em;color:#039BE5}.dropzone .dz-message .dz-message-title{font-weight:700;font-size:2em}body{background:#221E23!important;color:#fff}.profile-wrapper .fixed-width{max-width:1100px;margin:auto;padding:0 20px;position:relative;z-index:100}.profile-wrapper .profile-panel{background:#29252A;border-radius:5px}.profile-wrapper .profile-panel .panel-heading{text-transform:uppercase;background:#343035;padding:15px 20px;border-radius:5px 5px 0 0;position:relative}.profile-wrapper .profile-cover{position:absolute;top:68px;height:295px;left:0;width:100%;overflow:hidden;background-position:center;background-size:cover}.profile-wrapper .profile-cover .profile-settings-button-group{position:absolute;right:10px;top:10px;z-index:20}.profile-wrapper .profile-cover .profile-settings-button{background:#8b21ac;color:#fff}.profile-wrapper .profile-cover .user-name-background-bar{position:absolute;bottom:0;height:40px;width:100%;background:rgba(0,0,0,.3)}.profile-wrapper .user-header{margin-top:225px;margin-bottom:20px}.profile-wrapper .user-header .header-avatar-container{overflow:hidden;display:flex}.profile-wrapper .user-header .avatar,.profile-wrapper .user-header .avatar_display{width:85px;height:85px;border:1px solid #fff;border-radius:5px}.profile-wrapper .user-header .avatar_display .avatar-replaceable{width:100%;height:100%}.profile-wrapper .user-header .user-name{margin-left:15px;margin-top:15px;font-size:22px;text-overflow:ellipsis;overflow:hidden;display:inline-block;white-space:nowrap}.profile-wrapper .profile-content .about-panel{margin-top:20px}.profile-wrapper .licenses-wrapper{margin-top:40px;margin-bottom:60px}.profile-wrapper .licenses-wrapper .dots-navigation{margin-bottom:10px;text-align:center;-webkit-tap-highlight-color:transparent}.profile-wrapper .licenses-wrapper .dots-navigation .owl-dot{display:inline-block;zoom:1}.profile-wrapper .licenses-wrapper .dots-navigation .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#747475;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.profile-wrapper .licenses-wrapper .dots-navigation .owl-dot.active span,.profile-wrapper .licenses-wrapper .dots-navigation .owl-dot:hover span{background:#8b21ac}.profile-wrapper .licenses-wrapper .dots-navigation.disabled{display:none}.profile-wrapper .licenses-wrapper .license-panel .panel-body{padding:15px 0}.profile-wrapper .licenses-wrapper .license-panel table td,.profile-wrapper .licenses-wrapper .license-panel table th{border-color:#343035}.profile-wrapper .licenses-wrapper .license-panel table th{border-right:1px solid #343035}.profile-wrapper .licenses-wrapper .license-panel table .fa-times{color:#f05050}.profile-wrapper .licenses-wrapper .license-panel table .fa-check{color:#27c24c}.fade-transition{transition:opacity .3s ease;opacity:1}.fade-enter,.fade-leave{opacity:0}.modal .modal-content{background:#29252a;border-radius:7px;color:#fff}.modal .modal-header{padding:20px;border-bottom:none;background:#343035}.modal .modal-header button{color:#fff;opacity:1;font-size:24px;font-weight:300;border:1px solid grey;border-radius:7px;padding:0 8px 5px}.modal .modal-footer{border-color:#343035}.modal .modal-footer button{border-radius:5px;padding:5px 10px;text-transform:uppercase;font-size:14px;line-height:18px;font-weight:700}.modal .modal-footer .button-default{color:#fff;background-color:transparent;border:1px solid grey}.modal .dropzone{background:#343035}.modal .dropzone-overlay{position:absolute;background:rgba(109,109,109,.67);z-index:100;margin-right:40px;text-align:center}.modal .dropzone-overlay .dropzone-processing-icon{font-size:30px;color:#fff;margin-top:80px}.modal input,.modal select,.modal textarea{background:#29252a;border-color:#7f7c7f;color:#fff}@media screen and (max-width:767px){.profile-wrapper .profile-cover{height:177px}.profile-wrapper .user-header{margin-top:114px}}@media screen and (max-width:400px){.profile-wrapper .user-header .header-avatar-container .avatar,.profile-wrapper .user-header .header-avatar-container .avatar_display{width:75px;height:75px}.profile-wrapper .user-header .header-avatar-container .user-name{margin-top:17px;font-size:18px}}