body{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}.player{color:#ccc;background-color:#040404;max-height:90px;height:100%;padding-top:.5rem;bottom:0;z-index:10001;width:101.5vw!important}.player-albumart .far:hover,.player-albumart .fas:hover,.player-btn .far:hover,.player-btn .fas:hover,.player-setting .fas:hover{color:#fff}.player-albumart{max-width:30vw;width:100%}.player-controller{max-width:40vw;width:100%}.player-setting{max-width:30vw;width:100%}.nowplaying-albumart img{height:56px;width:56px;object-fit:cover;box-shadow:0 0 4px 2px rgba(0,0,0,.5)}.player-albumart .nowplaying-title{font-size:.9rem}.player-albumart .nowplaying-artist,.player-albumart .nowplaying-title{font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.player-albumart .nowplaying-artist{font-size:.7rem;color:grey}.loved-track{position:relative}.player-albumart .fas.fa-heart{position:absolute;z-index:1;display:inline-block;top:50%;left:50%;opacity:0;color:#1db954;font-size:1.1rem;transform:translate(-50%,-48%);cursor:pointer}.player-albumart .fas.fa-heart:active,.player-albumart .fas.fa-heart:hover{opacity:1}.player-albumart .far.fa-heart:active,.player-albumart .far.fa-heart:hover{opacity:0}.fa-pause:focus,.fa-pause:hover,.fa-play:focus,.fa-play:hover{color:#fff;transform:scale(1.25);transition:.25s;position:relative}.player-nowplaying{font-size:.8rem;font-weight:300}.player-progress{width:100%;display:flex;align-items:center;margin:auto 1rem;background-color:grey;flex-shrink:1}#nowplayingProgress{width:75%;width:var(--nowplaying-progress);height:4px;background-color:#b3b3b3;border-radius:2px}#nowplayingProgress:hover{background-color:#1db954}#nowplayingProgress:hover:after{content:" ";width:16px;height:16px;border-radius:50%;font-size:3rem;position:absolute;color:#b3b3b3;background-color:#b3b3b3;top:50%;left:75%;left:var(--nowplaying-progress);transform:translate(-200%,-50%);box-shadow:2px 2px 4px rgba(0,0,0,.3);z-index:1}.player-volume{width:125px;display:flex;align-items:center;margin-left:0;margin-right:1rem;position:relative}#nowplayingVolume{width:100%;height:4px;background-color:#b3b3b3;border-radius:2px}#nowplayingVolume:before{content:" ";width:100px;height:4px;background-color:grey;border-radius:2px}.player-volume #nowplayingVolume:hover,.player-volume .fas.fa-volume-mute:hover+#nowplayingVolume,.player-volume .fas.fa-volume-up:hover+#nowplayingVolume{background-color:#1db954}#nowplayingVolume:hover:before{content:" ";width:16px;height:16px;border-radius:50%;font-size:3rem;position:absolute;color:#b3b3b3;background-color:#b3b3b3;top:50%;right:0;transform:translate(50%,-50%);box-shadow:2px 2px 4px rgba(0,0,0,.3);z-index:1}.player-volume .fas.fa-volume-mute{position:absolute;z-index:10002;display:inline-block;width:auto;height:auto;background-color:#282828;top:50%;left:0;opacity:0;font-size:1.1rem;transform:translateY(-48%);cursor:pointer}.player-volume .fas.fa-volume-mute:active,.player-volume .fas.fa-volume-mute:hover{opacity:1}.player-volume .fas.fa-volume-up:active,.player-volume .fas.fa-volume-up:hover{opacity:0}.home-body{height:100vh;font-family:"Circular",sans-serif;background:#274d78;background:linear-gradient(130deg,#274d78,#1c3653 36%,#080f17);background-repeat:no-repeat;background-attachment:fixed;margin:0;padding:0;font-family:"Circular",Arial,Helvetica,sans-serif;overflow:hidden}.main-content{max-height:calc(100vh - 90px)}h1.index-headings{font-size:36px}h1.index-headings,h3.index-headings{color:#fff;font-weight:800}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#32cd32;transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out}button:focus{outline:none!important}.card .spotify-card-icon{position:absolute;top:5px;left:5px}.spotify-card-icon{color:grey;opacity:.5}.card:hover .spotify-card-icon{color:#32cd32;opacity:1;z-index:10001}.trending.card{max-width:150px;max-height:150px;border:0;box-shadow:4px 4px 16px rgba(0,0,0,.3);margin-top:1.5rem}.card{padding:0;margin:.5rem}.trending.card>div{position:absolute;display:inline-block;color:#fff;text-align:center;left:0;right:0;bottom:-3rem}.card>.card-img-top img{width:100%;height:100%;background-attachment:fixed;object-fit:cover}.overlay-icons{display:none}.trending.card:hover .overlay-icons{display:block;justify-content:space-between;justify-content:center;align-content:center;text-align:center;position:absolute;padding-top:40%;padding-left:5%;padding-right:5%;font-size:20px;color:#fff;background:rgba(0,0,0,.5);width:100%;height:100%;transition:1s ease;opacity:.9;z-index:999}h6>a{color:#fff}h6>a,h6>a:hover{text-decoration:none}h6>a:hover{color:#32cd32}#add-to-playlist{display:none}.user-banner-container{padding-left:272px}.user-banner-container header{width:100%;height:50px;display:flex;justify-content:space-between;align-items:center;padding:.5rem}.user-banner-container header svg{color:#fff;margin:0 .5rem}.user-banner-container header .search{display:flex;align-items:center}.user-banner-container header .search input{border-radius:9999px;-webkit-border-radius:9999px;-moz-border-radius:9999px;-ms-border-radius:9999px;-o-border-radius:9999px;border:none;padding:0 .5rem}.user-banner-container header .user{display:flex;align-items:center}.user-banner-container h1{margin-top:2rem;font-size:4rem;font-weight:900;color:#fff}.user-banner-container button{border-radius:9999px;-webkit-border-radius:9999px;-moz-border-radius:9999px;-ms-border-radius:9999px;-o-border-radius:9999px;background-color:#1cb955;padding:.5rem 1rem;border:none;color:#fff;min-width:150px;margin-top:1rem}.album-container{max-width:100vw;width:100%;display:flex;flex-direction:row;overflow-y:auto}.main-content:before{content:" ";width:100%;height:100%!important;z-index:-1;background:#000;background:linear-gradient(0deg,#000 42%,rgba(0,0,0,.2418656938531426) 85%)}.main-content:before,.main-content>img{position:absolute;top:0;left:0;object-fit:cover}.main-content>img{z-index:-99;width:100vw;height:100%;margin:0;background-repeat:no-repeat}.jumbotron{background-color:transparent;align-items:center;justify-content:center;align-content:center}.nav{margin-top:1.5em;margin-bottom:1.5em;justify-content:space-between;padding-left:10em;padding-right:10em}.mainframe h1{color:#fff;font-size:36px;font-weight:800}.mainframe h6{color:#fff;font-size:10px;font-weight:600px;letter-spacing:.1em;margin-top:8px}.artist-pg-follow-btn,.artist-pg-play-btn{max-width:150px;min-width:150px}.artist-pg-follow-btn,.artist-pg-play-btn,.d-none.d-md-flex.column .artist-pg-follow-btn,.d-none.d-md-flex.column .artist-pg-play-btn{padding:.75rem;margin:.25rem;color:#fff;font-weight:500;font-size:.8rem;letter-spacing:.1em;border-radius:2rem;text-align:center;border:1px solid #fff;cursor:pointer;display:inline-block}.d-none.d-md-flex.column .artist-pg-follow-btn,.d-none.d-md-flex.column .artist-pg-play-btn{width:150px}.artist-pg-follow-btn:hover,.artist-pg-play-btn:hover{background-color:#32cd32;border:none;color:#fff;box-shadow:4px 4px 16px rgba(114,113,113,.3)}.d-none.d-md-flex.column .artist-pg-follow-btn:hover,.d-none.d-md-flex.column .artist-pg-play-btn:hover{background-color:#32cd32;border:1px solid #32cd32;color:#fff;box-shadow:4px 4px 16px rgba(114,113,113,.3)}.mainframe h6 .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link{background-color:transparent;border:0;font-size:10px;font-weight:500;color:#f5f5f5;letter-spacing:.1em;justify-content:space-around;margin-bottom:10px}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link:after{transition:transform .3s ease-in-out}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link:hover:after{transform:scaleX(.5)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{background-color:transparent;border:0;padding-bottom:1px;font-weight:500;color:#f5f5f5;transition:border-bottom .5s ease-in-out;-moz-transition:border-bottom .5s ease-in-out;-webkit-transition:border-bottom .5s ease-in-out}.nav-tabs{border-bottom:none}.dropdown-menu{background-color:hsla(0,0%,96.1%,.788);border-radius:2px}.dropdown-menu>.dropdown-item{font-size:10px;justify-self:center}.dropdown-item:after{display:block;content:"";margin-bottom:10px;border-bottom:2px solid #32cd32;transform:scaleX(0);transition:.3s ease-in-out}.dropdown-item:hover:after{transform:scaleX(.5)}.nav{display:flex;flex-wrap:wrap;margin-top:1.5rem;margin-bottom:1.5rem;list-style:none}.main-content h1{color:#fff;font-size:36px;font-weight:800}.main-content h6{color:#fff;font-size:10px;font-weight:600px}.main-content h6 .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link{background-color:transparent;border:0;font-size:10px;font-weight:500;color:#f5f5f5;letter-spacing:.1rem;margin-bottom:10px}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link:after{display:block;content:"";margin-bottom:10px;border-bottom:2px solid #32cd32;transform:scaleX(0);transition:.3s ease-in-out}:root{--nowplaying-progress:75%}.login-body{height:100vh;line-height:1.5rem;font-family:"Circular",sans-serif;background:#fff;margin:0;padding:0;font-family:"Circular",Arial,sans-serif;overflow:hideen}.login-logo{display:grid;place-items:center;padding:.25rem 0;margin:.5rem 0 2rem;border-bottom:1px solid #d9dadc}.login-logo>a{position:relative}.login-logo img{margin:1rem auto;width:200px;-webkit-filter:invert(100%);filter:invert(100%)}.login-container{max-width:450px;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;width:100%;padding:1rem;display:flex;flex-direction:column;justify-content:center;margin:auto;text-align:center}@media only screen and (max-width:660px){.container-fluid{max-width:100vw}}.login-container>span{font-size:1rem;font-weight:700}.login-button{max-width:400px;width:100%;padding:.75rem;margin:.25rem;color:#fff;font-weight:500;font-size:.8rem;letter-spacing:.1em;border-radius:2rem;text-align:center}.login-button>i{margin:auto 1rem}.login-button:hover{transition:.4s ease-in}.login-facebook{background-color:#3b5998}.login-facebook:hover{background-color:#3269e0;cursor:pointer}.login-apple{background-color:#000}.login-apple:hover{background-color:#464646;cursor:pointer}.login-google{color:#616467;border:2px solid #616467}.login-google:hover,.login-signup:hover{background-color:#616467;color:#fff;cursor:pointer}div>hr{width:100%}.d-flex.flex-row>hr,div>hr{background-color:#d9dadc;margin-top:.75rem}.d-flex.flex-row>hr{width:50%}.d-flex.flex-row>hr:first-of-type{margin-left:0;margin-right:1rem}.d-flex.flex-row>hr:last-of-type{margin-right:0;margin-left:1rem}.d-flex.flex-row{letter-spacing:.1em;font-weight:700}.input-group{font-weight:700}.input-group>input{width:100%;padding:.5rem;border:1px solid #d9dadc}.input-group>span{font-size:.9rem;margin:.5rem auto .5rem 0}.forgot-password{color:grey;display:flex;justify-items:start;margin:1rem auto;text-decoration:underline;cursor:pointer}.forgot-password:hover{color:#46b954;cursor:pointer;transition:.4s ease-in}.login-btn{justify-content:space-between;padding:1rem auto}.login-btn,.login-btn>div{display:flex;flex-direction:row}.login-btn>div{align-items:center}.login-btn i{color:#15883e;margin-right:.5rem}.login-btn>span{width:100px;flex-wrap:nowrap}.login-spotify{background-color:#15883e}.login-spotify,.login-spotify:hover{font-weight:700;justify-content:center;text-align:center;width:12rem}.login-spotify:hover{background-color:#09991a;cursor:pointer}.login-footer{margin:1rem auto;font-weight:bolder;width:100%}.login-signup{color:#616467;font-weight:700;border:2px solid #616467;padding:.5rem}.custom-control-label:before{background-color:#fff;cursor:pointer}.custom-checkbox .custom-control-input:checked~.custom-control-label:before{background-color:#09991a;cursor:pointer}.custom-control-label:after,.custom-control-label:before{top:.125rem;width:1.25rem;height:1.25rem}.custom-control-label{font-size:14px}a,a:hover{text-decoration:none}.aside{background-color:#040404;color:#b3b3b3;max-height:calc(100vh - 90px);height:100%;max-width:232px;width:100%;display:flex;flex-direction:column;position:fixed;top:0;left:0}.logo{padding-top:1rem}.menu .col:after{left:0;height:30px}.login-button-index a{text-decoration:none;color:#fff}.login-button-index:hover span{color:#000}.login-button-index.btn-primary{max-width:300px;width:90%;padding:.75rem;margin:.25rem .25rem 10px 12px;color:#b3b3b3;font-weight:500;font-size:.8rem;letter-spacing:.1em;border-radius:2rem;text-align:center;border:2px solid #b3b3b3;background-color:transparent}.stick-to-bottom-index-page{position:absolute;height:60px;width:100%;background-color:#000;text-align:center;bottom:120px}.install-btn{padding-top:1.25rem;padding-bottom:1.25rem}.install-btn>a{color:#b3b3b3;text-decoration:none}.install-btn>a:hover{color:#fff}#show-playlist{background-color:transparent;color:#b3b3b3;border:none;margin-left:-10px}#add-playlist{min-width:80%;max-width:80%;margin:0 auto;color:#000}.liked-song-list header{justify-content:space-between;height:25px}.liked-song-list header,.liked-song-list header .filter{display:flex;align-items:center}.liked-song-list header .filter input{background-color:transparent;border:none;border-bottom:1px solid hsla(0,0%,100%,.5);color:#fff}.liked-song-list header .download{display:flex;align-items:center;color:#fff}.liked-song-list header .download .toggle-button{border-radius:9999px;-webkit-border-radius:9999px;-moz-border-radius:9999px;-ms-border-radius:9999px;-o-border-radius:9999px;width:50px;height:25px;border:1px solid hsla(0,0%,100%,.5);background-color:#000;margin-left:.5rem}.liked-song-list header .download .toggle-button div{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;width:23px;height:23px;border:1px solid hsla(0,0%,100%,.5)}.liked-song-list .list{width:100%}.liked-song-list .list tr{padding:1rem 0;border-bottom:1px solid hsla(0,0%,100%,.1);color:#fff}.liked-song-list .list tr td,.liked-song-list .list tr th{min-width:25px;padding:1rem 0}.playlist-footer,.playlist-footer:after,.playlist-footer:before{overflow-x:hidden}.albums-holder{max-width:calc(100vw - 232px);max-height:calc(100vh - 90px);height:100%;background-color:#55164f;position:fixed;overflow-y:auto;right:0}.album-header{background-color:transparent;display:flex;flex-direction:row;padding:10px 20px;position:fixed;width:100%;z-index:44444444444444450;background-color:#55164f;height:60px}.arrow-container{position:fixed;z-index:222222222}.arrow{background-color:rgba(0,0,0,.7);border-radius:50%;height:1.9em;margin-right:10px;padding:5px;z-index:222222222222}.header-btns{position:absolute;right:10px;display:flex;flex-direction:row;margin-right:10px;position:fixed}.upgrade-btn{text-transform:uppercase;border-radius:500px;padding:8px 34px;border:1px solid #b3b3b3}.profile-btn,.upgrade-btn{font-size:12px;line-height:18px;font-weight:700;letter-spacing:1.76px;color:#fff;background-color:rgba(0,0,0,.8901960784313725);transition:all 33ms cubic-bezier(.3,0,0,1);will-change:transform;white-space:nowrap;display:inline-block;cursor:pointer;text-align:center}.profile-btn{border:2px solid transparent;border-radius:500px;padding:8px 10px}.user-icon{background-color:#464646;border-radius:50%;margin-right:5px;padding:8px 5px 8px 8px;justify-items:center}.album{height:200px;width:100%;padding:35px 30px 10px;margin-top:10px}.album .album-cover{width:240px;height:240px;box-shadow:5px 5px 20px rgba(37,37,37,.849);z-index:1}.album .album-details{display:flex;flex-direction:column;text-transform:uppercase;color:#fff;font-family:"Circular",sans-serif;justify-content:flex-end}.album .album-details h4{font-weight:700;font-size:12px;margin-top:4px;line-height:16px}.album .album-details h2{font-weight:700;letter-spacing:.2rem}.last-line{display:inline-block}.last-line .group-img{width:30px;height:30px;border-radius:50%}.last-line h6{display:inline-block;letter-spacing:.75px}.last-line h6 a{color:#fff}.last-line h6 a:hover{display:inline-block;text-decoration:none;color:#32cd32}.album-length{color:#b3b3b3;display:block;font-size:14px;letter-spacing:.5px}.playlist{background:#121212;background:linear-gradient(0deg,#121212,rgba(18,18,18,.9752275910364145) 36%,rgba(18,18,18,.9192051820728291) 84%,rgba(92,24,85,.8603816526610644));margin-top:90px;padding:20px 40px}.playlist-btns img{padding:10px}.playlist-table{color:#b3b3b3;border:none}.playlist-table tr{border:none}.table-borderless td,.table-borderless th{border:0}.playlist-table .song{font-weight:700}.playlist-table .group{font-size:.7em}.playlist-footer{font-size:.7em;color:#b3b3b3}th{padding-top:25px}.arrow.disabled:hover{cursor:not-allowed;opacity:.7}.track-play{display:none}.track-dots,.track-heart{padding:5px 5px 10px;display:none}.playlist-btns>.fa-pause-circle{color:#32cd32}.playlist-btns>.fa-pause-circle:hover,.playlist-btns>.far.fa-heart{color:#f5f5f5}.playlist-btns>.fas.fa-heart{color:#32cd32}.playlist-btns>.fa-ellipsis-h{color:#f5f5f5}.fa-chevron-circle-left,.fa-chevron-circle-right{color:#000;background-color:#f5f5f5;border-radius:50%;padding:-2px;z-index:222222222222}.fa-chevron-circle-left:hover,.fa-chevron-circle-right:hover{color:rgba(0,0,0,.822)}.playlist-table tr{background-color:transparent;transition-property:background-color;transition-duration:5s;transition-delay:2s}.playlist-table tbody tr:hover:after{color:#fff!important;border-radius:4px;content:"";display:block;position:absolute;width:75vw;height:4.1rem;left:1vw;background-color:rgba(80,80,80,.3137254901960784);transition-delay:2s!important}.track-num{font-size:1rem}tr:hover .track-num{display:none}tr:hover .track-play{padding-bottom:10px;display:inline;cursor:pointer}@media only screen and (max-width:600px){.arrow{background-color:rgba(0,0,0,.7);border-radius:50%;height:1em;margin-right:10px;padding:5px;z-index:222222222222}.upgrade-btn,.user-icon{display:none}.profile-btn{font-size:8px;line-height:10px;font-weight:500;letter-spacing:1.76px;will-change:transform;white-space:nowrap;padding:4px 6px;display:inline-block;cursor:pointer;text-align:center}.album{height:400px}.playlist-table tr:hover:after{position:absolute;width:98%;height:8rem;left:0}}@media only screen and (min-width:600px){.arrow{background-color:rgba(0,0,0,.7);border-radius:50%;height:1.2em;margin-right:10px;padding:5px;z-index:222222222222}.upgrade-btn,.user-icon{display:none}.profile-btn{font-size:10px;line-height:10px;font-weight:500;letter-spacing:1.76px;will-change:transform;white-space:nowrap;padding:4px 6px;display:inline-block;cursor:pointer;text-align:center}.album{height:430px}.playlist-table tr:hover:after{width:98%;height:7.1rem}}@media only screen and (min-width:655px){.playlist-table tr:hover:after{width:98%;height:5rem}}@media only screen and (min-width:768px){.arrow{background-color:rgba(0,0,0,.7);border-radius:50%;height:1.2em;margin-right:10px;padding:5px;z-index:222222222222}.upgrade-btn,.user-icon{display:none}.profile-btn{font-size:15px;line-height:15px;font-weight:500;letter-spacing:1.76px;will-change:transform;white-space:nowrap;padding:4px 6px;display:inline-block;cursor:pointer;text-align:center}.album{height:430px}.album-cover{margin-top:150px}.album-details{margin-top:-90px;padding-top:0}.playlist-table tr:hover:after{width:90%;height:5rem;left:5%}}@media only screen and (min-width:992px){.album-cover{margin-top:10px}.album-details{margin-top:-90px;padding-top:0}.user-icon{display:inline}.arrow{background-color:rgba(0,0,0,.7);border-radius:50%;height:1.9em;margin-right:10px;padding:5px;z-index:222222222222}.header-btns{position:absolute;right:10px;display:flex;flex-direction:row;margin-right:10px;position:fixed}.upgrade-btn{font-size:12px;line-height:18px;font-weight:700;letter-spacing:1.76px;text-transform:uppercase;border-radius:500px;color:#fff;background-color:rgba(0,0,0,.8901960784313725);transition:all 33ms cubic-bezier(.3,0,0,1);will-change:transform;white-space:nowrap;padding:8px 34px;display:inline-block;cursor:pointer;text-align:center;border:1px solid #b3b3b3}.upgrade-btn:hover{background-color:#464646}.profile-btn{font-size:12px;line-height:18px;font-weight:700;letter-spacing:1.76px;border:2px solid transparent;border-radius:500px;color:#fff;background-color:rgba(0,0,0,.8901960784313725);transition:all 33ms cubic-bezier(.3,0,0,1);will-change:transform;white-space:nowrap;padding:8px 10px;display:inline-block;cursor:pointer;text-align:center}.user-icon{background-color:rgba(49,49,49,.849);border-radius:50%;margin-right:5px;padding:8px 5px 8px 8px}.album{height:200px;width:100%;padding:35px 30px 10px;margin-top:10px}.album .album-cover{width:240px;height:240px;box-shadow:5px 5px 20px rgba(37,37,37,.849);z-index:1}.album .album-details{display:flex;flex-direction:column;text-transform:uppercase;color:#fff;font-family:"Circular",sans-serif;justify-content:flex-end}.album .album-details h4{font-weight:700;font-size:12px;margin-top:4px;line-height:16px}.album .album-details h2{font-weight:700}.last-line{display:inline-block}.last-line .group-img{width:30px;height:30px;border-radius:50%}.playlist-table tr:hover:after{width:90%;height:4rem;left:3%}}@font-face{font-family:"Circular";src:url(https://www.bu.edu/cdn/fonts/Circular/Circular-Bold.eot);src:url(https://www.bu.edu/cdn/fonts/Circular/Circular-Bold.eot#iefix) format("embedded-opentype"),url(https://www.bu.edu/cdn/fonts/Circular/Circular-Bold.woff) format("woff"),url(https://www.bu.edu/cdn/fonts/Circular/Circular-Bold.ttf) format("truetype");font-style:normal;font-weight:700}body{height:100vh;width:100vw;overflow:hidden;margin:0;padding:0;font-family:"Circular",sans-serif;background-color:#000}.mainframe{max-height:calc(100vh - 90px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:100vw;display:flex;flex-direction:row}.main-content,.mainframe{width:100%;overflow-y:auto}.main-content{max-width:calc(100vw - 232px);margin-left:232px;padding-left:1rem}aside{background-color:#040404;color:#b3b3b3;max-height:calc(100vh - 90px);height:100%;max-width:232px;width:100%;display:flex;flex-direction:column;position:fixed;top:0;left:0}.logo{width:auto;height:4rem;padding-top:2rem;margin-left:2rem;margin-bottom:1rem}.search-button{padding:2px!important}.menu{font-size:.9rem;padding:5%;display:flex;flex-direction:column}.menu a{color:#b3b3b3;margin-left:3px;z-index:1}.menu a:hover{text-decoration:none;color:#fff;transition:.5s}li{list-style:none}.menu .col:after{display:inline-block;content:"";background-color:#32cd32;transform:scaleX(0);transition:.3s ease-in-out;z-index:1000;position:absolute;left:-10px;bottom:-5px;height:150%;width:2.5px}.menu .col:hover:after{transform:scaleX(1);z-index:1000}.menu>.col>a>i{width:40px}.menu .col>a{display:flex;align-items:center}.menu .col>a>img{width:20px;height:20px;margin-right:20px}.menu i{padding-right:20px}.menu h6{padding-left:35px}.menu hr{border:0;clear:both;display:block;width:96%;background-color:#b3b3b3;height:1px;width:80%;margin:0 auto 5px}.menu li:hover a{color:#fff}.list-container{height:calc(100vh - 480px);display:flex;flex-direction:column}.playlists{position:relative;padding-left:15%;font-size:1rem;padding-top:20px;display:block;overflow-y:auto;white-space:nowrap;float:left;height:100%;padding-bottom:1rem}.stick-to-bottom{position:absolute;height:60px;width:232px;background-color:#000;text-align:center;bottom:-20px}.install-btn{padding:1.25rem 20%}.install-btn a{color:#b3b3b3;text-decoration:none}.install-btn a:hover{color:#fff;text-decoration:none}.login-button-index{max-width:400px;width:90%;padding:.75rem;margin:.25rem .25rem 10px 12px;color:#b3b3b3;font-weight:500;font-size:.8rem;letter-spacing:.1em;border-radius:2rem;text-align:center;border:2px solid #b3b3b3}.login-button-index:hover{transition:.4s ease-in;background-color:#fff;border:2px solid #fff;color:#000;cursor:pointer}*{scrollbar-width:5vw;scrollbar-color:#040404 #b3b3b3}::-webkit-scrollbar{width:.75rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(70,70,70,.76)}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,43.1%,.76)}@media only screen and (max-width:600px){.logo{width:auto;height:4rem;display:flex;padding-top:.5}.playlists p{margin-left:15px}.albums-holder{max-width:70%;width:70%;left:30%}aside{max-width:232px;width:100%;display:flex;flex-direction:column;position:fixed;top:0;left:0}}@media only screen and (min-width:600px){.logo{width:auto;height:4rem;display:flex;padding-top:.5}.menu h6 .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link{background-color:transparent;border:0;font-size:10px;font-weight:500;color:#f5f5f5;letter-spacing:.1em;margin-bottom:10px}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link:after{display:block;content:"";margin-bottom:10px;border-bottom:2px solid #32cd32;transform:scaleX(0);transition:.3s ease-in-out}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link:hover:after{transform:scaleX(.5)}}@media only screen and (min-width:768px){.logo{width:auto;height:4rem;display:flex;padding-top:.5}.menu h6 .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link{background-color:transparent;border:0;font-size:10px;font-weight:500;color:#f5f5f5;letter-spacing:.1em}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link:after{display:block;content:"";margin-bottom:10px;border-bottom:2px solid #32cd32;transform:scaleX(0);transition:transform .3s ease-in-out}}@media only screen and (min-width:992px){.logo{width:auto;height:4rem;display:flex;padding-top:2rem}.menu ul a img{width:20px;height:20px}.menu h6 .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link{background-color:transparent;border:0;font-size:10px;font-weight:500;color:#f5f5f5;letter-spacing:.1rem}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link:after{display:block;content:"";margin-bottom:10px;border-bottom:2px solid #32cd32;transform:scaleX(0);transition:.3s ease-in-out}}.fa-clock{color:#f5f5f5}.active-track{color:#32cd32}.modal-playlist{position:fixed;top:50%;height:50%;z-index:999999;transform:translate(80%,-50%);-webkit-transform:translate(80%,-50%);-moz-transform:translate(80%,-50%);-ms-transform:translate(80%,-50%);-o-transform:translate(80%,-50%);width:400px}.modal-playlist button{background-color:transparent;border:none}
/*# sourceMappingURL=main.e3e19769.chunk.css.map */