@import url(https://fonts.googleapis.com/css2?family=Playwrite+CU:wght@100..400&display=swap);:root{--primary_background_color:#fff;--heading_font_color:#2c2c2c;--nav_btn_border_color:#2c2c2c;--nav_btn_text_color:#2c2c2c;--nav_btn_text_color_hover:#fff;--nav_btn_back_color_hover:#2c2c2c;--song_container_h3_color:#575757;--player_text_color:#000;--animate_track_back_color:#e0e0e0;--library_box_shadow_color:#bbb;--library_back_color_hover:#dfe3ff;--song_description_h4_color:#494949;--selected_song_back_color:#c2cbff;--scrollbar_color:#afafaf}.dark{--primary_background_color:#111;--heading_font_color:#d8d8d8;--nav_btn_border_color:#d8d8d8;--nav_btn_text_color:#d8d8d8;--nav_btn_text_color_hover:#111;--nav_btn_back_color_hover:#d8d8d8;--song_container_h3_color:#9b9b9b;--player_text_color:#fff;--animate_track_back_color:#4b4b4b;--library_box_shadow_color:#464646;--library_back_color_hover:#34353f;--song_description_h4_color:#a1a1a1;--selected_song_back_color:#3d4053;--scrollbar_color:#525252}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Lato,sans-serif}h1,h2,h3,h4,h5,h6,label{color:#2c2c2c;color:var(--heading_font_color)}h4,h5,h6{font-weight:400}.App{background-color:#fff;background-color:var(--primary_background_color);min-height:100vh}.library_active{margin-left:20%}.list_active{margin-right:20%}@keyframes spin{to{transform:rotate(1turn)}}.circle{animation:spin 1s ease-in-out infinite;border-color:crimson #0000;border-radius:50%;border-style:solid;border-width:6px;height:275px;margin:100px auto 0;width:275px}.loading-container{background-color:#ccc4c480;height:100vh;left:0;position:fixed;top:0;width:100vw}.loading-container,.loading-spinner{align-items:center;display:flex;justify-content:center}.loading-spinner{margin-bottom:100px;position:relative}.loading-text{color:#000;font-size:24px;position:absolute;top:57%}@media screen and (max-width:768px){.list_active{margin-left:20%;margin-right:0}}.iconAddToQueueFromAboutArtist{background-color:green;border-radius:50%;cursor:pointer;height:36px;margin-right:30px;padding:8px;width:36px}.iconAddToQueueFromAboutArtist:hover{background-color:#65b9e6}.bgHover:hover{background-color:#ccc4c480}.player{color:#000;color:var(--player_text_color);flex-direction:row;justify-content:space-between;min-height:100px}.player,.time_control{align-items:center;display:flex}.time_control{color:#fff;width:122%}.time_control input{-webkit-appearance:none;background:#0000;cursor:pointer;width:100%}.time_control p{padding:1rem}.play_control{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-left:88px;padding-top:12px;width:300px}.play_control svg{box-sizing:initial;cursor:pointer;padding:.25rem}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:1rem;width:1rem}input[type=range]::-moz-range-thumb{-webkit-appearance:none;background-color:#0000;border:none}.track{border-radius:1rem;height:1rem;overflow:hidden;position:relative;width:100%}.animate_track{background-color:#e0e0e0;background-color:var(--animate_track_back_color);height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translateX(0);width:100%}.track_volume{border-radius:1rem;height:1rem;overflow:hidden;position:relative;width:80%}.track_volume input{-webkit-appearance:none;background-color:#0000;border:none;cursor:pointer;width:100%}.play_volume_wrapper{width:30%}.animate_volume{background:#e0e0e0;background:var(--animate_track_back_color);height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translateX(0);width:100%}.animate_volume input{-webkit-appearance:none;background-color:#0000;cursor:pointer;width:100%}.volume_control{color:#fff;display:flex;justify-content:center;width:120%}.volume_icon{cursor:pointer;margin-left:1rem}@media screen and (max-width:768px){.time_control{width:90%}.play_control{width:100%}.play_volume_wrapper{margin-bottom:2rem;width:70%}.track_volume{width:60%}}.song_container{align-items:center;display:flex;flex-direction:row;justify-content:center}.song_container img{border-radius:50%;display:block;margin-right:16px;transform:rotate(0deg);transition:transform .5s ease-out;width:60px}.song_container h2{color:#fff;font-size:20px;padding:4px 0}.song_container h3{color:#575757;color:var(--song_container_h3_color);color:#fff;font-size:12px}@media screen and (max-width:768px){.song_container img{width:60%}}.library{background-color:#fff;background-color:var(--primary_background_color);background:linear-gradient(45deg,#c2cbff,#0000);box-shadow:2px 2px 50px #bbb;box-shadow:2px 2px 50px var(--library_box_shadow_color);height:85.5%;left:0;overflow:scroll;overflow-x:hidden;overflow-y:hidden;position:fixed;top:0;width:20rem}.library h2{padding:2rem}.b3{transition:.2s}.b3:hover{background:#000;color:#fff}.library_song{position:relative}.library_song button{border-radius:50%;box-shadow:0 2px 4px #2f4f4f;cursor:pointer;height:35px;padding:10px;position:absolute;right:1.4rem;transition:all .2s ease;width:35px}.library_song button:hover{background-color:#65b9e6}.library_song button:active{box-shadow:0 0 2px #2f4f4f;transform:translateY(2px)}.library_song button #icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.library_songs{height:78%;overflow-y:scroll}.song_description{padding-right:3rem}@media screen and (max-width:768px){.library{width:100%}}nav{align-items:center;background:linear-gradient(#65b9e6,#66d3a8);display:flex;justify-content:space-between;margin:0 13px;min-height:80px;padding:0 50px}nav button{background:#0000;border:2px solid #2c2c2c;border:2px solid var(--nav_btn_border_color);border-radius:.25rem;color:#2c2c2c;color:var(--nav_btn_text_color);cursor:pointer;font-weight:700;padding:.25rem .5rem;transform:translateY(7px);transition:transform .5s ease,background-color .2s ease,color .2s ease;z-index:10}.active_library_btn,.active_list_btn,nav button:hover{background-color:#2c2c2c;background-color:var(--nav_btn_back_color_hover);color:#fff;color:var(--nav_btn_text_color_hover)}.switch{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:3rem}.switch-checkbox{opacity:0;pointer-events:none;position:absolute}.switch-label{border:2px solid #2c2c2c;border:2px solid var(--heading_font_color);border-radius:.25rem;cursor:pointer;display:block;overflow:hidden}.switch-inner{display:block;margin-left:-100%;transition:margin .3s ease-in 0s;width:200%}.switch-inner:after,.switch-inner:before{background-color:#fff;background-color:var(--primary_background_color);box-sizing:border-box;display:block;float:left;font-size:1rem;height:1.5rem;padding:1px;width:50%}.switch-inner:before{color:#fff;content:"🌝"}.switch-inner:after{color:#2c2c2c;content:"🌞";text-align:right}.switch-switch{background:#2c2c2c;background:var(--heading_font_color);border-radius:.125rem;bottom:0;display:block;margin:.25rem;position:absolute;right:1.5rem;top:0;transition:all .3s ease-in 0s;width:1rem}.switch-checkbox:checked+.switch-label .switch-inner{margin-left:0}.list,.switch-checkbox:checked+.switch-label .switch-switch{right:0}.list{background-color:#fff;background-color:var(--primary_background_color);background:linear-gradient(45deg,#c2cbff,#0000);box-shadow:2px 2px 50px #bbb;box-shadow:2px 2px 50px var(--library_box_shadow_color);height:85.5%;overflow:scroll;overflow-x:hidden;overflow-y:hidden;position:fixed;top:0;width:20rem}.list h2{padding:2rem}.library_song{align-items:center;cursor:pointer;display:flex;padding:1rem 2rem}@media screen and (min-width:769px){.library_song:hover{background-color:#dfe3ff;background-color:var(--library_back_color_hover)}}.library_song img{border-radius:.25rem;width:30%}@media screen and (min-width:769px){.library-item:hover{background-color:#dfe3ff;background-color:var(--library_back_color_hover)}}.list_songs{height:37%;max-height:37%;overflow-y:scroll}.song_description{padding-left:1rem}.song_description h4{color:#494949;color:var(--song_description_h4_color);margin-bottom:.5rem}.selected_song,.selected_song:hover{background-color:#c2cbff;background-color:var(--selected_song_back_color)}*{scrollbar-color:#afafaf #0000;scrollbar-color:var(--scrollbar_color) #0000;scrollbar-width:thin}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#afafaf;background-color:var(--scrollbar_color);border:#0000}@media screen and (max-width:768px){.list{width:100%}}
/*# sourceMappingURL=main.5cbe55e4.css.map*/