.header{background-color:rgba(0,0,0,.6);width:100%;height:80px;display:flex;justify-content:space-evenly;align-items:center;position:fixed;z-index:3}.header-img img{width:140px;position:relative;bottom:10px;right:150px}.burger{color:#fff;position:absolute;bottom:100px;cursor:pointer;outline-style:none;outline:none}@media screen and (max-width:1000px){.header-img img{margin-left:150px}}@media screen and (max-width:800px){.header{display:block;text-align:center;background-color:#000}.header-img img{width:110px;margin-left:20px;position:relative;bottom:20px}.burger{font-size:40px;color:#fff;position:absolute;bottom:20px;margin-left:150px;z-index:50}}@media screen and (max-width:360px){.header{display:block;text-align:center;background-color:#000}.header-img img{width:110px;margin-left:20px;position:relative;bottom:20px}.burger{font-size:40px;color:#fff;position:absolute;bottom:20px;margin-left:150px;z-index:50}}.header-list{color:#fff}.header-list ol{list-style:none;width:130%;display:flex;justify-content:space-between;align-items:center;font-family:"Montserrat",sans-serif;font-weight:900;font-family:Arial,Helvetica,sans-serif;font-size:15px;z-index:50px}.header-list a{font-weight:700;font-size:15px;color:#fff;text-decoration:none;letter-spacing:0}.header-list a:hover{color:#1db954}.hr{height:15px;margin:0 1px}.login-register{width:220px;display:flex;justify-content:space-between}@media screen and (max-width:1000px){.header-list ol{width:100%;margin-right:30px}}@media screen and (max-width:800px){.header-list ol{justify-content:center;align-items:center;right:-160vw;transition:.1s}.header-list ol,.isActive ol{display:flex;flex-direction:column;background-color:#000;position:fixed;top:0;bottom:0;z-index:45}.isActive ol{justify-content:left;align-items:flex-start;height:90vh;right:-120vw;left:0;margin:0;transition:.5s;padding-top:40px}.isActive a{font-weight:700;font-size:30px;line-height:65px;color:#fff;text-decoration:none;letter-spacing:0}.login-register{margin-top:10px;text-align:left}.login-register a{font-size:25px;color:#a8a7a7}.hr{margin:10px var(--left-sidebar-padding-right) 10px var(--left-sidebar-padding-left);transform:rotate(90deg);height:30px;margin-left:20px}.login-register{display:block}}@media screen and (max-width:360px){.header-list ol{justify-content:center;align-items:center;right:-160vw;transition:.1s}.header-list ol,.isActive ol{display:flex;flex-direction:column;background-color:#000;position:fixed;top:0;bottom:0;z-index:45}.isActive ol{justify-content:left;align-items:flex-start;height:105vh;right:0;left:0;margin:0;transition:.5s;padding-top:40px}.isActive a{font-weight:700;font-size:30px;line-height:65px;color:#fff;text-decoration:none;letter-spacing:0}.login-register{margin-top:10px;text-align:left}.login-register a{font-size:25px;color:#a8a7a7}.hr{margin:10px var(--left-sidebar-padding-right) 10px var(--left-sidebar-padding-left);transform:rotate(90deg);height:30px;margin-left:20px}.login-register{display:block}}.pageLongin{background-image:linear-gradient(#ff3b93,#ded643)}.pageLongin,.pageLongin-ctn{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.pageLongin-ctn{background:url(https://svgshare.com/i/6jW.svg) no-repeat;background-position:top -450px center;background-size:1650px}.pageLongin-ctn h1{color:#fff;font-weight:900;font-size:70px;letter-spacing:-.04em;margin-top:100px;font-family:sans-serif}.pageLongin-ctn h4{letter-spacing:.1px}.pageLogin-link,.pageLongin-ctn h4{color:#fff;font-weight:700;position:relative;bottom:50px}.pageLogin-link{background-color:#1db454;border:1px solid transparent;border-radius:80px;text-decoration:none;padding:15px 50px;font-size:13px;letter-spacing:3px;margin-top:10px}.pageLogin-link:hover{-webkit-animation:color .8s;animation:color .8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes color{0%{background-color:#1db454}to{background-color:#10dd5b}}@keyframes color{0%{background-color:#1db454}to{background-color:#10dd5b}}@media screen and (max-width:800px){.pageLongin-ctn{display:inline-flex;padding:20px;background-position:bottom -150px center;background-size:800px;text-align:center}.pageLongin{padding:0 20px}}@media screen and (max-width:360px){.pageLongin-ctn{display:inline-flex;padding:20px;background-position:bottom -150px center;background-size:1000px;text-align:center}.pageLongin{padding:0 20px}}.footer{background-color:#000;width:100%;height:50%;display:flex;justify-content:space-around;align-items:center}.footer-img img{width:140px;position:relative;bottom:10px}.footer-list ol{color:#919496;list-style:none;display:flex;justify-content:space-between;width:100%;font-size:12px;cursor:pointer}.footer-list ol li:hover{color:#1db954}@media screen and (max-width:800px){.footer{padding-right:40px}.footer,.footer-list ol{display:block;text-align:left}.footer-list ol{font-size:14px;margin-bottom:0;padding-bottom:20px;line-height:30px}.footer-img img{margin-left:35px}}@media screen and (max-width:360px){.footer{padding-right:40px}.footer,.footer-list ol{display:block;text-align:left}.footer-list ol{font-size:14px;margin-bottom:0;padding-bottom:20px;line-height:30px}.footer-img img{margin-left:35px}}.nav{background-color:#000;color:#b3b3b3;display:flex;flex-direction:column;width:17%;height:90vh;position:fixed;bottom:66px}.nav-img img{width:140px;position:relative;left:30px;bottom:30px}.nav-list{position:relative;bottom:60px;right:10px}.nav-list ol span{position:relative;bottom:15px}.nav-list img{background-color:#fff;width:10px}.nav-list ol a{text-decoration:none;color:#b3b3b3}.nav-list ol a:hover{color:#fff}.nav-list ol li svg{margin-right:10px;padding:10px 0}.nav-list ol li{list-style:none;font-size:14px;font-weight:700}.nav-playlist{position:relative;bottom:60px}.nav-playlist h2{font-size:12px;font-weight:400;margin-left:32px}.nav-playlist a{text-decoration:none;color:#b3b3b3}.nav-playlist a:hover{color:#fff}.nav-playlist ol{list-style:none;font-size:14px;font-weight:700;margin-left:-9px}.nav-playlist ol li{padding:3px 0}.hr-nav{margin:8px var(--left-sidebar-padding-right) 8px var(--left-sidebar-padding-left);border-color:#282828;margin-left:30px;margin-right:40px}.hr-nav,.nav-h2{position:relative;bottom:60px}.nav-h2{font-size:12px;font-weight:400;margin-left:39px}.nav-h2 a{color:#b3b3b3;text-decoration:none;margin-left:-9px}.nav-h2 a:hover{color:#fff}@media screen and (max-width:800px){.nav{position:absolute;left:-200px;bottom:0}}@media screen and (max-width:360px){.nav{position:absolute;left:-180px}}.header-player__sesion{border:1px solid #282828;border-radius:5px;position:relative;top:5px;right:60px}.header-player__sesion button{border:none;background-color:#282828;color:#b3b3b3;padding:0 0 0 20px;width:200px;height:40px;text-align:left;outline:#fff;cursor:pointer}.header-player__sesion button:hover{background-color:#333;color:#fff}.hr-play{margin:8px var(--left-sidebar-padding-right) 8px var(--left-sidebar-padding-left);border-color:#282828}.header-player{background-color:#181818;color:#fff;width:83%;height:80px;position:fixed;left:17%;display:flex;justify-content:flex-end;align-items:center;z-index:1}.header-player__mejorar{border:2px solid #fff;border-radius:200px;width:250px;height:35px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:3px;position:relative;right:70px}.header-player__mejorar:hover{transform:scale(1.05)}.header-player__perfil{display:flex;justify-content:space-evenly;background-color:#000;outline:none;cursor:pointer;color:#fff;align-items:center;border:1px solid #000;border-radius:200px;width:180px;height:35px;font-size:11px;font-weight:700;letter-spacing:.1px;position:relative;right:40px}.header-player__perfil:hover{background-color:#282828;border:1px solid #282828}.header-player__perfil img{background-color:#fff;border-radius:100%;object-fit:cover}.container-button{position:relative;top:44px;left:5px}.isNone{width:202px;height:84px}@media screen and (max-width:800px){.header-player{width:100%;left:0}.header-player__perfil{position:relative;left:10px}.header-player__mejorar{position:relative;bottom:70px}}@media screen and (max-width:450px){.header-player{width:100%;left:0}.header-player__perfil{position:relative;left:10px}.header-player__mejorar{position:relative;bottom:70px}}@media screen and (max-width:360px){.header-player{width:100%;left:0}.header-player__perfil{position:relative;left:10px}.header-player__mejorar{position:relative;bottom:70px}}.search{position:relative;right:500px}.search input{width:200%;height:40px;border-radius:100px;border:none;padding-left:25px;outline:none}.search input::-webkit-input-placeholder{font-size:14px}.search input:-ms-input-placeholder{font-size:14px}.search input::-ms-input-placeholder{font-size:14px}.search input::placeholder{font-size:14px}@media screen and (max-width:800px){.search{position:relative;top:0;right:250px}}@media screen and (max-width:600px){.search{position:relative;top:50px;right:90px}}@media screen and (max-width:450px){.search{position:relative;top:50px;right:0}}@media screen and (max-width:360px){.search{position:relative;top:50px;right:0;left:10px}}.main-tracks{background-color:#181818;width:83%;position:absolute;left:17%;padding-bottom:100px;margin-top:70px;display:flex;color:#fff;margin-bottom:100px}.main-tracks__img img{margin-left:50px;margin-top:50px;object-fit:cover;object-position:center center}.main-tracks__img h1{text-align:center;margin-left:45px}.track{cursor:pointer}.list-tracks{width:100%;margin-right:10px}@media screen and (max-width:800px){.main-tracks{width:100%;display:block;left:0}.main-tracks__img h1{text-align:center;margin-left:0}}@media screen and (max-width:450px){.main-tracks{width:100%;display:block;left:0}.main-tracks__img h1{text-align:center;margin-left:0}.main-tracks__img img{margin-left:60px}}@media screen and (max-width:360px){.main-tracks{width:100%;display:block;left:0}.main-tracks__img h1{text-align:center;margin-left:0}}.main-tracks__list{margin-top:50px;margin-left:20px;margin-bottom:-50px}.music{display:flex;justify-content:space-between;align-items:center;padding:0 20px}.music:hover{background-color:hsla(0,0%,100%,.1);-webkit-animation:tracks .2s;animation:tracks .2s}@-webkit-keyframes tracks{0%{background-color:#181818}to{background-color:hsla(0,0%,100%,.1)}}@keyframes tracks{0%{background-color:#181818}to{background-color:hsla(0,0%,100%,.1)}}.artist{font-size:13.5px;margin-top:-10px;color:#b3b3b3}.duration{font-size:14px;color:#b3b3b3}.name{font-size:14.5px;letter-spacing:1px;font-weight:700}.reproductor{background-color:#282828;width:100%;height:100px;position:fixed;bottom:0;z-index:2;border:1px solid #181818;display:flex;justify-content:space-evenly;align-items:center}.audio{margin-top:1.5em;width:90%;margin-left:4em;outline:none}.play-pause{font-size:50px;cursor:pointer;color:#b3b3b3;outline:none;text-decoration:none;position:relative;left:100px}.button:hover,.play-pause:hover{color:#c9c8c8}.button{font-size:50px;cursor:pointer;color:#b3b3b3;outline:none;text-decoration:none;position:relative;left:100px}.player{width:50%}.player hr{width:100%;height:2px;background-color:#666864;border-color:#b3b3b3}.picture,.picture1{width:0;height:1px;border:2px solid #b3b3b3;background-color:#b3b3b3;position:relative;bottom:12px}.animation{-webkit-animation:picture 30s;animation:picture 30s}.fade-enter{-webkit-animation:picture 30s linear backwards;animation:picture 30s linear backwards;-webkit-animation-play-state:running;animation-play-state:running}.fade-exit{-webkit-animation:picture 30s linear;animation:picture 30s linear;-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes picture{0%{width:0}to{width:100%}}@keyframes picture{0%{width:0}to{width:100%}}.volume{width:100px;display:flex;justify-content:space-around;position:relative;right:200px}.button{font-size:40px}.button:active{transform:scale(.9)}.home,.searchButton{position:relative;top:100px;color:#b3b3b3}@media screen and (max-width:800px){.movil{width:100%;display:flex;height:100px;align-items:center;justify-content:space-between}.play-pause{position:absolute;left:340px}.searchButton{position:absolute;top:25px;right:50px}.home{position:absolute;top:20px;left:50px}.player{top:80px}.player,.volume{position:relative}.volume{top:200px}}@media screen and (max-width:600px){.play-pause{position:absolute;left:210px}}@media screen and (max-width:450px){.play-pause{position:absolute;left:180px}.searchButton{right:50px}.home,.searchButton{position:absolute;top:30px}.home{left:50px}}@media screen and (max-width:360px){.play-pause{position:absolute;left:150px}.movil{display:flex;height:100px;align-items:center;justify-content:space-between}.searchButton{right:50px}.home,.searchButton{position:absolute;top:30px}.home{left:50px}.player{top:80px}.player,.volume{position:relative;left:1000px}.volume{top:200px}}body{background-color:#181818;margin:0;font-family:"Montserrat",sans-serif}.lds-dual-ring{display:inline-block;width:80px;height:80px}.lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border-color:#b3b3b3 transparent;border-style:solid;border-width:6px;-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite}@-webkit-keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.center{display:flex;align-items:center;justify-content:center;height:100vh}
/*# sourceMappingURL=main.e225262e.chunk.css.map */