@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap);.discover-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:150px;margin:20px}@media only screen and (max-width:500px){.discover-item{width:100%;min-width:100%;margin-right:0!important}}.discover-item:hover .discover-item__art{-webkit-transform:scale(1.05);transform:scale(1.05)}.discover-item__art{height:150px;width:150px;border-radius:6px;background-size:cover;transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out;cursor:pointer}.discover-item__title{font-size:15px;text-align:center}.discover-block__header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;min-height:20px}.discover-block__header>h2{color:#cecedc;font-size:15px;letter-spacing:1px;margin:0}.discover-block__header>span{background:#eee;-webkit-flex:1 1;flex:1 1;height:2px;display:block;margin-left:20px;margin-right:20px}.discover-block__header>div{font-size:20px;display:-webkit-flex;display:flex}.discover-block__header>div>svg{transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;cursor:pointer;color:#564fd8}.discover-block__header>div>svg:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.discover-block__header>div>svg:first-of-type{margin-right:20px}.discover-block__header__icon__disabled{color:unset;pointer-events:none}.discover-block__row{display:-webkit-flex;display:flex;margin-bottom:50px;width:100%;overflow-x:scroll;height:250px;scroll-behavior:smooth;margin-top:20px}.discover-block__row.__loading{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.discover-block__row::-webkit-scrollbar{display:none}.discover-block__row>*{margin-right:50px}@media only screen and (max-height:750px){.discover-block__row{margin-bottom:20px}}.discover .animate__animated.animate__fadeIn{--animate-duration:1.5s}.header{height:300px;background:#ffb5a7;overflow:hidden;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:#fff;letter-spacing:1px;font-weight:300;-webkit-justify-content:space-between;justify-content:space-between;padding-right:5%;min-height:300px;margin-bottom:50px;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-height:775px){.header{height:100px;min-height:100px;margin-bottom:30px}}@media only screen and (max-width:750px){.header{margin-bottom:20px}}@media only screen and (max-width:1300px){.header{padding-left:5%;padding-right:unset}}@media only screen and (min-width:415px) and (max-width:600px){.header{padding:20px!important;height:100px;min-height:100px}}@media only screen and (max-width:415px){.header{padding:20px!important;height:auto;min-height:100px}}.header>div{margin-left:auto}@media only screen and (max-width:1300px){.header>div{margin-left:unset}}@media only screen and (max-width:650px){.header>div{margin-left:auto;margin-right:auto}}.header>div h1,.header>div h2{font-weight:500;text-shadow:0 4px 40px rgba(0,0,0,.05);text-align:right}@media only screen and (max-width:1300px){.header>div h1,.header>div h2{text-align:unset}}.header>div h1{font-size:60px;margin-bottom:10px}@media only screen and (max-width:600px){.header>div h1{font-size:24px}}@media only screen and (max-height:775px){.header>div h1{font-size:24px}}.header>div h2{font-size:45px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:0}@media only screen and (max-width:1300px){.header>div h2{-webkit-justify-content:unset;justify-content:unset}}@media only screen and (max-width:600px){.header>div h2{font-size:20px}}@media only screen and (max-height:775px){.header>div h2{font-size:20px}}.header>div h2>svg{margin-left:10px;margin-right:10px}.header>div h2>svg:first-of-type{color:#ffd60b}.header>div h2>svg:last-of-type{color:#39383d}.header>svg{-webkit-align-self:flex-end;align-self:flex-end;height:150%;width:auto;-webkit-transform:scaleX(-1);transform:scaleX(-1);margin-left:-50px;margin-bottom:-60px}@media only screen and (max-height:775px){.header>svg{height:200%;margin-left:-20px}}@media only screen and (max-width:1300px){.header>svg{display:none}}.sidebar{min-width:225px;width:225px;background:#564fd8;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding-top:30px;padding-bottom:30px;transition:all .2s ease-in-out;will-change:width,min-width}@media only screen and (max-width:650px){.sidebar{width:75px;min-width:75px}}@media only screen and (max-width:400px){.sidebar{width:50px;min-width:50px}}.sidebar__options{width:100%;overflow-y:scroll}.sidebar__options::-webkit-scrollbar{display:none}.sidebar__option{display:-webkit-flex;display:flex;color:#fff;-webkit-align-items:center;align-items:center;width:100%;height:75px;min-height:75px;opacity:.5;padding-left:40px;padding-right:40px;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width:650px){.sidebar__option{padding-left:30px}}@media only screen and (max-width:400px){.sidebar__option{padding-left:17px}}.sidebar__option>p{margin:0 0 0 20px;font-size:18px}@media only screen and (max-width:650px){.sidebar__option>p{display:none}}.sidebar__option--selected{opacity:1;pointer-events:none;background:linear-gradient(90deg,#7974dd,transparent 95%)}.sidebar__profile{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;color:#fff;font-weight:300;margin-bottom:50px;margin-top:20px}@media only screen and (max-width:650px){.sidebar__profile>p{display:none}}.sidebar__profile>svg{width:30%;height:auto;border-radius:50%}.player,.sidebar__profile>svg{box-shadow:0 4px 20px rgba(0,0,0,.1)}.player{position:absolute;width:calc(100% - 225px);background:hsla(0,0%,100%,.95);height:100px;bottom:0;right:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding-left:40px;padding-right:40px;transition:height .2s ease-in-out}@media only screen and (max-width:650px){.player{width:calc(100% - 75px);padding-left:20px;padding-right:20px}}@media only screen and (max-width:400px){.player{width:calc(100% - 50px)}}@media only screen and (max-height:775px){.player{height:70px}}.player svg{transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;cursor:pointer}.player svg:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.player__album{display:-webkit-flex;display:flex}@media only screen and (max-width:450px){.player__album{display:none}}.player__album>span{margin-right:20px;width:50px;height:50px;background:#cecedc;border-radius:6px;display:block}.player__album>p{font-weight:500;color:#39383d;font-size:17px}@media only screen and (max-width:1000px){.player__album>p{display:none}}.player__controls{margin-left:50px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:relative;-webkit-justify-content:center;justify-content:center}@media only screen and (max-width:850px){.player__controls{margin-left:0}}.player__controls>svg:first-of-type,.player__controls>svg:nth-of-type(3){color:#cecedc}.player__controls>svg:nth-of-type(2){color:#564fd8;font-size:35px;margin-left:15px;margin-right:15px;z-index:1;position:relative}.player__controls:after{content:"";width:25px;height:25px;position:absolute;border-radius:50%;z-index:0;border:10px solid #564fd8;background:#fff;box-sizing:content-box!important}.player__seekbar{-webkit-flex:1 1;flex:1 1;height:4px;background:#cecedc;margin-left:50px;margin-right:50px;border-radius:2px}@media only screen and (max-width:850px){.player__seekbar{margin-left:20px;margin-right:20px}}.player__actions{color:#cecedc}.player__actions>.fa-ellipsis-h{display:none;margin-right:0!important}@media only screen and (max-width:750px){.player__actions>svg:not(.fa-ellipsis-h){display:none;width:0!important;margin:0}.player__actions>.fa-ellipsis-h{display:unset}}.player__actions>svg:not(:last-of-type){margin-right:30px}@media only screen and (max-width:800px){.player__actions>svg:not(:last-of-type){margin-right:15px}}.login{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.btn{border:2px solid #564fd8;color:#564fd8;border-radius:100px;text-decoration:none;padding:1em 3em;letter-spacing:1.5px;font-size:14px}*{box-sizing:border-box}a,button,h1,h2,h3,p{font-family:"Rubik",sans-serif}body{margin:0;background:#f9f8ff}#root,body,html{height:100%}.main{height:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);position:relative;background:#fff}.main,.main__content{display:-webkit-flex;display:flex}.main__content{width:calc(100% - 225px)}.main__content,.main__content__child{-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 1;flex:1 1}.main__content__child{display:-webkit-flex;display:flex;padding:0 50px 100px;overflow-y:scroll}@media only screen and (max-width:750px){.main__content__child{padding:20px}}
/*# sourceMappingURL=main.7622d2ff.chunk.css.map */