@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);body{margin:0;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}#root,body,html{height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body,html{overscroll-behavior-y:none}.light{--bg-color--secondary:#2880b9;--bg-color--primary:#bde;--bg-color--tertiary:#bde;--bg-color--screen:#fff;--bg-color--dark:#2880b9;--text-color--primary:#000;--text-color--secondary:#504f4f;--border-color:rgba(14,96,150,0.22);--border-color--active:#8d99a7;--icon-color:hsla(0,0%,100%,0.7);--icon-color--secondary:#2880b9;--icon-color--dark:#2880b9;--icon-background-color:#fff;--icon-background-color-2:#2880b9;--gradient-primary:rgba(40,128,185,0.3);--gradient-secondary:rgba(40,128,185,0.02)}.dark,.light{--text-color--active:#8d99a7;--text-color--white:#fff;--animation-gradient-color-1:#f27121;--animation-gradient-color-2:#e94057;--animation-gradient-color-3:#8a2387}.dark{--bg-color--primary:#000;--bg-color--secondary:#1f2123;--bg-color--tertiary:#2e3237;--bg-color--screen:#000;--bg-color--dark:#000;--accent-color:#d594ee;--text-color--primary:#fff;--text-color--secondary:#e5eaf0;--gradient-primary:#454f59;--gradient-secondary:rgba(69,79,89,0.02);--border-color:#454f59;--border-color--active:#8d99a7;--button-color:#d933c3;--button-color--secondary:rgba(217,51,195,0.6);--icon-color:#fff;--icon-color--dark:#000;--icon-color--secondary:#fff;--icon-background-color:#fff;--icon-background-color-2:#000}:root{--transition:cubic-bezier(0.62,0.44,0,1)}html{scroll-behavior:smooth}body{background:#f6f7fb;font-family:"Poppins",sans-serif}::-webkit-scrollbar{width:0;background:transparent}a,button,input,label,select,textarea{-webkit-tap-highlight-color:transparent}input:focus{outline:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.music-player__header{position:absolute;top:0;left:0;background:var(--bg-color--secondary);padding:24px 16px;width:calc(100% - 32px);color:#fff;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.music-player__header,.music-player__header .music-player__header--right{display:-webkit-flex;display:flex}.music-player__header .music-player__header--right div{cursor:pointer}.music-player__search{position:absolute;top:3rem;right:15px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:var(--icon-background-color);box-shadow:0 .5rem 1rem rgba(88,61,145,.3);height:50px;width:50px;z-index:2;border-radius:50%;transition:.35s ease-in-out;cursor:pointer}.music-player__search.hidden{-webkit-transform:translateX(100px);transform:translateX(100px)}.music-player__footer{position:absolute;width:100%;left:0;bottom:0;z-index:2;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;color:#fff;border-radius:1rem 1rem 0 0;box-sizing:border-box;will-change:transform;background:var(--bg-color--secondary);transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in;box-shadow:0 0 1rem rgba(43,0,99,.4);padding:16px 24px 24px}.music-player__footer.music-player__footer--hidden{-webkit-transform:translateY(120%);transform:translateY(120%)}.music-player__footer .song-details--wrapper{display:-webkit-flex;display:flex;width:100%;position:relative;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;-webkit-user-select:none;-ms-user-select:none;user-select:none}.music-player__footer .song-details--wrapper .song-details__meta{width:calc(70% - 10px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-ms-user-select:none;display:-webkit-flex;display:flex;user-select:none;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;cursor:pointer}.music-player__footer .song-details--wrapper .song-details__meta h4{overflow:hidden;text-overflow:ellipsis;line-height:21px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.music-player__footer .song-details--wrapper .song-details__meta p{overflow:hidden;text-overflow:ellipsis;margin-top:4px;color:#fff;-webkit-user-select:none;-ms-user-select:none;user-select:none}.music-player__footer .song-details--wrapper .song-controls{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.music-player__footer .song-details--wrapper .song-controls .song-controls__icon{cursor:pointer;width:42px;height:42px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.music-player__footer .song-details--wrapper .song-controls .song-controls__icon--pause,.music-player__footer .song-details--wrapper .song-controls .song-controls__icon--play{background:var(--bg-color--primary);width:42px;height:42px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:50%;position:relative}.music-player__footer .song-details--wrapper .song-controls .song-controls__icon--pause path,.music-player__footer .song-details--wrapper .song-controls .song-controls__icon--pause svg,.music-player__footer .song-details--wrapper .song-controls .song-controls__icon--play path,.music-player__footer .song-details--wrapper .song-controls .song-controls__icon--play svg{stroke:var(--icon-color)}.music-player__footer .song-details--wrapper .song-controls .song-controls__icon--svg{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-radius:50%;background:var(--bg-color--secondary)}.music-player__footer .song-details--wrapper .song-controls .song-controls__icon--wrapper,.music-player__footer .song-details--wrapper .song-controls .song-controls__icon--wrapper:before{background:linear-gradient(90deg,var(--animation-gradient-color-1),var(--animation-gradient-color-2),var(--animation-gradient-color-3),var(--animation-gradient-color-1));background-size:400%}.music-player__footer .song-details--wrapper .song-controls .song-controls__icon--wrapper:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;z-index:-1;transition:.3s;-webkit-animation:animatedGradient 8s infinite;animation:animatedGradient 8s infinite}.music-player__footer .song-details--wrapper .song-controls .song-controls__icon--wrapper:hover:before{top:-8px;left:-8px;right:-8px;bottom:-8px;filter:blur(5px);-webkit-filter:blur(5px)}.music-player__footer .song-details--wrapper .song-controls svg{color:var(--icon-color);transition:.15s ease-in;height:18px;width:18px;cursor:pointer}.music-player__footer .song-details--wrapper .song-controls path{stroke:var(--icon-color)}.music-player__footer .footer__drawer-icon{position:absolute;top:-15px;right:16px;height:30px;width:30px;border-radius:5px;background:var(--icon-background-color);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;cursor:pointer;transition:.15s ease-in;border-radius:50%}.music-player__footer .song__progress{position:absolute;bottom:0;display:-webkit-flex;display:flex;width:100%;height:.2rem;border-radius:.1rem;background-color:hsla(0,0%,99.2%,.5)}#progress{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:100%}progress[value]{-webkit-appearance:none;appearance:none;width:80%;height:4px}progress[value]::-webkit-progress-bar{background:var(--bg-color--secondary);border-radius:80px;box-shadow:0 2px 5px var(--bg-color--secondary) inset}progress[value]::-webkit-progress-value{background-color:#fdfdfd;border-radius:80px;background-size:35px 20px,100% 100%,100% 100%}.music-player__song-list{display:-webkit-flex;display:flex;width:100%;-webkit-flex-direction:column;flex-direction:column;height:100%;margin-top:76px;overflow:scroll;-webkit-user-select:none;-ms-user-select:none;user-select:none}.music-player__song-list.overlay{display:none}.music-player__song-list.overlay .music-player__song{opacity:.5}.music-player__song-list.overlay .song-details__cover-image{-webkit-transform:translateX(-2rem);transform:translateX(-2rem);opacity:0}.music-player__song-list--container{padding-top:20px;padding-bottom:165px;-webkit-animation:slideinFromRight .5s cubic-bezier(.62,.44,0,1) 1;animation:slideinFromRight .5s cubic-bezier(.62,.44,0,1) 1;-webkit-animation:slideinFromRight .5s var(--transition) 1;animation:slideinFromRight .5s var(--transition) 1}.music-player__song-list--no-songs{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:calc(100% - 120px);-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff}.music-player__song-list--no-songs svg{margin-bottom:12px;height:48px;width:48px}.music-player__song-list--no-songs h5{font-size:16px}.music-player__song-list .music-player__song-list--no-songs{color:var(--text-color--primary)}@-webkit-keyframes slideinFromRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideinFromRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.music-player__song{max-width:100%;background:var(--bg-color--screen);padding:8px 16px;cursor:pointer}.music-player__song,.music-player__song .song__details{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:relative}.music-player__song .song__details{width:100%;-webkit-justify-content:space-between;justify-content:space-between;overflow:hidden;z-index:2;border:1px solid var(--border-color);padding:12px;border-radius:5px}.music-player__song .song__details--left{max-width:calc(100% - 60px)}.music-player__song .song__details--left,.music-player__song .song__details--right{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;z-index:2}.music-player__song .song__details--right path,.music-player__song .song__details--right svg{fill:var(--icon-color--secondary);stroke:var(--icon-color--secondary);margin-left:8px}.music-player__song .song__details--right p{color:var(--text-color--secondary);opacity:.7}.music-player__song .song__details:before{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-image:linear-gradient(90deg,var(--gradient-primary),var(--gradient-secondary));opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:.3s ease-out}.music-player__song .song__details:hover{border:1px solid rgba(141,153,167,.4)}.music-player__song .song__details:hover:before{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;z-index:1}.music-player__song .song__meta{margin-left:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;max-width:calc(100% - 65px)}.music-player__song .song__meta .song__title{color:var(--text-color--primary);margin-bottom:4px}.music-player__song .song__meta .song__title h4{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.4}.music-player__song .song__meta .song__artist p{color:var(--text-color--secondary);opacity:.7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.music-player__song .song-details__cover-image{width:45px;height:45px;border-radius:5px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:var(--bg-color--secondary)}.music-player__song.music-player__song--active .song__details{border:1px solid var(--gradient-primary)}.music-player__song.music-player__song--active .song__details:before{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;z-index:1}.music-player__song.music-player__song--active .song__details .song__artist p{color:var(--text-color--active);opacity:1}.music-player__add-song{cursor:pointer;z-index:3}.music-player__add-song,.music-player__add-song .music-player__add-song__button{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.music-player__add-song .music-player__add-song__button{width:26px;height:26px;position:relative;margin-left:24px;transition:all .15s ease-in;border-radius:50%;font-size:20px}.music-player__add-song .music-player__add-song__button i{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;color:var(--icon-color--white)}.music-player__add-song .music-player__add-song__button input{visibility:hidden}.music-player__add-song .music-player__add-song__button label{width:100%;height:100%;position:absolute;border-radius:50%;cursor:pointer}.music-player__add-song.hidden{-webkit-transform:translateX(100px);transform:translateX(100px)}.music-player__now-playing{height:100%;width:100%;z-index:2;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;color:#fff;box-sizing:border-box;will-change:transform;background:var(--bg-color--dark);transition:.45s;box-shadow:0 0 1rem rgba(43,0,99,.4);padding:84px 24px 64px;position:relative;-webkit-animation:slideinFromLeft .5s cubic-bezier(.62,.44,0,1) 1;animation:slideinFromLeft .5s cubic-bezier(.62,.44,0,1) 1;-webkit-animation:slideinFromLeft .5s var(--transition) 1;animation:slideinFromLeft .5s var(--transition) 1}.music-player__now-playing .background-gradient{position:absolute;top:0;right:0;width:80%;height:300px;overflow:hidden}.music-player__now-playing .background-gradient img{width:100%;height:100%;-webkit-filter:blur(20px);filter:blur(20px);margin:-5px -10px -10px -5px}.music-player__now-playing .back-button{position:absolute;top:32px;left:24px;cursor:pointer}.music-player__now-playing .song-details{-webkit-flex-grow:2;flex-grow:2}.music-player__now-playing .song-details .song-details__cover{-webkit-transform:scale(1);transform:scale(1);width:100%;height:65%;min-height:65%;max-height:320px;overflow:hidden;display:-webkit-flex;-webkit-align-items:flex-end;align-items:flex-end;border-radius:20px;transition:.3s;background:var(--bg-color--dark);display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.music-player__now-playing .song-details .song-details__cover img{width:100%;height:auto;object-fit:cover}.music-player__now-playing .song-details .song-details__meta{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-top:48px}.music-player__now-playing .song-details .song-details__meta .song-details__meta--song-name{width:calc(100% - 50px)}.music-player__now-playing .song-details .song-details__meta .song-details__meta--song-name h4{font-size:28px;color:#fff;font-weight:600;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2}.music-player__now-playing .song-details .song-details__meta .song-details__meta--song-artist{width:calc(100% - 50px);margin-top:8px}.music-player__now-playing .song-details .song-details__meta .song-details__meta--song-artist p{font-size:14px;color:var(--text-color--white);font-weight:300;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2}.music-player__now-playing .song-status{-webkit-flex-grow:1;flex-grow:1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.music-player__now-playing .song-status>div{display:-webkit-flex;display:flex;width:100%;margin-top:12px;-webkit-justify-content:space-between;justify-content:space-between}.music-player__now-playing .song-status>div p{color:var(--text-color--white)}.music-player__now-playing .song-controls{-webkit-flex-grow:1;flex-grow:1;display:-webkit-flex;display:flex;width:100%;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.music-player__now-playing .song-controls .song-controls__icon{cursor:pointer}.music-player__now-playing .song-controls .song-controls__icon--svg{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-radius:50%;background:var(--icon-background-color-2)}.music-player__now-playing .song-controls .song-controls__icon--pause,.music-player__now-playing .song-controls .song-controls__icon--play{background:var(--bg-color--primary);width:64px;height:64px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:50%;position:relative}.music-player__now-playing .song-controls .song-controls__icon--pause path,.music-player__now-playing .song-controls .song-controls__icon--pause svg,.music-player__now-playing .song-controls .song-controls__icon--play path,.music-player__now-playing .song-controls .song-controls__icon--play svg{stroke:#fff}.music-player__now-playing .song-controls .song-controls__icon--play svg{margin-left:3px}.music-player__now-playing .song-controls .song-controls__icon--wrapper,.music-player__now-playing .song-controls .song-controls__icon--wrapper:before{background:linear-gradient(90deg,#f27121,#e94057,#8a2387,#f27121);background-size:400%}.music-player__now-playing .song-controls .song-controls__icon--wrapper:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;z-index:-1;transition:.3s;-webkit-animation:animatedGradient 8s infinite;animation:animatedGradient 8s infinite}.music-player__now-playing .song-controls .song-controls__icon--wrapper:hover:before{top:-12px;left:-12px;right:-12px;bottom:-12px;filter:blur(8px);-webkit-filter:blur(8px)}.music-player__now-playing .music-player__visualizer{position:absolute;bottom:0;left:0;width:100%;height:50%;z-index:-2;opacity:.6}@-webkit-keyframes slideinFromLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideinFromLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes animatedGradient{0%{background-position:400%}to{background-position:0}}@keyframes animatedGradient{0%{background-position:400%}to{background-position:0}}input[type=range]{-webkit-appearance:none;width:100%;margin:0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;background:var(--bg-color--tertiary);border-radius:1.3px}input[type=range]::-webkit-slider-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:15px;width:15px;border-radius:50%;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-6px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--bg-color--tertiary)}input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;background:var(--bg-color--tertiary);border-radius:1.3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:15px;width:15px;border-radius:50%;background:#fff;cursor:pointer}input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--bg-color--tertiary);border-radius:2.6px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:15px;width:15px;border-radius:50%;background:#fff;cursor:pointer}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--bg-color--tertiary)}.container{width:100vw;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:var(--bg-color--tertiary);font-family:"Poppins",sans-serif;overflow:hidden}.container h3{font-size:28px}.container h4{font-size:16px}.container h3,.container h4{font-family:"Poppins",sans-serif;font-weight:700}.music-player{height:85vh;width:600px;background:var(--bg-color--screen);display:-webkit-flex;display:flex;position:relative;border-radius:10px 10px 0 0;padding:0;overflow:hidden;box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 8px 8px rgba(0,0,0,.11),0 16px 16px rgba(0,0,0,.11),0 32px 32px rgba(0,0,0,.11)}.music-player p{font-size:12px;line-height:1.2;color:var(--text-color--secondary)}@media only screen and (max-width:767px){.music-player{width:100vw;height:100%;border-radius:0;border:none}}
/*# sourceMappingURL=main.b937cd4e.chunk.css.map */