@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;1,200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&display=swap);.home_page{background:#0d1421;background:var(--bg-color2)}.home_page .visualizer-btn{align-items:center;background:#030710;background:var(--bg-color1);border-radius:10px 0 0 10px;bottom:150px;box-shadow:0 0 5px #030710;box-shadow:0 0 5px var(--bg-color1);cursor:pointer;display:flex;padding:10px;position:fixed;right:0;transition:.1s ease-out;z-index:9999}.home_page .visualizer-btn:hover{padding-right:15px}section{padding:25px 3vw}section .playlists-list{-ms-overflow-style:none;align-items:center;display:flex;flex-flow:row nowrap;overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none}section .playlists-list::-webkit-scrollbar{display:none}section .playlists-list div{scroll-snap-align:start}.login-page{background-color:#030710;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%231D2A4A'%3E%3Cpath d='m769 229 268 31.9M927 880 731 737l-211-77-211-122-269 61 255 165-168.5 115.5L40 599l-237-106 299-111-133-153L126.5 79.5-69-63'/%3E%3Cpath d='m-31 229 268 32 153 121 213 111-294.5 44.5-207-156M370 905l-75-141'/%3E%3Cpath d='m520 660 58 182 153-105 109-138-237-106-83 167-225 104 14-226 81-156 149-113 230-40L577.5 41.5 370 105 295-36 126.5 79.5 237 261 102 382 40 599-69 737l196 143'/%3E%3Cpath d='m520-140 58.5 182.5L731-63M603 493l-64-224-302-8 133-156m532 277L539 269M390 382H102'/%3E%3Cpath d='m-222 42 348.5 37.5L370 105l169 164 38.5-227.5L927 80 769 229l133 153-299 111 128 244M295-36l282.5 77.5M578 842l-283-78M40-201l87 281m-25 302-363-113'/%3E%3C/g%3E%3Cg fill='%23233451'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");justify-content:center;min-height:100vh;min-width:100vw;padding:40px 0}.form-window,.login-page{align-items:center;display:flex;flex-flow:column}.form-window{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffff1a;background-color:#03071033;background-color:var(--const-bg-color1-02);border:1px solid #ffffff26;border-radius:16px;border-radius:25px;box-shadow:0 4px 30px #0000001a;min-width:40%;padding:60px 30px;z-index:99}.form-window .subtitle{color:var(--text-color2);font-weight:500;margin-bottom:40px}.form-window form{align-items:center;display:flex;flex-flow:column;max-width:600px;width:80%}.form-window form .form-input-container{margin-bottom:20px;min-width:200px}.form-window .send-mail{color:#305faf;color:var(--primary-color-light);cursor:pointer;margin-top:10px}.form-window .error-txt{color:red;margin-bottom:20px}.form-window .btn{border-radius:18px!important;font-size:1.4rem!important;font-weight:700;padding:12px 20px}.form-window .link{display:inline-block;font-size:.8rem;margin-top:25px}@media screen and (max-width:900px){.form-window{width:90%}.form-window form{width:80%}}@media screen and (max-width:600px){.form-window{width:90%}.form-window form,.form-window form .form-input-container{width:100%}}.register-page{align-items:center;background-color:#030710;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%231D2A4A'%3E%3Cpath d='m769 229 268 31.9M927 880 731 737l-211-77-211-122-269 61 255 165-168.5 115.5L40 599l-237-106 299-111-133-153L126.5 79.5-69-63'/%3E%3Cpath d='m-31 229 268 32 153 121 213 111-294.5 44.5-207-156M370 905l-75-141'/%3E%3Cpath d='m520 660 58 182 153-105 109-138-237-106-83 167-225 104 14-226 81-156 149-113 230-40L577.5 41.5 370 105 295-36 126.5 79.5 237 261 102 382 40 599-69 737l196 143'/%3E%3Cpath d='m520-140 58.5 182.5L731-63M603 493l-64-224-302-8 133-156m532 277L539 269M390 382H102'/%3E%3Cpath d='m-222 42 348.5 37.5L370 105l169 164 38.5-227.5L927 80 769 229l133 153-299 111 128 244M295-36l282.5 77.5M578 842l-283-78M40-201l87 281m-25 302-363-113'/%3E%3C/g%3E%3Cg fill='%23233451'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");display:flex;flex-flow:column;justify-content:center;min-height:100vh;padding:40px 0;width:100%}.my-musics_page{background:#0d1421;background:var(--bg-color2)}.my-playlists_page .title{margin-bottom:20px}.create-new-playlist{display:flex;flex-flow:column;height:0;max-width:700px;overflow:hidden;transition:.5s ease-out}.create-new-playlist.show{height:320px}.create-new-playlist .title{cursor:pointer;text-decoration:underline}.create-new-playlist .input-container{display:flex;flex-flow:column;margin:10px 10px 18px}.create-new-playlist .input-container label{margin-bottom:5px}.create-new-playlist .input-container input{background-color:#212836;background-color:var(--bg-color3);border:none;border-radius:3px;color:var(--txt-color);font-size:1rem;margin:0 5px;outline:none;padding:5px 7px;transition:.2s ease-in}.create-new-playlist .input-container input:focus{box-shadow:0 2px 5px #0f0f0f66;box-shadow:0 2px 5px var(--transparent-black);transform:scale(101%)}.create-new-playlist .input-container p{color:red;font-size:.9rem;margin-top:3px}.create-new-playlist .upload-btn{align-self:flex-end;background:linear-gradient(#305faf,#113066);background:linear-gradient(var(--primary-color-light),var(--primary-color));border:none;border-radius:8px;box-shadow:0 0 5px #113066;box-shadow:0 0 5px var(--primary-color);cursor:pointer;font-size:1rem;font-weight:600;margin-right:30px;margin-top:10px;outline:none;padding:7px 10px}.search_page header .header-left{width:auto}.search_page header .header-right{width:100%}@media screen and (max-width:800px){.search_page header{flex-flow:column;justify-content:flex-start}.search_page .header-left{margin-bottom:0;margin-right:0;width:100%!important}.search_page .header-right{justify-content:center}.search_page .header-right .user-menu{position:absolute;right:10px;top:30px}.search_page .header-right .search-input-container{margin-right:0;width:75%!important}}@media screen and (max-width:500px){.search_page .header-left{margin-bottom:12px;margin-right:0;width:100%!important}.search_page .header-right .user-menu{top:20px}.search_page .header-right .search-input-container{width:100%!important}}.playlist-details_page{background:linear-gradient(#838dbe,#0d1421,#0d1421);background:linear-gradient(#838dbe,var(--bg-color2),var(--bg-color2))}.playlist-details_page header{background:linear-gradient(#000c,#0000004d)}.playlist-details_page .page-content{padding-left:110px;padding-right:4vw;padding-top:150px}.playlist-details_page .playlist-header{align-items:flex-end;display:flex;flex-flow:row wrap;margin-bottom:60px}.playlist-details_page .playlist-header .playlist-img{border-radius:5px;box-shadow:0 2px 10px #0f0f0f66;box-shadow:0 2px 10px var(--transparent-black);height:180px;margin-right:20px;object-fit:cover;width:180px}.playlist-details_page .playlist-header .playlist-img:hover{filter:blur(1px);transform:scale(102%)}.playlist-details_page .playlist-header .playlist-header-right{display:flex;flex-flow:column;justify-content:center}.playlist-details_page .playlist-header .playlist-info{margin-bottom:30px;margin-top:10px}.playlist-details_page .playlist-header .playlist-info p{font-size:.8rem}.playlist-details_page .playlist-header .playlist-info .title{cursor:pointer;margin:7px 0}.playlist-details_page .playlist-header .playlist-info .title-update-form{align-items:center;display:flex;flex-flow:row wrap}.playlist-details_page .playlist-header .playlist-info .title-update-form .name-input{background:#030710;background:var(--bg-color1);border:none;border-radius:10px;color:var(--text-color2);font-size:1.2rem;font-weight:600;font-weight:500;margin:5px 0;outline:none;padding:8px 10px}.playlist-details_page .playlist-header .playlist-info .title-update-form .btn{background:#0000;border:2px solid #305faf;border:2px solid var(--primary-color-light);border-radius:10px;color:#305faf;color:var(--primary-color-light);cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:2px;margin:10px;outline:none;padding:8px 10px}.playlist-details_page .playlist-header .playlist-info .title-update-form .btn:active{background-color:#305faf;background-color:var(--primary-color-light);color:#fff}.playlist-details_page .playlist-header .playlist-info h3{font-size:1rem;font-weight:500}.playlist-details_page .playlist-header .playlist-play-btn{fill:#305faf;fill:var(--primary-color-light);background:#0d1421;background:var(--bg-color2);border-radius:50%;box-shadow:0 0 20px #0f0f0f66;box-shadow:0 0 20px var(--transparent-black);cursor:pointer}.playlist-details_page .playlist-header .playlist-play-btn:hover{filter:drop-shadow(0 0 2px #113066);filter:drop-shadow(0 0 2px var(--primary-color));transform:scale(105%)}.playlist-details_page .playlist-header .playlist-play-btn:active{transform:scale(98%)}.playlist-details_page .playlist-header .btn{margin-bottom:50px;margin-left:50px;margin-top:20px}.playlist-add_form{margin-bottom:40px}.playlist-add_form h3{cursor:pointer;margin:20px 0;text-decoration:underline}.playlist-add_form input{background-color:#212836;background-color:var(--bg-color3);border:none;border-radius:5px;color:#fff;color:var(--txt-color1);outline:none;padding:5px 8px}.playlist-add_form .music-card{max-width:400px}.playlist-add_form .music-card svg{fill:#384150;fill:var(--bg-color4);cursor:pointer}.playlist-add_form .music-card svg:hover{fill:#305faf;fill:var(--primary-color-light)}.playlist-music-card{align-items:center;border-radius:5px;display:flex;justify-content:space-between;margin:10px 0;padding:5px 10px}.playlist-music-card.active,.playlist-music-card:hover{background:#212836;background:var(--bg-color3)}.playlist-music-card:hover .music-card_left svg{cursor:pointer;display:block!important}.playlist-music-card .currently-playing{border:2px solid #113066!important;border:2px solid var(--primary-color)!important}.playlist-music-card .music-card_left{align-items:center;display:flex}.playlist-music-card .music-card_left .music-img{align-items:center;background:#113066;background:var(--primary-color);border-radius:5px;display:flex;justify-content:center;margin-right:10px;min-height:40px;min-width:40px}.playlist-music-card .music-card_left .music-img svg{fill:#fff!important;cursor:pointer;display:none}.playlist-music-card .music-card_left .music-img svg:active{transform:scale(95%)}.playlist-music-card .music-card_left .music-info{max-width:100%;overflow-x:hidden;white-space:nowrap}.playlist-music-card .music-card_left .music-info h3{font-size:1rem;font-weight:500}.playlist-music-card .music-card_left .music-info h5{color:var(--text-color2);font-weight:.8rem;font-weight:400}.playlist-music-card .music-card_right{align-items:center;display:flex}.playlist-music-card .music-card_right svg{cursor:pointer}.playlist-music-card .music-card_right svg:active{transform:scale(95%)}.playlist-music-card .music-card_right .like-icon{animation:likeIconAnim .4s ease-out}.playlist-music-card .music-card_right .like-icon-filled{fill:#305faf;fill:var(--primary-color-light);animation:likeIconAnim .4s ease-out}.playlist-music-card .music-card_right .audio-duration{color:var(--text-color2);font-size:.9rem;font-weight:500;margin-left:4vw}.playlist-music-card .music-card_right .remove-txt{color:red;cursor:pointer;font-size:14px;font-weight:500;margin-left:10px}.playlist-music-card .music-card_right .music-options{align-items:center;cursor:pointer;display:flex;margin-left:20px;position:relative}.playlist-music-card .music-card_right .music-options .options{background:#030710;background:var(--bg-color1);border-radius:5px;display:none;padding:5px 8px;position:absolute;right:0;top:-30px}.playlist-music-card .music-card_right .music-options .options p{color:red;font-size:.8rem;font-weight:500}.playlist-music-card .music-card_right .music-options .options p:active{transform:scale(95%)}.playlist-music-card .music-card_right .music-options .show{display:block!important}@media screen and (max-width:600px){.playlist-details_page .page-content{padding-left:75px}.playlist-details_page .playlist-header .btn{margin-bottom:0;margin-left:0}.playlist-details_page .playlist-music-card{justify-content:space-between}.playlist-details_page .playlist-music-card .music-card_left{max-width:70%}}.upload_page{padding-top:5vh}.upload_page .page-content{align-items:center;display:flex;justify-content:center;width:100%}.upload_page .form{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 4px 30px #0000001a;padding:20px;width:80%}.upload_page .form .error-msg{color:#f55;font-size:14px;margin:5px;text-transform:capitalize}.upload_page .music-form-input-container{display:flex;flex-flow:column}.upload_page .music-form-input-container label{font-size:1.1rem;font-weight:600;margin-bottom:10px}.upload_page .music-form-input-container input{background:#212836;background:var(--bg-color3);border:none;border-radius:20px;font-size:1.05rem;font-weight:500;outline:none;padding:7px 15px}.upload_page .music-genres-list{display:flex;margin-top:20px;overflow-x:scroll}.upload_page .music-genres-list::-webkit-scrollbar{display:none}.upload_page .music-genres-list .genre{background:#0e234866;background:var(--primary-color-04)}.upload_page .music-genres-list .genre,.upload_page .music-genres-list .marked-genre{border-radius:4px;cursor:pointer;margin:5px;padding:5px 8px;text-transform:capitalize;white-space:nowrap}.upload_page .music-genres-list .marked-genre{background:#0e234899;background:var(--primary-color-06);border-bottom:4px solid #305faf;border-bottom:4px solid var(--primary-color-light);box-shadow:0 0 5px #113066;box-shadow:0 0 5px var(--primary-color)}.upload_page .file-input-wrapper{align-items:center;background:#212836;background:var(--bg-color3);border:2px dashed #113066;border:2px dashed var(--primary-color);border-radius:20px;display:flex;flex-flow:column;justify-content:center;margin-top:20px;max-height:150px;padding:5vw 20px}.upload_page .file-input-wrapper.dragover{background:#0d1421!important;background:var(--bg-color2)!important}.upload_page .file-input-wrapper.error{background:#f003;border:2px dashed red}.upload_page .file-input-wrapper input[type=file]{display:none}.upload_page .file-input-wrapper p{font-size:14px;text-align:center}.upload_page .file-input-wrapper .btn{margin-top:20px}.upload_page .uploaded-music{display:flex;flex-flow:row wrap;margin-top:20px}.upload_page .uploaded-music .info .name{margin-right:10px}.upload_page .uploaded-music .info .size{color:#adadad;color:var(--txt-color2);font-size:12px}.upload_page .uploaded-music svg{fill:red;cursor:pointer;height:20px;margin:5px;width:20px}.upload_page .btn{color:#fff;float:right;margin-right:10px;margin-top:25px}@media screen and (max-width:500px){.upload_page .form{margin-top:50px;width:95%}}.liked-musics_page{background:linear-gradient(#ff002280,#0d1421,#0d1421,#0d1421);background:linear-gradient(#ff002280,var(--bg-color2),var(--bg-color2),var(--bg-color2))}.liked-musics_page .title{margin-bottom:30px}.liked-musics_page .musics-list{overflow-y:scroll}.liked-musics_page .musics-list::-webkit-scrollbar{display:none}.settings_page{padding-top:120px}.settings_page .theme-toggler-container{align-items:center;border-bottom:2px solid #212836;border-bottom:2px solid var(--bg-color3);display:flex;justify-content:space-between;margin:8vw;max-width:400px;padding:10px 0}.settings_page .switch{display:inline-block;height:30px;position:relative;width:50px}.settings_page .switch input{height:0;opacity:0;width:0}.settings_page .slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.settings_page .slider:before{background-color:#305faf;background-color:var(--primary-color-light);bottom:4px;content:"";height:22px;left:4px;position:absolute;transition:.4s;width:22px}.settings_page input:checked+.slider{background-color:#113066;background-color:var(--primary-color)}.settings_page input:focus+.slider{box-shadow:0 0 1px #113066;box-shadow:0 0 1px var(--primary-color)}.settings_page input:checked+.slider:before{transform:translateX(20px)}.settings_page .slider.round{border-radius:34px}.settings_page .slider.round:before{border-radius:50%}.my-profile_page{padding-bottom:120px;padding-top:120px}.profile-settings{align-items:center;display:flex;flex-flow:column}.profile-settings .first-section{align-items:center;display:flex;flex-flow:row wrap;justify-content:center;width:80%}.profile-settings .avatar-container{background:linear-gradient(20deg,#305faf,#113066);background:linear-gradient(20deg,var(--primary-color-light),var(--primary-color));border-radius:50%;height:250px;margin-right:2%;min-width:250px;padding:4px;position:relative;width:250px}.profile-settings .avatar-container .avatar{border-radius:50%;height:100%;margin-bottom:40px;object-fit:cover;width:100%}.profile-settings .avatar-container .remove-btn{align-items:center;background:red;border:none;border-radius:50%;bottom:20px;cursor:pointer;display:flex;height:40px;justify-content:center;outline:none;position:absolute;right:30px;width:40px}.profile-settings .avatar-container .remove-btn:hover{background:#fe2d2d}.profile-settings .avatar-container .remove-btn svg{height:24px;width:24px}.profile-settings .image-wrapper{align-items:center;background:#0d1421;background:var(--bg-color2);border:3px dashed #212836;border:3px dashed var(--bg-color3);border-radius:50%;box-shadow:0 1px 10px #0f0f0f66;box-shadow:0 1px 10px var(--transparent-black);display:flex;flex-flow:column;height:250px;justify-content:center;margin-bottom:40px;margin-right:2%;padding:40px 10px 10px;width:250px}.profile-settings .image-wrapper.dragover{background:#212836;background:var(--bg-color3)}.profile-settings .image-wrapper.error{border:3px dashed red}.profile-settings .image-wrapper p{text-align:center}.profile-settings .image-wrapper #image-input{display:none}.profile-settings .user-info{align-items:center;display:flex;flex-flow:column;width:65%}.profile-settings .input-container{display:flex;flex-flow:column;margin-bottom:20px;min-width:300px;width:80%}.profile-settings .input-container label{color:#fff;color:var(--txt-color1);margin-bottom:5px}.profile-settings .input-container input{background:#384150;background:var(--bg-color4);border:none;border-radius:15px;box-shadow:0 2px 10px #0f0f0f66;box-shadow:0 2px 10px var(--transparent-black);font-size:1.1rem;outline:none;padding:6px 12px}.profile-settings .input-container input:focus{animation:inputFocusAnim .4s}.profile-settings .input-container input:disabled{background:#212836;background:var(--bg-color3)}.profile-settings .error-msg{color:red}.profile-settings .btn{max-width:200px;min-width:80px;width:50%}@keyframes inputFocusAnim{0%{transform:rotate(5deg)}25%{transform:rotate(-5deg)}50%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0deg)}}.landing_page{background:#030710;background:var(--const-bg-color1);overflow-x:hidden}.landing_page *{color:#fff!important}.landing_page.scrolled{padding-top:200px}.landing_page.scrolled .landing-header{position:fixed;top:0;z-index:999}.landing_page hr{background-color:#113066;background-color:var(--primary-color);border:none;box-shadow:0 0 20px #305faf;box-shadow:0 0 20px var(--primary-color-light);height:2px;margin:5vw 7vw;width:40%;z-index:99}.landing_page{-ms-overflow-style:none!important;scrollbar-width:none!important}.landing_page::-webkit-scrollbar{display:none!important}.landing-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#000000b3,rgba(0,0,0,.001));box-shadow:0 10px 30px #030710;box-shadow:0 10px 30px var(--const-bg-color1);display:flex;height:15vh;justify-content:space-between;padding:3vh 6vw;position:fixed;top:0;transition:.4s ease-out;width:100%;z-index:998;z-index:9999}.landing-header .logo{height:80px!important}.landing-header a{text-decoration:none}.landing-header .start-btn{align-items:center;background:radial-gradient(#305faf,#113066);background:radial-gradient(var(--primary-color-light),var(--primary-color));border-radius:30px;box-shadow:0 1px 10px #000;display:flex;overflow:hidden;padding:15px 25px 12px;position:relative;text-decoration:none;transition:.1s ease-in}.landing-header .start-btn span{font-family:Josefin Sans,sans-serif;font-family:var(--font-josefin);font-size:1.2rem;font-weight:600;letter-spacing:1.2px}.landing-header .start-btn span:after{content:"»";font-size:2rem;opacity:0;position:absolute;right:-40px;top:7px;transition:.5s}.landing-header .start-btn:hover span:after{opacity:1;right:8px}.landing-header .start-btn:hover{background-size:150%;padding-left:15px;padding-right:38px;transform:scaleX(105%)}.landing-header .start-btn:active{background:#305faf;background:var(--primary-color-light)}.landing-header .start-btn svg{margin-left:2px}.landing-header .start-btn:hover svg{margin-left:4px}.landing-section-1{background:radial-gradient(#0a1126,#050a19,#030710);background:radial-gradient(var(--const-bg-color3),var(--const-bg-color2),var(--const-bg-color1));height:100vh}.landing-section-1,.landing-section-1 .logo-card{align-items:center;display:flex;justify-content:center}.landing-section-1 .logo-card{animation:logoCardAnim 1s;background:linear-gradient(#050a19,#030710);background:linear-gradient(var(--const-bg-color2),var(--const-bg-color1));border:2px solid #113066;border:2px solid var(--primary-color);border-radius:90px;box-shadow:0 40px 40px 5px #113066,inset 0 0 30px #0a1126;box-shadow:0 40px 40px 5px var(--primary-color),inset 0 0 30px var(--const-bg-color3);cursor:pointer;padding:50px;transition:.3s ease-in-out}.landing-section-1 .logo-card img{height:120px;transition:.3s ease-out}.landing-section-1 .logo-card:hover{box-shadow:0 0 30px #113066,inset 0 0 30px #113066;box-shadow:0 0 30px var(--primary-color),inset 0 0 30px var(--primary-color);transform:scale(105%)}.landing-section-1 .logo-card:hover img{transform:scale(1.2)}.landing-section-1 .logo-card:active{transform:scale(98%)}.landing-section-2{align-items:center;display:flex;flex-flow:row wrap;height:100vh;justify-content:center;max-width:100%}.landing-section-2 .landing-info{border-radius:4vw;box-shadow:0 0 40px #000;cursor:pointer;height:65vh;margin-top:10vh;overflow:hidden;position:relative;transition:.1s ease-in;width:70vw}.landing-section-2 .landing-info:hover{box-shadow:0 0 40px #0e234899;box-shadow:0 0 40px var(--primary-color-06);transform:scale(102%)}.landing-section-2 .background-img{height:100%;object-fit:cover;width:100%;z-index:0}.landing-section-2 .landing-info-text{background-color:#0e1523cc;background-color:var(--const-bg-color2-08);display:flex;flex-flow:column;height:100%;justify-content:center;margin-bottom:20px;margin-right:5%;min-width:100%;padding:30px;position:absolute;top:0}.landing-section-2 .landing-info-text:hover{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.landing-section-2 .landing-info-text h1{animation:slideInAnim 1s;font-family:Josefin Sans,sans-serif;font-family:var(--font-josefin);font-size:2.8rem;letter-spacing:5px;line-height:3rem;margin-bottom:15px;z-index:99}.landing-section-2 .landing-info-text p{font-size:1.2rem;font-weight:500;margin-bottom:20px;z-index:99}.landing-section-2 .landing-info-text h2{cursor:pointer;font-family:Josefin Sans,sans-serif;font-family:var(--font-josefin);font-size:1.4rem;font-weight:500px;text-decoration:underline}.landing-section-3{align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between;margin:0 7vw;padding-top:140px}.landing-section-3 .landing-carousel{border-radius:20px;box-shadow:0 0 10px #000;height:450px;margin-right:5%;overflow:hidden;position:relative;width:60%}.landing-section-3 .landing-carousel .carousel-img{height:100%;object-fit:cover;width:100%}.landing-section-3 .landing-carousel .slide-selectors{bottom:0;display:flex;justify-content:center;position:absolute;width:100%}.landing-section-3 .landing-carousel .select-slide{border:2px solid #305faf;border:2px solid var(--primary-color-light);border-radius:50%;cursor:pointer;filter:drop-shadow(0 0 5px #305faf);filter:drop-shadow(0 0 5px var(--primary-color-light));height:20px;margin:10px;width:20px;z-index:99}.landing-section-3 .landing-carousel .select-slide.active{background-color:#305faf;background-color:var(--primary-color-light)}.landing-section-3 .landing-musics{align-items:center;display:flex;flex-flow:column;justify-content:center;width:30%}.landing-section-3 .landing-music-card{align-items:center;background:#050a19;background:var(--const-bg-color2);border:1px solid #113066;border:1px solid var(--primary-color);border-radius:20px;box-shadow:0 0 10px #0009;box-shadow:var(--shadow-2);display:flex;justify-content:space-between;margin:20px 0;min-width:200px;padding:15px;position:relative;transition:.2s ease-in;width:100%}.landing-section-3 .landing-music-card.current-music{background:#0a1126;background:var(--const-bg-color3);box-shadow:0 0 10px #0003;box-shadow:var(--shadow-1);overflow:hidden;transform:scale(103%)}.landing-section-3 .landing-music-card.current-music .time-bar{background:#305faf;background:var(--primary-color-light);bottom:0;box-shadow:0 0 12px #305faf;box-shadow:0 0 12px var(--primary-color-light);height:2px;left:0;position:absolute}.landing-section-3 .landing-music-card .music-card-left{align-items:center;display:flex;margin-right:10px}.landing-section-3 .landing-music-card svg{cursor:pointer;height:34px;margin-right:15px;width:34px}.landing-music-card:first-child{animation:cardFadeAnim1 2s}.landing-music-card:nth-child(2){animation:cardFadeAnim2 4s}.landing-music-card:nth-child(3){animation:cardFadeAnim2 6s}.landing-footer{align-items:center;background-color:#001433;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23000815'/%3E%3Cstop offset='1'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%2311455E' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2311455E' stop-opacity='.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h800v400H0z'/%3E%3Cg fill-opacity='.25' fill='url(%23b)'%3E%3Ccircle cx='267.5' cy='61' r='300'/%3E%3Ccircle cx='532.5' cy='61' r='300'/%3E%3Ccircle cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:30px;box-shadow:0 -10px 30px #000;display:flex;flex-flow:column;justify-content:center;margin:200px 5vw 5vw;padding:8vh;width:100%}.landing-footer h4,.landing-footer h5{font-family:Courier New,Courier,monospace;text-align:center}.landing-footer h4{margin-bottom:10px}.playing{align-items:flex-end;background:#ffffff1a;border-radius:.3rem;box-sizing:border-box;display:flex;height:2rem;justify-content:space-between;padding:.5rem;width:2rem}.playing__bar{animation:up-and-down 1.3s ease infinite alternate;background:#fff;display:inline-block;height:100%;width:30%}.playing__bar1{height:60%}.playing__bar2{animation-delay:-2.2s;height:30%}.playing__bar3{animation-delay:-3.7s;height:75%}@keyframes up-and-down{10%{height:30%}30%{height:100%}60%{height:50%}80%{height:75%}to{height:60%}}@keyframes logoCardAnim{0%{box-shadow:none;margin-top:-100vh}40%{box-shadow:none;margin-top:100px}to{margin-top:0}}@keyframes cardFadeAnim1{0%{opacity:0}to{opacity:1}}@keyframes cardFadeAnim2{0%{opacity:0}20%{opacity:0}to{opacity:1}}@keyframes cardFadeAnim3{0%{opacity:0}40%{opacity:0}to{opacity:1}}@keyframes slideInAnim{0%{margin-left:-200vw}60%{margin-left:20px}80%{margin-left:-10px}to{margin-left:0}}@keyframes vinkiAnim{0%{transform:scaleX(105%)}50%{transform:scaleY(105%)}to{transform:scale(110%)}}@media screen and (max-width:1050px){.landing-section-2{max-width:100%}.landing-section-2 .landing-info-text{max-width:60%}.landing-section-2 .landing-info-text h1{font-size:2rem!important;line-height:2.1rem!important}.landing-section-2 .landing-info-text h2{font-size:1.3rem}.landing-section-3 .landing-carousel{height:300px;margin-right:5%;width:450px}}@media screen and (max-width:850px){.landing-section-2 h1{line-height:3rem;margin:0}.landing-section-3 .landing-carousel{height:350px;margin-right:0;width:100%}.landing-section-3 .landing-musics{align-items:center;display:flex;flex-flow:column;margin-top:20px;width:100%}.landing-section-3 .landing-music-card{margin:10px 0;width:80%}}@media screen and (max-width:610px){.landing-header{height:auto;padding:20px 10px}.landing-header img{margin-bottom:0}.landing-section-2 .landing-info{width:80vw!important}.landing-section-2 .landing-info-text{max-width:100%}.landing-section-2 h1{font-size:1.5rem;line-height:1.6rem}.landing-section-3 .landing-carousel{height:250px}.landing-section-3 .landing-music-card{width:90%}}.music-pad_page{align-items:center;background:#050a19;background:var(--const-bg-color2);display:flex;flex-flow:column;justify-content:center;min-height:100vh}.music-pad_page *{color:#fff}.admin_page{align-items:center;display:flex;flex-flow:column;padding:15vh 10vw 10vw}.admin_page .admin_header{padding:20px;position:fixed;text-align:start;top:0}.admin_page .navbar{align-items:center;display:flex;width:100%}.admin_page .navbar li{background-color:#212836;background-color:var(--bg-color3);border-radius:10px;cursor:pointer;flex:1 1;list-style-type:none;margin:10px;padding:10px;text-align:center}.admin_page .navbar li.active{background-color:#384150;background-color:var(--bg-color4)}.admin_page .navbar li:hover{box-shadow:0 5px 10px #030710;box-shadow:0 5px 10px var(--bg-color1)}.admin_page .content{background-color:#030710;background-color:var(--bg-color1);border-radius:20px;max-height:70vh;overflow-y:scroll;padding:20px;width:100%}.admin_page .content .user_card{align-items:center;border-bottom:1px solid #384150;border-bottom:1px solid var(--bg-color4);display:flex;justify-content:space-between;padding:7px 5px}.admin_page .content .user_card p{text-align:start}.admin_page .content .user_card .index{flex:1 1}.admin_page .content .user_card .username{flex:6 1}.admin_page .content .user_card .email{flex:7 1}.admin_page .content .user_card .validated{flex:1 1;text-align:end}.admin_page .visitor_card{align-items:center;border-bottom:1px solid #384150;border-bottom:1px solid var(--bg-color4);display:flex;justify-content:space-between;padding:7px 5px}.admin_page .visitor_card .index{flex:1 1}.admin_page .visitor_card .country{flex:4 1}.admin_page .visitor_card .city,.admin_page .visitor_card .ip{flex:5 1}.admin_page .visitor_card .count{flex:2 1}.visualizer_page{overflow:hidden}.visualizer_page .controll_btns{align-items:center;display:flex;left:10px;position:fixed;top:10px}.visualizer_page .controll_btns button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000;border:2px solid #113066;border:2px solid var(--primary-color);border-radius:12px;color:#fff;display:flex;font-size:1.1rem;font-weight:600;margin:5px;transition:.05s ease-out}.visualizer_page .controll_btns button:hover{box-shadow:0 0 5px #030710;box-shadow:0 0 5px var(--bg-color1);transform:scale(.98)}.visualizer_page .controll_btns .back_btn{border-radius:50%;color:red;margin-right:20px;padding:10px}.visualizer_page .controll_btns .start_btn{padding:10px 20px}.landing-loader-bg{background-color:var(--const-bg-color-2);height:100vh;width:100vw;z-index:9999999}.landing-loader-bg .container{display:block;height:300px;margin:0 auto;width:300px}.landing-loader-bg .baton{animation:scale 1.25s linear infinite;background:linear-gradient(#113066,#050a19);background:linear-gradient(var(--primary-color),var(--const-bg-color2));display:block;height:2px;transform:rotate(-10deg);transform-origin:0;width:70px}.landing-loader-bg .baton:after,.landing-loader-bg .baton:before{background-color:#328796;background-color:var(--secondary-color);border-radius:5px;box-shadow:0 0 5px #305faf;box-shadow:0 0 5px var(--primary-color-light);content:"";display:block;height:5px;position:absolute;top:-2px;width:5px}.landing-loader-bg .baton:after{right:0}.landing-loader-bg .metronome{animation:metronome 1.25s linear infinite;transform-origin:0}.landing-loader-bg .baton-0{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-0 .baton,.landing-loader-bg .baton-0 .baton:after,.landing-loader-bg .baton-0 .metronome{animation-delay:0s}.landing-loader-bg .baton-1{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-1 .baton,.landing-loader-bg .baton-1 .baton:after,.landing-loader-bg .baton-1 .metronome{animation-delay:-.14s}.landing-loader-bg .baton-2{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-2 .baton,.landing-loader-bg .baton-2 .baton:after,.landing-loader-bg .baton-2 .metronome{animation-delay:-.28s}.landing-loader-bg .baton-3{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-3 .baton,.landing-loader-bg .baton-3 .baton:after,.landing-loader-bg .baton-3 .metronome{animation-delay:-.42s}.landing-loader-bg .baton-4{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-ms-transform:rotate(40deg);-o-transform:rotate(40deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-4 .baton,.landing-loader-bg .baton-4 .baton:after,.landing-loader-bg .baton-4 .metronome{animation-delay:-.56s}.landing-loader-bg .baton-5{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(50deg);-moz-transform:rotate(50deg);-ms-transform:rotate(50deg);-o-transform:rotate(50deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-5 .baton,.landing-loader-bg .baton-5 .baton:after,.landing-loader-bg .baton-5 .metronome{animation-delay:-.7s}.landing-loader-bg .baton-6{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-6 .baton,.landing-loader-bg .baton-6 .baton:after,.landing-loader-bg .baton-6 .metronome{animation-delay:-.84s}.landing-loader-bg .baton-7{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(70deg);-moz-transform:rotate(70deg);-ms-transform:rotate(70deg);-o-transform:rotate(70deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-7 .baton,.landing-loader-bg .baton-7 .baton:after,.landing-loader-bg .baton-7 .metronome{animation-delay:-.98s}.landing-loader-bg .baton-8{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(80deg);-moz-transform:rotate(80deg);-ms-transform:rotate(80deg);-o-transform:rotate(80deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-8 .baton,.landing-loader-bg .baton-8 .baton:after,.landing-loader-bg .baton-8 .metronome{animation-delay:-1.12s}.landing-loader-bg .baton-9{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-9 .baton,.landing-loader-bg .baton-9 .baton:after,.landing-loader-bg .baton-9 .metronome{animation-delay:-1.26s}.landing-loader-bg .baton-10{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-ms-transform:rotate(100deg);-o-transform:rotate(100deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-10 .baton,.landing-loader-bg .baton-10 .baton:after,.landing-loader-bg .baton-10 .metronome{animation-delay:-1.4s}.landing-loader-bg .baton-11{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(110deg);-moz-transform:rotate(110deg);-ms-transform:rotate(110deg);-o-transform:rotate(110deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-11 .baton,.landing-loader-bg .baton-11 .baton:after,.landing-loader-bg .baton-11 .metronome{animation-delay:-1.54s}.landing-loader-bg .baton-12{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-12 .baton,.landing-loader-bg .baton-12 .baton:after,.landing-loader-bg .baton-12 .metronome{animation-delay:-1.68s}.landing-loader-bg .baton-13{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(130deg);-moz-transform:rotate(130deg);-ms-transform:rotate(130deg);-o-transform:rotate(130deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-13 .baton,.landing-loader-bg .baton-13 .baton:after,.landing-loader-bg .baton-13 .metronome{animation-delay:-1.82s}.landing-loader-bg .baton-14{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(140deg);-moz-transform:rotate(140deg);-ms-transform:rotate(140deg);-o-transform:rotate(140deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-14 .baton,.landing-loader-bg .baton-14 .baton:after,.landing-loader-bg .baton-14 .metronome{animation-delay:-1.96s}.landing-loader-bg .baton-15{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-15 .baton,.landing-loader-bg .baton-15 .baton:after,.landing-loader-bg .baton-15 .metronome{animation-delay:-2.1s}.landing-loader-bg .baton-16{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(160deg);-moz-transform:rotate(160deg);-ms-transform:rotate(160deg);-o-transform:rotate(160deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-16 .baton,.landing-loader-bg .baton-16 .baton:after,.landing-loader-bg .baton-16 .metronome{animation-delay:-2.24s}.landing-loader-bg .baton-17{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(170deg);-moz-transform:rotate(170deg);-ms-transform:rotate(170deg);-o-transform:rotate(170deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-17 .baton,.landing-loader-bg .baton-17 .baton:after,.landing-loader-bg .baton-17 .metronome{animation-delay:-2.38s}.landing-loader-bg .baton-18{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-18 .baton,.landing-loader-bg .baton-18 .baton:after,.landing-loader-bg .baton-18 .metronome{animation-delay:-2.52s}.landing-loader-bg .baton-19{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(190deg);-moz-transform:rotate(190deg);-ms-transform:rotate(190deg);-o-transform:rotate(190deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-19 .baton,.landing-loader-bg .baton-19 .baton:after,.landing-loader-bg .baton-19 .metronome{animation-delay:-2.66s}.landing-loader-bg .baton-20{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(200deg);-moz-transform:rotate(200deg);-ms-transform:rotate(200deg);-o-transform:rotate(200deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-20 .baton,.landing-loader-bg .baton-20 .baton:after,.landing-loader-bg .baton-20 .metronome{animation-delay:-2.8s}.landing-loader-bg .baton-21{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);-ms-transform:rotate(210deg);-o-transform:rotate(210deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-21 .baton,.landing-loader-bg .baton-21 .baton:after,.landing-loader-bg .baton-21 .metronome{animation-delay:-2.94s}.landing-loader-bg .baton-22{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(220deg);-moz-transform:rotate(220deg);-ms-transform:rotate(220deg);-o-transform:rotate(220deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-22 .baton,.landing-loader-bg .baton-22 .baton:after,.landing-loader-bg .baton-22 .metronome{animation-delay:-3.08s}.landing-loader-bg .baton-23{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(230deg);-moz-transform:rotate(230deg);-ms-transform:rotate(230deg);-o-transform:rotate(230deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-23 .baton,.landing-loader-bg .baton-23 .baton:after,.landing-loader-bg .baton-23 .metronome{animation-delay:-3.22s}.landing-loader-bg .baton-24{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-24 .baton,.landing-loader-bg .baton-24 .baton:after,.landing-loader-bg .baton-24 .metronome{animation-delay:-3.36s}.landing-loader-bg .baton-25{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(250deg);-moz-transform:rotate(250deg);-ms-transform:rotate(250deg);-o-transform:rotate(250deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-25 .baton,.landing-loader-bg .baton-25 .baton:after,.landing-loader-bg .baton-25 .metronome{animation-delay:-3.5s}.landing-loader-bg .baton-26{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(260deg);-moz-transform:rotate(260deg);-ms-transform:rotate(260deg);-o-transform:rotate(260deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-26 .baton,.landing-loader-bg .baton-26 .baton:after,.landing-loader-bg .baton-26 .metronome{animation-delay:-3.64s}.landing-loader-bg .baton-27{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-27 .baton,.landing-loader-bg .baton-27 .baton:after,.landing-loader-bg .baton-27 .metronome{animation-delay:-3.78s}.landing-loader-bg .baton-28{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(280deg);-moz-transform:rotate(280deg);-ms-transform:rotate(280deg);-o-transform:rotate(280deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-28 .baton,.landing-loader-bg .baton-28 .baton:after,.landing-loader-bg .baton-28 .metronome{animation-delay:-3.92s}.landing-loader-bg .baton-29{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(290deg);-moz-transform:rotate(290deg);-ms-transform:rotate(290deg);-o-transform:rotate(290deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-29 .baton,.landing-loader-bg .baton-29 .baton:after,.landing-loader-bg .baton-29 .metronome{animation-delay:-4.06s}.landing-loader-bg .baton-30{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-ms-transform:rotate(300deg);-o-transform:rotate(300deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-30 .baton,.landing-loader-bg .baton-30 .baton:after,.landing-loader-bg .baton-30 .metronome{animation-delay:-4.2s}.landing-loader-bg .baton-31{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(310deg);-moz-transform:rotate(310deg);-ms-transform:rotate(310deg);-o-transform:rotate(310deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-31 .baton,.landing-loader-bg .baton-31 .baton:after,.landing-loader-bg .baton-31 .metronome{animation-delay:-4.34s}.landing-loader-bg .baton-32{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(320deg);-moz-transform:rotate(320deg);-ms-transform:rotate(320deg);-o-transform:rotate(320deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-32 .baton,.landing-loader-bg .baton-32 .baton:after,.landing-loader-bg .baton-32 .metronome{animation-delay:-4.48s}.landing-loader-bg .baton-33{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);-ms-transform:rotate(330deg);-o-transform:rotate(330deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-33 .baton,.landing-loader-bg .baton-33 .baton:after,.landing-loader-bg .baton-33 .metronome{animation-delay:-4.62s}.landing-loader-bg .baton-34{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(340deg);-moz-transform:rotate(340deg);-ms-transform:rotate(340deg);-o-transform:rotate(340deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-34 .baton,.landing-loader-bg .baton-34 .baton:after,.landing-loader-bg .baton-34 .metronome{animation-delay:-4.76s}.landing-loader-bg .baton-35{height:1px;position:absolute;top:calc(50% - 8px);-webkit-transform:rotate(350deg);-moz-transform:rotate(350deg);-ms-transform:rotate(350deg);-o-transform:rotate(350deg);transform-origin:100%;width:150px}.landing-loader-bg .baton-35 .baton,.landing-loader-bg .baton-35 .baton:after,.landing-loader-bg .baton-35 .metronome{animation-delay:-4.9s}@keyframes metronome{0%{transform:rotate(-25deg)}50%{transform:rotate(25deg)}to{transform:rotate(-25deg)}}@keyframes scale{0%{transform:scaleX(1)}25%{transform:scaleX(.74)}50%{transform:scaleX(1)}75%{transform:scaleX(1.16)}to{transform:scaleX(1)}}.sidebar{background:#030710;background:var(--bg-color1);border-radius:0 25px 25px 0;box-shadow:1px 1px 10px #000c;box-shadow:1px 1px 10px var(--shadow-color-3);padding:14px 10px;position:fixed;top:22vh;width:70px;z-index:99}.sidebar svg{fill:#7e7e7e;fill:var(--icon-color)}.sidebar-items{align-items:center;display:flex;flex-flow:column}.sidebar-item{cursor:pointer;display:flex;margin:10px 0;position:relative}.sidebar-item:last-child{margin-top:40px}.sidebar-icon{transition:.2s ease-in-out;z-index:99}.sidebar-icon.active{fill:#305faf;fill:var(--primary-color-light);filter:drop-shadow(0 0 10px #113066);filter:drop-shadow(0 0 10px var(--shadow-color-primary))}.sidebar-item:hover .sidebar-icon{fill:#305faf;fill:var(--primary-color-light);filter:drop-shadow(0 0 4px #113066);filter:drop-shadow(0 0 4px var(--shadow-color-primary));transform:scale(120%)}.sidebar-item-txt{background:#030710;background:var(--bg-color1);border-radius:5px;box-shadow:1px 1px 10px #000c;box-shadow:1px 1px 10px var(--shadow-color-3);display:none;left:58px;padding:10px 8px;position:absolute;white-space:nowrap}.sidebar-item-txt:after{color:#fff;content:"►";font-size:10px;opacity:0;position:absolute;right:-2em;top:.5em;transition:all .5s ease-in-out}.sidebar-item:hover .sidebar-item-txt{animation:swipeAnim .5s;display:block}@keyframes swipeAnim{0%{left:20px}to{left:60px}}@media screen and (max-width:600px){.sidebar{border-radius:0 20px 20px 0;width:55px}}@media screen and (max-width:450px){.sidebar{border-radius:15px;box-shadow:0 0 10px #000;box-shadow:var(--shadow-3);left:3px;top:20vh}.sidebar-item{margin:12px 0}}header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#000c,#0003);background:linear-gradient(var(--shadow-color-3),var(--shadow-color-1));box-shadow:0 5px 20px 10px #0000001a;display:flex;justify-content:space-between;padding:15px;position:fixed;top:0;width:100%;z-index:100}header svg{fill:#7e7e7e;fill:var(--icon-color)}.header-left{align-items:center;display:flex;margin-right:5vw;width:100%}.header-left .logo{height:70px;margin-left:5vw}.nav-btn,.nav-btns{align-items:center;display:flex}.nav-btn{background:#0f0f0f66;background:var(--transparent-black);border:none;border-radius:50%;cursor:pointer;height:40px;justify-content:center;margin:0 10px;outline:none;width:40px}.nav-btn:hover{background:#030710;background:var(--bg-color1)}.nav-btn:hover .nav-btn-icon{transform:scale(110%)}.nav-btn:active{transform:scale(95%)}.header-right{align-items:center;display:flex;justify-content:flex-end}.header-right div:not(:only-child) .search-container{background-color:#f0f8ff;justify-content:space-between}.search-input-container{align-items:center;background:#212836;background:var(--bg-color3);border-radius:20px;display:flex;margin-right:5vw;padding:10px;transition:.3s ease-out;width:100%}.search-input-container:focus-within{box-shadow:0 2px 5px #000}.search-input-container input{background:#0000;border:none;color:#fff;color:var(--txt-color1);font-size:1rem;font-weight:500;margin-left:8px;outline:none;width:100%}.user-menu{display:flex;flex-flow:column;position:relative;z-index:99}.menu-toggler{align-items:center;background:#212836;background:var(--bg-color3);border:1px solid #030710;border:1px solid var(--bg-color1);border-radius:20px;box-shadow:0 1px 10px #0009;box-shadow:0 1px 10px var(--shadow-color-2);cursor:pointer;display:flex;justify-content:space-between;padding:5px 10px;transition:.3s ease-out}.menu-toggler:hover{box-shadow:0 2px 20px #000c;box-shadow:0 2px 20px var(--shadow-color-3)}.menu-toggler:active{transform:scale(95%)}.menu-toggler p{color:var(--txt-color);font-size:.9rem;font-weight:600;margin:0 5px;max-width:50px;overflow:hidden;white-space:nowrap}.menu-toggler span{font-size:1.1rem}.menu-items{animation:menuAnim .5s ease-in-out;background:#030710;background:var(--bg-color1);border-radius:5px;box-shadow:0 2px 10px #000c;box-shadow:0 2px 10px var(--shadow-color-3);display:flex;flex-flow:column;margin:5px 0;overflow:hidden;padding:15px;position:absolute;right:10px;top:40px}.menu-item{align-items:center;cursor:pointer;display:flex;margin:7px 0}.menu-item p{margin-left:7px}.menu-item:hover p{transform:scale(105%)}@keyframes menuAnim{0%{height:0}to{height:150px}}@media screen and (max-width:800px){header{align-items:center;justify-content:space-between}.header-left{display:flex;flex-flow:row;justify-content:flex-start;width:auto}.header-left .logo{height:60px;margin-left:15px}.header-left .nav-btn{height:30px;margin:0;width:30px}.header-left .nav-btn .nav-btn-icon{height:20px;width:20px}.header-right{display:flex;justify-content:center}.header-right .menu-toggler svg{height:20px;width:20px}.header-right .menu-toggler p{font-size:.8rem}}@media screen and (max-width:500px){.header-left .logo{height:40px}}.audio-player{align-items:center;background:#030710;background:var(--bg-color1);bottom:0;display:flex;justify-content:space-between;padding:15px 3vw;position:fixed;width:100vw}.audio-player svg{fill:#7e7e7e;fill:var(--icon-color)}.player-left{align-items:center;display:flex;width:20%}.player-left .user-avatar{background:#113066;background:var(--primary-color);border-radius:5px;height:50px;margin-right:10px;min-height:50px;min-width:50px;object-fit:cover;width:50px}.player-left .show-audio-info{display:none}.player-left .audio-info{max-width:80%;overflow:hidden}.player-left .audio-info h3{max-width:15%;white-space:nowrap}.player-left .audio-info p{color:#adadad;color:var(--txt-color2)}.player-left svg{cursor:pointer;margin-left:20px;min-height:18px!important;min-width:18px!important}.player-left svg:active{transform:scale(95%)}.audio-controll{align-items:center;display:flex;flex-flow:column;margin:0 4vw;width:60%}.audio-controll svg{cursor:pointer}.audio-controll input[type=range]{accent-color:#305faf;accent-color:var(--primary-color-light);box-shadow:0 0 5px #113066;box-shadow:0 0 5px var(--shadow-color-primary);height:5px;margin-bottom:5px;margin-top:5px;min-width:100%;outline:none}.audio-controll .duration-load-anim{background:#305faf;background:var(--primary-color-light);border-radius:5px;box-shadow:0 0 10px #113066;box-shadow:0 0 10px var(--shadow-color-primary);height:5px;margin-bottom:5px;margin-top:5px;width:100%}.audio-controll .duration-load-anim .tongue{animation:durationAnim 1s infinite;border-radius:5px;box-shadow:0 0 10px #305faf;box-shadow:0 0 10px var(--primary-color-light);height:5px;width:20px}.audio-controll .times{align-items:center;display:flex;justify-content:space-between;margin-bottom:-5px;width:100%}.audio-controll .times p{color:#adadad;color:var(--txt-color2);font-size:.8rem}.audio-controll .player-controll-btns{align-items:center;display:flex}.audio-controll .player-controll-btns button{background:#0000;border:none;cursor:pointer;margin:0 5px;outline:none}.audio-controll .player-controll-btns button:active{transform:scale(95%)}.audio-controll .player-controll-btns .like-icon{animation:likeIconAnim .4s ease-out;height:18px;transition:.2s ease-out;width:18px}.audio-controll .player-controll-btns .like-icon:hover{transform:scale(105%)}.audio-controll .player-controll-btns .like-icon-filled,.audio-controll .player-controll-btns .like-icon:hover{fill:#305faf;fill:var(--primary-color-light);filter:drop-shadow(0 0 10px #113066);filter:drop-shadow(0 0 10px var(--shadow-color-primary))}.audio-controll .player-controll-btns .like-icon-filled{animation:likeIconAnim .4s ease-out;height:20px;width:20px}.audio-controll .player-controll-btns .music-btns{align-items:center;display:flex;margin:0 5vw}.audio-controll .player-controll-btns .download-icon{fill:#7e7e7e;fill:var(--icon-color);height:26px;transition:.2s ease-out;width:26px}.audio-controll .player-controll-btns .download-icon:hover{fill:#305faf;fill:var(--primary-color-light);filter:drop-shadow(0 0 10px #113066);filter:drop-shadow(0 0 10px var(--shadow-color-primary));transform:scale(105%)}.volume-controll{align-items:center;display:flex;justify-content:center;width:20%}.volume-controll svg{min-height:28px;min-width:28px}.volume-controll input[type=range]{accent-color:#305faf;accent-color:var(--primary-color-light);box-shadow:0 0 10px #113066;box-shadow:0 0 10px var(--shadow-color-primary);height:4px;outline:none;width:110px}@media screen and (max-width:1000px){.audio-controll{margin:0 2vw;width:50%}.volume-controll input[type=range]{width:80px}}@media screen and (max-width:700px){.audio-player{overflow-x:scroll;overflow-y:visible}.audio-player::-webkit-scrollbar{display:none}.player-left{width:23%}.player-left .user-avatar{height:40px;margin-right:5px;min-height:40px;min-width:40px;width:40px}.player-left .audio-info{display:block;max-width:100px;min-width:60px;overflow:hidden}.player-left .audio-info h3{transition:2s ease-in}.player-left .show-audio-info{display:none}.volume-controll input[type=range]{width:60px}}@media screen and (max-width:450px){.audio-player{border-radius:15px;bottom:4px;box-shadow:0 0 10px #000;box-shadow:var(--shadow-3);justify-content:center;left:50%;overflow:visible;padding:15px 20px;transform:translateX(-50%);width:97vw}.player-left{margin:0;overflow:hidden;width:0}.player-left .user-avatar{display:none}.player-left .show-audio-info{background:#030710;background:var(--bg-color1);border-radius:5px 5px 0 0;display:block;left:0;padding:2px 7px;position:absolute;top:-24px}.player-left .show-audio-info svg{height:28px;margin:0;width:28px}.player-left .audio-info{background:#030710;background:var(--bg-color1);border-radius:10px 10px 0 0;display:none;left:0;max-width:100%;overflow:visible;padding:7px;position:absolute;top:-40px;width:0;width:100%}.player-left .audio-info.show{display:block}.audio-controll{margin:0;width:100%}.audio-controll .times{width:95%}.volume-controll{display:none}}@keyframes durationAnim{0%{transform:translateX(0)}to{transform:translateX(280px)}}.playlist-card{background:#030710;background:var(--bg-color1);border-radius:10px;box-shadow:0 2px 10px #000c;box-shadow:0 2px 10px var(--shadow-color-3);cursor:pointer;margin:15px 10px;max-width:280px;padding:15px;position:relative;transition:.2s ease-out}.playlist-card.currently-playing,.playlist-card:hover{background:#212836;background:var(--bg-color3)}.playlist-card:hover .playlist-img{filter:blur(1px);transform:scale(102%)}.playlist-card:hover .playlist-play-btn{display:block}.playlist-card .playlist-img{background:#0d1421;background:var(--bg-color2);border-radius:5px;box-shadow:0 2px 10px #0f0f0f66;box-shadow:0 2px 10px var(--transparent-black);height:180px;object-fit:cover;width:180px}.playlist-card .playlist-info{padding:0 5px}.playlist-card .playlist-info h3{margin:7px 0}.playlist-card .playlist-info h5{color:#adadad;color:var(--txt-color2);font-weight:400}.playlist-card .playlist-play-btn{background:#0000;border:none;box-shadow:0 0 20px #7e7e7e;box-shadow:0 0 20px var(--icon-color);cursor:pointer;display:none;outline:none}.playlist-card .playlist-play-btn:hover svg{filter:drop-shadow(0 0 2px #113066);filter:drop-shadow(0 0 2px var(--primary-color));transform:scale(105%)}.playlist-card .playlist-play-btn:active svg{transform:scale(98%)}.playlist-card .playlist-play-btn svg{fill:#305faf;fill:var(--primary-color-light);background:#030710;background:var(--bg-color1);border-radius:50%;position:absolute;right:20px;top:140px}.music-card{align-items:center;border-radius:5px;display:flex;justify-content:space-between;margin:10px 0;max-width:800px;padding:5px 10px}.music-card.active{background:#212836;background:var(--bg-color3)}.music-card:hover{background:#03071066;background:var(--bg-color1-04)}.music-card:hover .music-card_left svg{cursor:pointer;display:block!important}.music-card .currently-playing{border:2px solid #113066!important;border:2px solid var(--primary-color)!important}.music-card .music-card_left{align-items:center;display:flex;max-width:70%}.music-card .music-card_left .music-img{align-items:center;background:#113066;background:var(--primary-color);border-radius:5px;display:flex;justify-content:center;margin-right:10px;min-height:40px;min-width:40px}.music-card .music-card_left .music-img svg{fill:#fff;cursor:pointer;display:none}.music-card .music-card_left .music-img svg:active{transform:scale(95%)}.music-card .music-card_left .music-info{max-width:100%;overflow-x:hidden;white-space:nowrap}.music-card .music-card_left .music-info h3{font-size:1rem;font-weight:500}.music-card .music-card_left .music-info h5{color:var(--text-color2);font-weight:.8rem;font-weight:400}.music-card .music-card_right{align-items:center;display:flex}.music-card .music-card_right svg{cursor:pointer}.music-card .music-card_right svg:active{transform:scale(95%)}.music-card .music-card_right .like-icon{animation:likeIconAnim .4s ease-out}.music-card .music-card_right .like-icon-filled{fill:#305faf;fill:var(--primary-color-light);animation:likeIconAnim .4s ease-out;filter:drop-shadow(0 0 10px #113066);filter:drop-shadow(0 0 10px var(--shadow-color-primary))}.music-card .music-card_right .audio-duration{color:#adadad;color:var(--txt-color2);font-size:.9rem;font-weight:500;margin-left:4vw;width:30px}.music-card .music-card_right .remove-txt{color:red;cursor:pointer;font-size:14px;font-weight:500;margin-left:10px}.music-card .music-card_right .music-options{align-items:center;cursor:pointer;display:flex;margin-left:20px;position:relative}.music-card .music-card_right .music-options .options{background:#030710;background:var(--bg-color1);border-radius:5px;display:none;padding:5px 8px;position:absolute;right:0;top:-30px}.music-card .music-card_right .music-options .options p{color:red;font-size:.8rem;font-weight:500}.music-card .music-card_right .music-options .options p:active{transform:scale(95%)}.music-card .music-card_right .music-options .show{display:block!important}@keyframes likeIconAnim{0%{transform:rotate(20deg)}25%{transform:rotate(-15deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}to{transform:rotate(0deg)}}@media screen and (max-width:600px){.music-card .music-card_left{max-width:60%}}.form-input-container{margin-bottom:15px;width:100%}.form-input-container label{display:block;font-size:1.2rem;margin-bottom:12px}.form-input{align-items:center;background-color:#212836;background-color:var(--bg-color3);border-radius:20px;box-shadow:0 2px 10px #000;display:flex;flex-flow:row;justify-content:space-between;margin-bottom:12px;padding:12px 15px;transition:.2s ease-in-out}.form-input:focus-within{box-shadow:0 2px 20px #000;transform:scale(102%)}.form-input .input{background-color:#0000;border:none;color:#fff;color:var(--txt-color1);font-size:1.1rem;margin-right:4px;outline:none;width:100%}.valid{border:1px solid #305faf;border:1px solid var(--primary-color-light);box-shadow:0 0 10px #305faf;box-shadow:0 0 10px var(--primary-color-light)}.valid:focus-within{box-shadow:0 0 15px #305faf;box-shadow:0 0 15px var(--primary-color-light)}.not-valid{border:1px solid red;box-shadow:0 0 5px red}.not-valid:focus-within{box-shadow:0 0 10px red}.input-error{color:red;font-size:.8rem;margin-left:15px}.load-anim-bg{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:200}.loader{--size-mid:6vmin;--size-dot:1.5vmin;--size-bar:0.4vmin;--size-square:3vmin;display:block;display:grid;place-items:center;position:relative;width:50%}.loader:after,.loader:before{box-sizing:border-box;content:"";position:absolute}.loader.--3:after,.loader.--3:before{animation:loader-3 1.2s ease-in-out infinite;background-color:#305faf;background-color:var(--primary-color-light);border-radius:50%;box-shadow:0 0 10px #305faf;box-shadow:0 0 10px var(--primary-color-light);height:var(--size-dot);width:var(--size-dot)}.loader.--3:before{left:calc(50% - 1.6vmin - var(--size-dot))}.loader.--3:after{animation-delay:-.4s;left:calc(50% + 1.6vmin)}@keyframes loader-3{0%,to{transform:translateY(-2.6vmin)}44%{transform:translateY(2.6vmin)}}:root{--txt-color1:#fff;--txt-color2:#adadad;--txt-color3:#282828;--bg-color1:#030710;--bg-color1-08:#030710cc;--bg-color1-06:#03071099;--bg-color1-04:#03071066;--bg-color1-02:#03071033;--bg-color2:#0d1421;--bg-color2-08:#0e1523cc;--bg-color2-06:#0e152399;--bg-color2-04:#0e152366;--bg-color2-02:#0e152333;--bg-color3:#212836;--bg-color3-08:#212836cc;--bg-color3-06:#21283699;--bg-color3-04:#21283666;--bg-color3-02:#21283633;--bg-color4:#384150;--primary-color:#113066;--primary-color-02:#0e234833;--primary-color-04:#0e234866;--primary-color-06:#0e234899;--primary-color-hover:#184086;--primary-color-light:#305faf;--secondary-color:#328796;--icon-color:#7e7e7e;--icon-color2:#cbcbcb;--const-bg-color1:#030710;--const-bg-color1-08:#030710cc;--const-bg-color1-06:#03071099;--const-bg-color1-04:#03071066;--const-bg-color1-02:#03071033;--const-bg-color2:#050a19;--const-bg-color2-08:#0e1523cc;--const-bg-color2-06:#0e152399;--const-bg-color2-04:#0e152366;--const-bg-color2-02:#0e152333;--const-bg-color3:#0a1126;--const-bg-color4:#0f162c;--transparent-black:#0f0f0f66;--shadow-1:0 0 10px #0003;--shadow-2:0 0 10px #0009;--shadow-3:0 0 10px #000;--shadow-color-1:#0003;--shadow-color-2:#0009;--shadow-color-3:#000c;--shadow-color-4:#000;--shadow-color-primary:#113066;--font-josefin:"Josefin Sans",sans-serif;--font-raleway:"Raleway",sans-serif}.toast{animation:toastAnim .5s ease-out;border-radius:5px;bottom:150px;left:50%;padding:5px 10px;position:fixed;transform:translate(-50%,-50%);transition:.3s}.toast.success{background-color:#63ff58;border-left:4px solid green}.toast.error{background-color:#fd2a2a;border-left:4px solid #de0000}.toast p{font-size:1.1rem;font-weight:500}@keyframes toastAnim{0%{bottom:-100px}60%{bottom:180px;transform:translate(-50%,-50%) scaleY(1.4)}80%{bottom:130px;transform:translate(-50%,-50%) scaleY(.8)}to{bottom:150px;transform:translate(-50%,-50%) scale(1)}}.playlist-card-loading{background:#030710;background:var(--bg-color1);border-radius:10px;box-shadow:0 0 10px #0000001a;height:268px;margin:10px;min-width:220px;overflow:hidden}.playlist-card-loading .card-image{height:180px;margin:12px}.playlist-card-loading .card-content{background:#030710;background:var(--bg-color1);padding:0 20px}.playlist-card-loading .card-content h2{height:24px;margin-bottom:10px}.playlist-card-loading .card-content p{height:20px;width:80%}.playlist-card-loading .card-image,.playlist-card-loading h2,.playlist-card-loading p{animation:shine 1s linear infinite;background:linear-gradient(110deg,#030710 8%,#0d1421 18%,#212836 33%,#030710);background:linear-gradient(110deg,var(--bg-color1) 8%,var(--bg-color2) 18%,var(--bg-color3) 33%,var(--bg-color1));background-size:200% 100%;border-radius:5px}.music-loading-card{align-items:center;border-radius:5px;display:flex;justify-content:space-between;margin:10px 0;max-width:800px;padding:5px 10px}.music-loading-card .card-left{align-items:center;display:flex;width:100%}.music-loading-card .music-image{animation:shine 1s linear infinite;background:linear-gradient(110deg,#030710 8%,#0d1421 18%,#212836 33%,#030710);background:linear-gradient(110deg,var(--bg-color1) 8%,var(--bg-color2) 18%,var(--bg-color3) 33%,var(--bg-color1));background-size:200% 100%;border-radius:5px;height:40px;margin-right:10px;min-width:40px}.music-loading-card .content{width:100%}.music-loading-card .content h3,.music-loading-card .content h5{animation:shine 1s linear infinite;background:linear-gradient(110deg,#030710 8%,#0d1421 18%,#212836 33%,#030710);background:linear-gradient(110deg,var(--bg-color1) 8%,var(--bg-color2) 18%,var(--bg-color3) 33%,var(--bg-color1));background-size:200% 100%;border-radius:3px;margin:2px 0}.music-loading-card .content h3{height:18px;width:70%}.music-loading-card .content h5{height:16px;width:40%}@keyframes shine{to{background-position-x:-200%}}.btn{background:none;border:none;border-radius:14px;cursor:pointer;font-size:1.2rem;font-weight:500;letter-spacing:1.1px;outline:none;padding:10px 15px;transition:.2s ease-out}.btn.fill{background:#113066;background:var(--primary-color);box-shadow:0 0 10px #0003;box-shadow:var(--shadow-1);color:#fff}.btn.fill.light{background:#305faf;background:var(--primary-color-light)}.btn.fill.gradient{background:radial-gradient(#305faf,#113066);background:radial-gradient(var(--primary-color-light),var(--primary-color))}.btn.fill:hover{background-position:50%;background-size:200%;transform:scale(104%)}.btn.fill:active{background:#184086;background:var(--primary-color-hover);transform:scale(100%)}.btn.fill.danger{background:red;border-color:red;color:#fff}.btn.outline{border:2px solid #113066;border:2px solid var(--primary-color);box-shadow:0 0 10px #0003;box-shadow:var(--shadow-1);color:#113066;color:var(--primary-color);font-weight:600}.btn.outline:hover{background:#0e234833;background:var(--primary-color-02);transform:scale(104%)}.btn.outline.light{border:2px solid #305faf;border:2px solid var(--primary-color-light);color:#305faf;color:var(--primary-color-light)}.btn.outline.danger{border-color:red;color:red}.btn.text{color:#113066;color:var(--primary-color);font-weight:600}.btn.text:hover{background:#0e234833;background:var(--primary-color-02);transform:scale(104%)}.btn.text.light{color:#305faf;color:var(--primary-color-light)}.btn.text.danger{color:red}.launchpad{background-color:#030710;background-color:var(--const-bg-color1);border-radius:20px;padding:30px}.launchpad .title{font-family:Josefin Sans,sans-serif;font-family:var(--font-josefin);text-align:center}.launchpad p{margin-bottom:20px;text-align:center}.launchpad .pad-btns{column-gap:10px;display:inline-grid;grid-template-columns:auto auto auto;row-gap:10px}.launchpad .pad-btn{background:#113066;background:var(--primary-color);border-radius:15px;box-shadow:inset 0 0 10px #184086;box-shadow:inset 0 0 10px var(--primary-color-hover);cursor:pointer;height:110px;overflow:hidden;position:relative;width:100px}.launchpad .pad-btn:hover{background:#184086;background:var(--primary-color-hover);box-shadow:0 2px 10px #000}.launchpad .pad-btn:hover .play-types{height:30px}.launchpad .pad-btn:active{transform:scale(97%)}.launchpad .pad-btn.playing{background-color:#305faf;background-color:var(--primary-color-light);box-shadow:0 2px 10px #000}.launchpad .pad-btn .play-types{align-items:center;bottom:0;display:flex;height:0;left:0;overflow:hidden;position:absolute;transition:.1s ease-in-out;width:100%}.launchpad .pad-btn .play-types div{padding:5px;width:50%}.launchpad .pad-btn .play-types .once{background:linear-gradient(#184086,#033f63);background:linear-gradient(var(--primary-color-hover),#033f63);text-align:center}.launchpad .pad-btn .play-types .once:hover{background:#022d47}.launchpad .pad-btn .play-types .loop{background:linear-gradient(#184086,#28666e);background:linear-gradient(var(--primary-color-hover),#28666e);text-align:center}.launchpad .pad-btn .play-types .loop:hover{background:#21565e}.launchpad .pad-btn .progress{background-color:#328796;background-color:var(--secondary-color);border-radius:10px;bottom:0;height:5px;left:0;position:absolute}.launchpad .empty-pad{background:#050a19;background:var(--const-bg-color2);border-radius:15px;height:110px;overflow:hidden;width:100px}.modal{animation:growthAnim .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;background-color:var(--shadow-color-3);border-radius:20px;box-shadow:0 0 10px #000;box-shadow:var(--shadow-3);flex-flow:column;justify-content:space-between;left:50vw;min-height:60vh;min-width:80vw;padding:30px;position:absolute;top:50vh;transform:translate(-50%,-50%)}.modal,.modal .close_btn{align-items:center;display:flex}.modal .close_btn{align-self:flex-end;border-radius:5px;cursor:pointer;justify-content:center;transition:.1s ease-in}.modal .close_btn:hover{background-color:red;transform:rotate(180deg)}.modal .close_btn svg{fill:#cbcbcb;fill:var(--icon-color2);height:30px;width:30px}.modal .children{align-items:center;display:flex;flex:2 1;flex-flow:column;justify-content:center}.modal .children .btn{margin:0}.modal .children *{margin:50px 0}@keyframes growthAnim{0%{transform:translate(-50%,-50%) scale(50%)}to{transform:translate(-50%,-50%) scale(100%)}}*{box-sizing:border-box;color:#fff;color:var(--txt-color1);font-family:Raleway,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#0d1421;background:var(--bg-color2)}body.light-theme{--primary-color:#1f5ac0;--primary-color-02:#1f5ac033;--primary-color-04:#1f5ac033;--primary-color-06:#1f5ac033;--primary-color-light:#3a70cd;--txt-color1:#151515;--txt-color2:#282828;--txt-color3:#fff;--bg-color1:#fff;--bg-color2:#dee1e7;--bg-color3:#c8cfdc;--bg-color4:#d1d1e2;--shadow-color-1:#0000001a;--shadow-color-2:#0003;--shadow-color-3:#0000004d;--shadow-color-primary:#4e77be;--icon-color:#343d47;--transparent-black:#ffffff1a}body::-webkit-scrollbar{padding:2px;width:12px}body::-webkit-scrollbar-track{background-color:#030710;background-color:var(--bg-color1)}body::-webkit-scrollbar-thumb{border-radius:4px;box-shadow:0 0 5px #113066,inset 0 0 8px #305faf;box-shadow:0 0 5px var(--primary-color),inset 0 0 8px var(--primary-color-light)}body::-webkit-scrollbar-thumb:hover{box-shadow:0 0 10px #113066,inset 0 0 10px 1px #305faf;box-shadow:0 0 10px var(--primary-color),inset 0 0 10px 1px var(--primary-color-light)}button{border:none;cursor:pointer;outline:none}.page-content{padding-bottom:100px;padding-left:90px;padding-top:120px}.logo{cursor:pointer;font-size:3.5rem;font-weight:700;height:120px;letter-spacing:5px;margin-bottom:5px}.logo,.logo:hover{filter:drop-shadow(0 0 20px #113066);filter:drop-shadow(0 0 20px var(--shadow-color-primary))}.logo-title{color:var(--text-color2);font-weight:500;margin-bottom:10px}@media screen and (max-width:1000px){.logo{font-size:2rem}}@media screen and (max-width:600px){.page-content{padding-left:55px}}
/*# sourceMappingURL=main.730169b6.css.map*/