*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4{font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;color:#3d3d3d;cursor:default}.no-selecionable{-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}*{transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}.lista-abierta{margin-left:15%}.contenedor-reproductor{min-height:30vh;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.contenedor-reproductor .tiempo-cancion{width:50%;display:flex;flex-direction:row;justify-content:center}.contenedor-reproductor .tiempo-cancion input{width:100%;padding:1rem 0;cursor:pointer}.contenedor-reproductor .tiempo-cancion p{padding:1rem}.contenedor-reproductor .botonera-reproductor{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:30%}.contenedor-reproductor .botonera-reproductor svg{cursor:pointer;color:#3d3d3d}.reproductor-oscuro{background-color:#35363a;color:#fff}.reproductor-oscuro .botonera-reproductor svg{color:#fff}@media screen and (max-width:1250px){.contenedor-reproductor .tiempo-cancion{width:60%}.contenedor-reproductor .botonera-reproductor{width:40%}}@media screen and (max-width:870px){.contenedor-reproductor .tiempo-cancion{width:70%}.contenedor-reproductor .botonera-reproductor{width:50%}}@media screen and (max-width:720px){.contenedor-reproductor{margin-top:0}.contenedor-reproductor .tiempo-cancion{width:90%}.contenedor-reproductor .botonera-reproductor{width:60%}}.contenedor-cancion{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.contenedor-cancion img{width:20%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;box-shadow:3px 3px 10px 3px rgba(176,196,222,.5882352941176471)}.contenedor-cancion h2{padding:3rem 1rem 1rem}.imagen-pulso{animation:pulso 10s linear infinite;-webkit-animation:pulso 10s linear infinite}@-webkit-keyframes pulso{0%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}50%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}}@keyframes pulso{0%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}50%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}}.cancion-oscura{background-color:#35363a}.cancion-oscura h2,.cancion-oscura h3{color:#fff}.cancion-oscura img{box-shadow:3px 3px 10px 3px #2f2f2f}@media screen and (max-width:1250px){.contenedor-cancion img{width:25%}}@media screen and (max-width:870px){.contenedor-cancion img{width:35%}}@media screen and (max-width:720px){.contenedor-cancion img{width:50%}}.lista-canciones{position:fixed;top:0;left:0;width:20%;height:100%;background-color:#fff;box-shadow:2px 2px 30px #cfc8c8;overflow-y:scroll;transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;opacity:0}.lista-canciones h2{padding:1.3rem 2rem}.lista-activa{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);opacity:1}.cancion-en-lista{display:flex;align-items:center;padding:1rem 2rem;cursor:pointer;transition:background .2s ease;-webkit-transition:background .2s ease;-moz-transition:background .2s ease;-ms-transition:background .2s ease;-o-transition:background .2s ease}.cancion-en-lista:hover{background-color:#efe6fa}.cancion-en-lista img{width:30%}.cancion-en-lista .detalles-cancion{padding-left:1rem}.cancion-en-lista .detalles-cancion h3{font-size:1rem;cursor:pointer}.cancion-en-lista .detalles-cancion h4{font-size:.8rem;cursor:pointer}.seleccionada,.seleccionada:hover{background-color:#e3d0ff}.lista-oscura{background-color:#35363a;box-shadow:2px 2px 30px #1f1c1c}.lista-oscura h2,.lista-oscura h3,.lista-oscura h4{color:#fff}.lista-oscura .cancion-en-lista:hover{background-color:#4a3664}.lista-oscura .seleccionada,.lista-oscura .seleccionada:hover{background-color:#5e3a8d}@media screen and (max-width:1250px){.lista-canciones{width:25%}}@media screen and (max-width:870px){.lista-canciones{width:100%}.lista-canciones h2{position:-webkit-sticky;position:sticky;top:0;left:0;padding:1.5rem 2rem;width:100%;background-color:#fff}.lista-oscura h2{background-color:#35363a}}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c2c2c2;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#b4b4b4}nav{min-height:10vh;align-items:center;justify-content:space-around}nav,nav .botones{display:flex}nav .botones .boton-oscuro{margin-left:10px}nav button{background:none;border:1.5px solid #585858;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;padding:9px 15px;cursor:pointer;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}nav button:hover{background-color:#585858;color:#fff}nav button svg{margin-left:7px}.boton-activado{background-color:#585858;color:#fff}.header-oscuro{background-color:#35363a}.header-oscuro button,.header-oscuro h1{color:#fff}@media screen and (max-width:870px){nav button{z-index:1}}
/*# sourceMappingURL=main.9583898a.chunk.css.map */