*,*:before,*:after{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"Poppins",sans-serif}.sidebar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:100vh;background-color:#000133;width:3.125rem;position:fixed;top:0;left:0;overflow-x:hidden;-webkit-transition:all 1s ease;transition:all 1s ease;border-radius:0 .875rem .875rem 0;-webkit-box-shadow:.687rem 0 1.25rem 0 rgba(0,1,51,.18);box-shadow:.687rem 0 1.25rem #0001332e;z-index:500}.sidebar__favourite--button{margin-top:3.062rem;margin-left:.687rem;margin-bottom:3.187rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#d2b7e5;cursor:pointer;width:15.437rem}.sidebar__favourite--button span{margin-left:.846rem;font-size:1rem;font-weight:400}.sidebar__favourite--button svg{width:1.628rem;height:1.367rem}.sidebar__favourite--button:hover{color:#b185db}.sidebar__favourite--list{height:100%;opacity:0;-webkit-transition:all 1s ease;transition:all 1s ease;overflow-x:hidden;overflow-y:scroll}.sidebar__about--button{margin-left:.687rem;margin-top:3.062rem;margin-bottom:2.937rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#90e0ef;cursor:pointer;width:15.437rem}.sidebar__about--button span{margin-left:.846rem;font-weight:400}.sidebar__about--button svg{width:1.628rem;height:1.367rem}.sidebar__about--button:hover{color:#48cae4}.sidebar.open{width:15.437rem;border-radius:0}.sidebar.open .sidebar__favourite--list{opacity:1}@media screen and (max-width: 35.25rem){.sidebar{width:3rem;-webkit-box-shadow:.687rem 0 1.25rem 0 rgba(0,1,51,.08);box-shadow:.687rem 0 1.25rem #00013314}}.favlistContainer{cursor:pointer;position:relative;width:15.437rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.75rem .875rem}.favlistContainer:hover:after{content:" ";position:absolute;left:0;width:100%;height:100%;background-color:#023e8a;z-index:50}.favlistContainer__coverArt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:100}.favlistContainer__coverArt img{height:2.312rem;width:2.312rem;border-radius:50%}.favlistContainer__info{color:#fff;padding:0 0 0 1rem;z-index:100}.favlistContainer__info--title{font-size:.8rem}.favlistContainer__info--artist{font-size:.511rem}.favlistContainer__btn{position:absolute;right:.5rem;padding:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;z-index:100}.favlistContainer__btn svg{color:#d2b7e5}.hover{background-color:#023e8a}.topwidget{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:100}.topwidget__main{position:relative;width:32.687rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:2.5rem;background-color:#000133;border-radius:.875rem;-webkit-box-shadow:0 .25rem 1rem 0 rgba(0,1,51,.39);box-shadow:0 .25rem 1rem #00013363;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.topwidget__main img{width:3rem;height:1.062rem;-o-object-fit:cover;object-fit:cover;margin-top:1.25rem;margin-left:1rem}.topwidget__main input{height:1.675rem;width:13.937rem;margin-top:.937rem;margin-bottom:.937rem;margin-right:1rem;border-radius:.5rem;border:none;padding-left:.5rem;padding-right:2rem;background-color:#e5fbff;outline:none}.topwidget__main input:focus{background-color:#caf0f8}.topwidget__main svg{position:absolute;color:#0077b6;width:1.062rem;height:1.062rem;right:1.625em;top:1.25rem}.topwidget__main--result{position:absolute;background-color:#fff;border-radius:0 0 .875rem .875rem;width:32.687rem;max-height:0rem;top:3.562rem;-webkit-box-shadow:0 .25rem 1.375rem 0 rgba(0,0,0,.25);box-shadow:0 .25rem 1.375rem #00000040;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform:translateY(-2rem);transform:translateY(-2rem);opacity:0;overflow:hidden;padding-bottom:1.125rem;z-index:-1}.topwidget__main--result>p{text-align:center;margin-top:1rem}.openresult{max-height:100rem;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.openwidget{border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-box-shadow:none;box-shadow:none}@media screen and (max-width: 35.25rem){.topwidget__main{margin-left:5rem;margin-right:2rem}.topwidget__main input{width:8rem}.topwidget__main--result{width:100%}}.resultSongContainer{width:100%;padding:.3125rem 0 .3125rem 2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.resultSongContainer:hover{background-color:#f5f5f5}.resultSongContainer:first-child{margin-top:1.125rem}.resultSongContainer__image{width:2.312rem;height:2.312rem}.resultSongContainer__image img{padding:0;margin:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.resultSongContainer__info{padding-left:1.187rem}.resultSongContainer__info--title{font-size:.8rem;color:#000133;font-weight:400}.resultSongContainer__info--artist{font-size:.64rem;color:#000133;font-weight:300}.songContainer{width:8.625rem;height:13.687rem;background-color:#fff;overflow:hidden;border-radius:.812rem;-webkit-box-shadow:0 .25rem 1rem 0 rgba(0,0,0,.04);box-shadow:0 .25rem 1rem #0000000a;margin-top:1.8rem;margin-left:4.562rem}.songContainer__image img{width:100%;max-height:8.749rem;-o-object-fit:cover;object-fit:cover}.songContainer__info--title{font-size:.8rem;color:#000133;margin-left:.625rem}.songContainer__info--artist{font-size:.511rem;font-weight:300;color:#757575;margin-left:.625rem}.songContainer__buttons{margin-left:.625rem;margin-top:.8rem;margin-bottom:.665rem}.songContainer__buttons--play{border:none;background-color:transparent;cursor:pointer}.songContainer__buttons--heart{border:none;background-color:transparent;margin-left:5.716rem;cursor:pointer}.songContainer{margin-left:.5rem;margin-right:.5rem}@media screen and (max-width: 35.25rem){.songContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;height:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:2rem;margin-right:0;border-radius:0;margin-top:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.songContainer__image{width:3rem;height:3rem}.songContainer__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.songContainer__info{justify-self:flex-start;width:6rem}.songContainer__buttons{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding:.5rem}.songContainer__buttons--heart{padding:0;position:relative;right:3rem}.songContainer__buttons--play{padding:0;position:relative}}.musicList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2.687rem;margin-left:7.812rem;margin-right:7.812rem;padding-bottom:10rem}@media screen and (max-width: 54.625rem){.musicList{margin-left:2rem;margin-right:2rem}}@media screen and (max-width: 35.25rem){.musicList{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.playerContainer{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100vw;bottom:0;left:0;background-color:#f4fdff;padding-bottom:.5rem;padding-top:.5rem;z-index:50}.playerContainer__albumart img{width:4.875rem;height:4.875rem;-o-object-fit:cover;object-fit:cover;border-radius:50%}.playerContainer__songinfo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:2.25rem}.playerContainer__songinfo--songname{font-weight:400;color:#000133}.playerContainer__songinfo--artistname{font-weight:300;font-style:italic;font-size:.64rem;margin-bottom:.35rem;color:#7b7b7b}.playerContainer__songinfo--trackdata{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.playerContainer__songinfo--trackdata p{font-size:.64rem;font-family:monospace;font-weight:300}.playerContainer__songinfo--trackdata div{width:18.062rem;height:.25rem;background-color:#90e0ef;margin-left:.375rem;margin-right:.375rem;cursor:pointer}.playerContainer__songinfo--trackdata div div{width:0%;height:100%;background-color:#00b4d8;margin:0;pointer-events:none}.playerContainer__songinfo--trackdata svg{width:1.062rem;height:.937rem;color:#d2b7e5;cursor:pointer;margin-left:2.812rem}.playerContainer__songinfo--controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:18.062rem;margin-left:1.2rem;margin-top:.2rem}.playerContainer__songinfo--controls svg{cursor:pointer}.playerContainer__songinfo--controls #prevbtn{color:#000133}.playerContainer__songinfo--controls #playbtn{width:.687rem;height:.812rem;color:#000133;margin-left:4rem;margin-right:4rem}.playerContainer__songinfo--controls #nextbtn{color:#000133}@media screen and (max-width: 35.25rem){.playerContainer__albumart{visibility:hidden}.playerContainer__songinfo--trackdata{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem}.playerContainer__songinfo--trackdata div{width:10rem}.playerContainer__songinfo--controls{width:12rem}}.about__container{position:fixed;left:0;top:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#0006;z-index:100}.about__content{background-color:#fff;max-width:46.937rem;padding:3.062rem 3.687rem;border-radius:.875rem}.about__content--title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1.687rem}.about__content--title p{text-transform:uppercase;font-size:.8rem;color:#9163cb;letter-spacing:.33rem}.about__content--title svg{width:1.562rem;height:1.562rem;cursor:pointer;color:#00b4d8}.about__content--text{font-size:1rem;font-weight:300;line-height:190%}.about__content--sign{margin-top:3.937rem;font-size:.8rem;font-weight:300}.about__content--sign span{color:#0077b6}@media screen and (max-width: 35.25rem){.about__container{background-color:#fff}}@media screen and (max-width: 54.625rem){.about__container{background-color:#fff;width:100%;height:100%}.about__content{margin-left:1rem}.about__content--text{line-height:170%;font-size:.8rem}}