@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);.audio-player{align-items:center;background-color:#0b0b0b;border-radius:22px 22px 0 0;bottom:0;box-shadow:4px -8px 32px 0 rgba(0,0,0,.75);box-sizing:border-box;color:#fff;display:flex;height:120px;justify-content:center;padding:10px;position:fixed;width:100%}.audio-player button{background-color:transparent;border:none;cursor:pointer}.audio-player .volume-icon{color:#fff;height:90px;width:90px}.audio-player .add-icon{color:#fff;cursor:pointer;height:50px;margin-left:20px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:60px}.audio-player .add-icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.audio-player .audio-controls{display:flex;margin:0 20px 0 15px}.audio-player .track-info{align-items:center;display:flex;justify-content:center;margin-left:10px;width:100%}.audio-player .track-info .track-bar{display:flex;margin-right:40px;width:100%}.audio-player .track-info .track-bar h4{width:40px}@media(max-width:750px){.audio-player .track-info .add-icon,.audio-player .track-info .track-bar,.audio-player .track-info .volume,.audio-player .track-info .volume-icon{display:none}}.audio-player .track-info .progress{margin:0 20px;width:100%}.audio-player .track-info .volume{margin:0 20px;width:20%}.audio-player .track-info .next img,.audio-player .track-info .prev img{height:20px;width:20px}.audio-player .track-info .artwork{border-radius:5px;height:55px;margin-left:5px;width:55px}@media(max-width:850px){.audio-player .track-info .artwork{border-radius:7px;height:50px;width:50px}}.audio-player .track-info .song-info{color:#fff;display:flex;flex-direction:column;margin:0 0 0 20px;width:40%}.audio-player .track-info .song-info h4{font-size:20px;margin:0}.audio-player .track-info .song-info h6{font-size:17px;font-weight:500;margin:0}@media(max-width:1175px){.audio-player .track-info .song-info h4{height:1.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:150px}}@media(max-width:850px){.audio-player .track-info .song-info h4{font-size:15px}.audio-player .track-info .song-info h6{font-size:10px}}@media(max-width:750px){.audio-player{height:80px}.audio-player .track-info{width:80%}.audio-player .track-info .song-info h4{font-size:20px}.audio-player .track-info .song-info h6{font-size:17px}}.login-container{align-items:center;background-color:rgba(0,0,0,.46);display:flex;flex-direction:row;height:100vh;justify-content:center;width:100%}.login-container .login-section{background-color:rgba(0,0,0,.86);border-radius:20px;padding:3%}.login-container .login-section .forgotPassword{color:#fff;margin:5px;text-align:center}.login-container .login-section .forgotPassword .recover-link{color:#fff;cursor:pointer;text-decoration:underline}.login-container .login-section .forgotPassword .recover-link:hover{color:#ee05e2}.login-container .login-form{display:flex;flex-direction:column}.login-container .login-form input{border:none;border-radius:5px;font-size:16px;margin-top:10px;padding:24px;width:300px}.login-container .login-form input:focus{outline:none}.login-container h2{color:#fff;font-size:50px;margin:0 0 20px}.login-container button,.login-container h3{color:#fff;text-align:center}.login-container button{align-items:center;border:none;border-radius:7px;cursor:pointer;display:flex;font-size:20px;font-weight:600;justify-content:center;margin-top:10px;padding:15px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:348px}.login-container button:hover{-webkit-transform:scale(.99);transform:scale(.99)}.login-container button:active{box-shadow:inset 0 40px 60px -15px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3)}.login-container button img{height:40px;margin-right:15px;width:40px}.login-container .login-btn{background-color:#395fff;padding:22px}.login-container .login-gl-btn{background-color:#2b008d}.login-container .register-btn{background-color:#fff;color:#000}.login-container .registerLink{text-decoration:none}.recovery-message{color:#fff;font-size:1em;padding:5%;text-align:center;width:300px}.loginBackground{align-items:center;background-image:url(/static/media/pexels-koolshooters-7142993.f88e3740f10b0e9b7e00.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:1vh;display:flex;justify-content:center;min-height:100vh;position:relative}.recomend-container{margin-left:25px;margin-top:40px}.recomend-container .recomend-title{align-items:center;display:flex;margin-bottom:30px}.recomend-container .recomend-title .recomend-icon{color:#fff;height:40px;margin-left:20px;width:40px}.recomend-container h2{color:#fff;font-size:50px;margin:0}.recomend-container h1{color:#fff;font-weight:600;padding:20px}.recomend-container .list-item{border-radius:5px;cursor:pointer;display:inline-block;height:380px;margin-right:15px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:340px}.recomend-container .list-item:hover{box-shadow:0 0 0 3px #fff;-webkit-transform:scale(.95);transform:scale(.95)}.recomend-container .list-name{font-size:25px;white-space:normal;width:100%}.scroll-container{height:404px;overflow-x:scroll;overflow-y:hidden;padding:0;white-space:nowrap;width:auto}.scroll-container .scroll{display:flex}.scroll-container::-webkit-scrollbar{height:6px}.scroll-container::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.685);border-radius:8px}.item-container .dark-back{background-color:rgba(0,0,0,.315);display:flex;height:100%;width:100%}.context-menu-container{background-color:#313131;border-radius:10px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:15px;position:absolute;-webkit-transform:translateX(20%) translateY(50%);transform:translateX(20%) translateY(50%);width:150px;z-index:1000}.context-menu-container .context-menu{border-radius:10px;display:flex;flex-direction:column;height:auto;justify-content:flex-start}.context-menu-container .context-menu .menu-option-box{border-bottom:1px solid #fff;cursor:pointer;font-weight:500;list-style:none;margin:5px}.context-menu-container .menu-option-box:hover{background-color:#666}.edit-modal-container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.edit-modal-container .edit-modal{background-color:rgba(252,153,178,.9);border-radius:20px;box-shadow:0 0 1rem 0 rgba(176,192,192,.2);display:flex;flex-direction:column;height:auto;padding:2rem;width:35vw}.edit-modal-container .edit-modal .edit-modal-button-box,.edit-modal-container .edit-modal .edit-modal-input-box,.edit-modal-container .edit-modal .edit-modal-title{height:50px;margin:5px}.edit-modal-container .edit-modal .edit-modal-button-box button,.edit-modal-container .edit-modal .edit-modal-input-box button,.edit-modal-container .edit-modal .edit-modal-title button{border-radius:5px;cursor:pointer;width:120px}.edit-modal-container .edit-modal .edit-modal-button-box .submit,.edit-modal-container .edit-modal .edit-modal-input-box .submit,.edit-modal-container .edit-modal .edit-modal-title .submit{background-color:rgba(2,138,250,.801)}.edit-modal-container .edit-modal .edit-modal-button-box .edit-modal-close,.edit-modal-container .edit-modal .edit-modal-input-box .edit-modal-close,.edit-modal-container .edit-modal .edit-modal-title .edit-modal-close{background-color:hsla(20,3%,64%,.863)}.edit-modal-container .edit-modal .edit-modal-button-box input,.edit-modal-container .edit-modal .edit-modal-button-box select,.edit-modal-container .edit-modal .edit-modal-input-box input,.edit-modal-container .edit-modal .edit-modal-input-box select,.edit-modal-container .edit-modal .edit-modal-title input,.edit-modal-container .edit-modal .edit-modal-title select{border-radius:5px;box-sizing:border-box;height:40px;padding:10px;width:300px}.edit-modal-container .edit-modal .edit-modal-input-box,.edit-modal-container .edit-modal .edit-modal-title{align-items:center;display:flex;justify-content:center}.edit-modal-container .edit-modal .edit-modal-button-box{display:flex;justify-content:space-between}.add-to-playlist-container{align-items:center;display:flex;height:100%;justify-content:center;overflow-y:hidden;overflow:hidden;position:absolute;top:0;width:100%}.add-to-playlist-container ::-webkit-scrollbar{display:none}.add-to-playlist-container .add-to-playlist-box{background-color:#171717;border-radius:7px;box-shadow:0 0 19px 7px #353535;box-sizing:border-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:auto;padding:15px;width:500px}.add-to-playlist-container .add-to-playlist-box .add-to-playlist-title{display:flex;justify-content:center}.add-to-playlist-container .add-to-playlist-box .add-to-playlist-title p{color:#fff;font-size:larger;font-weight:700;margin-bottom:10px;margin-top:5px}.add-to-playlist-container .add-to-playlist-box .playlists-list-box{color:#fff;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;outline:1px solid hsla(0,0%,42%,.66);padding:10px 0;text-align:center;width:100%}.add-to-playlist-container .add-to-playlist-box .playlists-list-box:hover{background-color:hsla(0,0%,42%,.66)}.newlist-container{display:flex;margin-left:25px;margin-top:50px;width:100%}.newlist-container h2{color:#fff;font-size:40px;margin-right:20px}.newlist-container h1{color:#fff;padding:20px}.newlist-container .new-spain{width:50%}.newlist-container .new-spain .new-title{align-items:center;display:flex}.newlist-container .new-spain .new-title .icon-like{color:#fff;height:30px;width:30px}.newlist-container .new-world{width:50%}.newlist-container .new-world .new-title{align-items:center;display:flex}.newlist-container .new-world .new-title .icon-like{color:#fff;height:30px;width:30px}.song-list .song-container{width:90%}@media(max-width:940px){.newlist-container{display:block}.newlist-container .new-spain,.newlist-container .new-world{width:90%}.song-list .song-container{width:100%}}@media(max-width:578px){.nav-style{width:150%!important}}.search{align-items:center;background-color:#171717;border-radius:7px;box-shadow:0 0 1rem 0 rgba(0,0,0,.411);display:flex;flex-direction:row;height:20px;padding:15px;width:100%}.search form{width:90%}.search input{background-color:transparent;border:none;caret-color:#fff;color:#fff;font-size:15px;margin-left:15px;width:100%}.search input:focus{outline:none}.search input::-webkit-input-placeholder{color:#fff}.search input::placeholder{color:#fff}.search_result{background-color:#060606;border-radius:7px;box-shadow:0 10px 20px rgba(0,0,0,.77);color:#fff;height:500px;padding:20px;position:absolute;width:70%;z-index:-1}.search_result .result_container{display:flex;justify-content:space-evenly;margin-top:30px}.search_result .result_container .artist_result{width:30%}.search_result .result_container .song_result{width:70%}.search_result .song_result .scroll_list{height:220px;overflow-y:scroll;width:100%}.search_result .playlist_result .scroll_list{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:20px;overflow-x:scroll}.search_result .song_result_card{background-color:#0e0e0e;border-radius:5px;box-shadow:0 0 1rem 0 rgba(0,0,0,.2);cursor:pointer;display:flex;height:auto;margin-top:10px;padding:10px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:91%}.search_result .song_result_card:hover{background-color:#111;-webkit-transform:scale(.98);transform:scale(.98)}.search_result .song_result_card img{border-radius:3px;height:30px;width:30px}.search_result .song_result_card .song_result_card_info{display:flex;flex-direction:column;justify-content:center}.search_result .song_result_card .song_result_card_info h4,.search_result .song_result_card .song_result_card_info h6{margin:0 20px}.search_result .playlist_result_card:first-child{margin-left:0}.search_result .playlist_result_card{background-color:#0e0e0e;background-repeat:no-repeat;background-size:cover;border-radius:5px;box-shadow:0 0 1rem 0 rgba(0,0,0,.2);display:flex;height:70px;margin-left:20px;margin-top:10px;padding:10px;width:100px}.search_result .playlist_result_card img{border-radius:3px;height:30px;width:30px}.search_result .playlist_result_card .playlist_result_card_info{display:flex;flex-direction:column;justify-content:center}.search_result .playlist_result_card .playlist_result_card_info h4,.search_result .playlist_result_card .playlist_result_card_info h6{margin:0 20px}.artist_result_card{align-items:center;display:flex}.artist_result_card img{border-radius:50%;height:30px;margin:10px 10px 0 0;width:30px}.artist_result_card h5{margin:10px 0 0}.artist-search{align-items:center;background-color:#171717;border-radius:7px;display:flex;height:50px;justify-content:center;width:50px}.artist-search img{height:20px;width:20px}@-webkit-keyframes fadeMe{0%{opacity:0}to{opacity:1}}@keyframes fadeMe{0%{opacity:0}to{opacity:1}}.nav-container{background-color:rgba(0,0,0,.95);display:flex;flex-direction:row;padding:18px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.nav-container .home-icon-container{height:100%;margin-top:13px;width:80px}.nav-container .home-icon-container .home-icon{cursor:pointer;height:100%;margin-left:10px;width:25px}.nav-container .circle{background:linear-gradient(45deg,red,#1f00ff 80%);border:2px solid #fff;border-radius:50px;height:21px;width:20px}.nav-menu{width:100%}input#menu{display:none}.icon{background-color:#171717;border-radius:7px;cursor:pointer;display:block;height:24px;padding:16px;width:24px}label.icon{position:-webkit-sticky;position:sticky;z-index:200}.icon .nav-list,.icon .nav-list:after,.icon .nav-list:before{background:#fff;content:"";display:block;height:2px;position:absolute;transition:background .3s ease,top .3s ease .3s,-webkit-transform .3s ease;transition:background .3s ease,top .3s ease .3s,transform .3s ease;transition:background .3s ease,top .3s ease .3s,transform .3s ease,-webkit-transform .3s ease;width:20px}.icon .nav-list{left:19px;top:27px}.icon .nav-list:before{top:-6px}.icon .nav-list:after{top:6px}#menu:checked+.icon .nav-list{background:transparent}#menu:checked+.icon .nav-list:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#menu:checked+.icon .nav-list:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#menu:checked+.icon .nav-list:after,#menu:checked+.icon .nav-list:before{top:0;transition:top .3s ease,-webkit-transform .3s ease .3s;transition:top .3s ease,transform .3s ease .3s;transition:top .3s ease,transform .3s ease .3s,-webkit-transform .3s ease .3s}nav{border-radius:10px 10px 10px 10px;box-shadow:0 10px 20px rgba(0,0,0,.767);display:none;overflow:hidden;position:absolute;width:50px;z-index:100}#menu:checked~nav{background-color:#171717;display:block;width:250px}#menu:checked~.icon{background-color:transparent}nav ul{list-style:none;margin:0;padding:0}nav ul li{align-items:center;background:#0f0f0f;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;line-height:0px;margin:10px;padding:8px 23px;white-space:nowrap}nav ul li h4{color:#fff;margin-left:30px}nav ul li h5{color:#fff;margin-left:55px}nav i{color:#9fb1bd;margin-right:24px;vertical-align:text-bottom}.list-icon{color:#979797;height:25px;width:25px}.menu-actions{display:flex;justify-content:flex-end;margin-right:35px;position:-webkit-sticky;position:sticky}@media(max-width:940px){.menu-actions{margin-right:15px}}.user-icon{background-position:50%;background-repeat:"no-repeat";background-size:cover;border:2px solid #fff;border-radius:50px;cursor:pointer;height:38px;position:fixed;width:38px}.user-icon-li{background-color:transparent!important;margin:23px!important;padding:0!important;width:60%}body{overflow:scroll}::-webkit-scrollbar{width:0}.artistLink{text-decoration:none}.artistLink:hover{font-weight:700}.background{align-items:center;background-image:url("/static/media/pexels-elevate-1267350%20(1).f2cb6abefdbbec7eb173.jpg");background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;position:relative}.register-box{grid-gap:0 25px;align-items:flex-start;background-color:hsla(0,0%,9%,.85);border-radius:25px;bottom:4vh;box-sizing:border-box;display:grid;grid-template-areas:"text space" "name surname" "password cpassword" "email checkboxes" "button info";grid-template-columns:repeat(2,1fr);height:70vh;overflow:hidden;padding:90px;position:relative;width:110vh}.name{grid-area:name}.password{grid-area:password}.surname{grid-area:surname}.cpassword{grid-area:cpassword}.email{grid-area:email}.info{grid-area:info}.space{grid-area:space}.register-inputs{border:none;border-radius:10px;box-sizing:border-box;color:#868686;font-size:20px;font-weight:600;height:8vh;outline:none;padding:15px;width:100%}.register-inputs::-webkit-input-placeholder{color:#c3c3c3;font-weight:600}.register-inputs::placeholder{color:#c3c3c3;font-weight:600}p{color:#646464;font-size:10px}.text,p{margin:0}.text{color:#fff;font-size:40px;font-weight:600;grid-area:text}.button{background-color:#395fff;color:#fff;cursor:pointer;grid-area:button}.button:hover{-webkit-transform:scale(1.05) perspective(1px);transform:scale(1.05) perspective(1px)}.button:active{box-shadow:inset 3px 3px 6px 0 #2b2c2c,inset -3px -3px 6px 1px hsla(0,1%,43%,.5)}.checkboxes{grid-gap:10px 0;display:grid;grid-area:checkboxes;grid-template-columns:repeat(1,1fr)}input[type=checkbox]{cursor:pointer;height:12px;margin-right:8px;width:12px}label{color:#fff;font-size:12px}span{bottom:20vh}.errorMessage{box-sizing:border-box;color:#e92b2d;font-size:12px;font-weight:600;padding:2px}.artistLink{color:#fff;margin:5px;text-align:center}.backgroundArtist{align-items:center;background-image:url(/static/media/pexels-tuur-tisseghem-613813.aff01d437cdfc6950065.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;position:relative}.user-info{display:flex;flex-direction:column;height:500px;width:100%}.user-info .user-info-title{margin-bottom:40px;margin-left:5px!important;margin-top:10px}.user-info .content{display:flex;flex-wrap:nowrap;height:auto;margin-left:5px;width:100%}.user-info .content button{background-color:#2b008d;border:none;color:#fff;cursor:pointer;font-size:18px;font-weight:500;width:42%}.user-info .content .password-button{background-color:red}.user-info .content button,.user-info .content input{border-radius:7px;height:40px;margin:5px}.user-info .content input{background-color:#585858;color:#fff;font-size:18px;padding:5px;width:40%}.user-info .content input:focus{background-color:#fff;color:#0f0f0f}.user-info .left-column{height:auto;width:200px}.user-info .left-column .profile-picture{background-repeat:"no-repeat";background-size:contain;border:3px solid #fff;border-radius:100%;height:150px;width:150px}.user-info .left-column .profile-picture input{display:none}.user-info .left-column .profile-picture-uploaded{background-position:50%;background-repeat:"no-repeat";background-size:cover;border:2px solid #fff;border-radius:100%;cursor:pointer;height:150px;width:150px}.user-info .left-column .profile-picture-uploaded input{display:none}.user-info .left-column .close-icon{background:transparent;border-radius:15px;cursor:pointer;height:30px;margin-left:15px;opacity:.8;position:relative;position:absolute;width:30px;z-index:10}.user-info .right-column{height:auto;margin-left:20px;width:100%}.user-info .right-column .form-box{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:100%}.user-info .right-column ::-webkit-scrollbar{width:10px}.user-info .right-column ::-webkit-scrollbar-track{background:#0f0f0f;border-radius:20px}.user-info .right-column ::-webkit-scrollbar-thumb{background:rgba(53,53,53,.575);border-radius:20px}.user-info .right-column ::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.849)}.payment-info .content{display:flex;flex-direction:column;margin-left:5%}.payment-info .content .top-row{display:flex}.payment-info .content input{align-items:center;border-radius:7px;display:flex;margin-right:10px;padding:15px}.payment-info .content input,.payment-info .content p{color:#fff;font-size:18px;margin-bottom:10px}.payment-info .content .card-info{display:flex}.payment-info .content .card-info .payment-label{margin-left:50px}.payment-info .content .card-info .payment-label input{text-align:center;width:50%}.payment-info .content .card-info input{width:100%}.payment-info .content .ccv-input .ccv-label input{text-align:center;width:10%}.payment-info .content .bottom-row{align-items:flex-end;display:flex}.payment-info .content .bottom-row .edit-btn{align-items:center;background-color:#395fff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:18px;padding:12px}.payment-info .content .bottom-row .button-icon{color:#fff;height:30px;width:30px}.subscription-info .content{display:flex;flex-direction:column;margin-left:5%}.subscription-info .content p{color:#fff;font-size:18px;margin-bottom:10px}.subscription-info .content h3{color:#fff}.subscription-info .content .sub-info{display:flex;flex-direction:row}.subscription-info .content .sub-info div{margin-right:20px}.subscription-info .content .bottom-row .edit-btn{align-items:center;background-color:#ff4949;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:18px;margin-right:10px;margin-top:40px;padding:12px}.subscription-info .content .bottom-row .button-icon{color:#fff;height:30px;width:30px}.upload-info .content{display:flex;flex-direction:column;margin-left:5%}.upload-info .content p{background-color:#0f0f0f;border-radius:5px;color:#fff;font-size:18px;margin-bottom:10px;padding:20px}.upload-info .content h3{color:#fff}.upload-info .content .sub-info{display:flex;flex-direction:row}.upload-info .content .sub-info div{margin-right:20px}.upload-info .content .bottom-row .edit-btn{align-items:center;background-color:#ff4949;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:18px;margin-top:40px;padding:12px}.upload-info .content .bottom-row .button-icon{color:#fff;height:30px;margin-right:10px;width:30px}.profile-container{margin-left:25px;margin-top:30px;overflow:hidden}.profile-container .profile-card{background-color:#171717;border:none;border-radius:7px;box-sizing:border-box;display:flex;flex-direction:column;height:500px;margin:0 20px;outline:none;padding:10px;width:900px}.profile-container .profile-card h2{margin-bottom:40px;margin-left:5%}.profile-container h2{color:#fff;font-size:40px}.profile-container h1{color:#fff;padding:20px}.profile-container .profile-content{display:flex}.profile-container .lateral-menu{width:25%}.profile-container .lateral-menu button{background-color:#395fff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:12px;width:100px}.profile-container .profile-menu{background-color:#171717;border-radius:7px;padding:5%}.profile-container .profile-menu ul{list-style-type:none;padding:0}.profile-container .profile-menu li{background-color:#0f0f0f;border-radius:7px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;margin-bottom:10px;padding:20px}.profile-container .profile-item{background-color:#171717;border-radius:7px;height:500px;margin:0 20px;width:3px}.arrow-container{height:105px;margin-bottom:10px;margin-left:10px;margin-top:90px;position:fixed;width:105px}.arrow-container .arrow-icon{color:#fff;cursor:pointer;height:40px;width:40px}.textarea-input{border:none;border-radius:5px;box-sizing:border-box;color:#868686;font-size:15px;font-weight:600;height:17vh;outline:none;padding:15px;width:300px}.playlists-container{margin-bottom:150px;margin-top:50px}.playlists-container .playlists-header{align-items:center;color:#fff;display:flex;margin-left:75px}.playlists-container .playlists-header .playlist-icon{color:#a8a8a8;height:35px;width:30px}.playlists-container .playlists-header .plus-icon{cursor:pointer;margin-left:20px}.playlists-container .playlists-header h1{margin-left:10px}.playlists-container .playlists{display:flex;flex-wrap:wrap;justify-content:center}.playlists-container .playlists .playlist-item{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;color:#fff;cursor:pointer;height:300px;margin:10px;padding:10px;white-space:normal;width:250px}.playlists-container .playlists .playlist-item:hover{box-shadow:0 0 0 3px #fff;-webkit-transform:scale(1.01);transform:scale(1.01)}.list{grid-gap:16px;display:grid;grid-template-columns:auto auto auto}.item,.list{-webkit-user-select:none;user-select:none}.item{align-items:center;color:#fff;cursor:grab;display:flex;font-size:20px;height:150px;justify-content:center}.dragged{background-color:#2525c5}@media(min-width:600px){.list{grid-gap:24px}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.DragDropList .characters{list-style:none;margin-top:20px;padding-left:0;width:100%}.DragDropList .characters li{align-items:center;border-radius:.2em;display:flex;width:90%}.DragDropList .characters-thumb img{border-radius:5px;display:block;height:auto;width:55px}.DragDropList .container-global{height:100px;width:50px}.song-container{width:100%}.song-container .song-list-playlist{align-items:center;background-color:#171717;border-radius:10px;display:flex;justify-content:space-between;margin-top:15px;padding:10px;width:100%}.song-container .song-list-playlist:hover{background-color:#666}.song-container .song-list-playlist .song-info{color:#fff;display:flex}.song-container .song-list-playlist .song-info h3,.song-container .song-list-playlist .song-info h5{margin:0 0 0 20px}@media(max-width:1140px){.song-container .song-list-playlist .song-info h3,.song-container .song-list-playlist .song-info h5{height:1.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:140px}}@media(max-width:940px){.song-container .song-list-playlist .song-info h3,.song-container .song-list-playlist .song-info h5{width:100%}}@media(max-width:625px){.song-container .song-list-playlist .song-info h3,.song-container .song-list-playlist .song-info h5{width:100px}}.song-container .playlists-header{align-items:center;color:#fff;display:flex;margin-left:75px}.song-container .playlists-header .playlist-icon{color:#a8a8a8;height:35px;width:30px}.song-container .playlists-header h1{margin-left:10px}.song-container .song-cover{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;height:50px;margin-left:8px;width:50px}.song-container .song-actions-container{display:flex}.song-container .song-actions-container .song-actions{align-items:center;background-color:#0f0f0f;border-radius:50px;color:#fff;display:flex;height:40px;justify-content:space-between;margin-right:10px;width:100%}.song-container .song-actions-container .song-actions .song-play .play-icon{color:#fff;height:18px;margin-top:3px;width:22px}.song-container .song-actions-container .song-actions .song-play button{background-color:#363636;border:none;border-radius:50px;cursor:pointer;height:40px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:40px}.song-container .song-actions-container .song-actions .song-play button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.song-container .song-actions-container .song-actions .song-like .like-icon{color:#fff;height:25px;margin-right:5px;margin-top:3px;width:25px}.song-container .song-actions-container .song-actions .song-like .like-icon:hover{color:#ff4747;-webkit-transform:scale(1.2);transform:scale(1.2)}.song-container .song-actions-container .song-actions .song-like .like-icon.liked{color:#ff4747}.song-container .song-actions-container .song-actions .song-like button{background-color:transparent;border:none;cursor:pointer;height:40px;width:100%}.song-container .context-container{align-items:center;display:flex;margin-bottom:4px}.song-container .context-container .context-icon{height:30px;width:100%}.song-container .more-icon{color:#fff;cursor:pointer;height:30px;width:30px}.song-container .context-menu-btn{background-color:transparent;border:none;color:#fff;font-size:larger;height:30px}@media only screen and (max-width:400px){.song-container{align-items:center;display:flex;justify-content:center;width:370px}.song-container .song-list-playlist .song-actions{width:100px}.song-container .song-list-playlist .song-info{font-size:12px}.song-container .song-list-playlist .context-icon{height:30px;width:20px}}.song-play .play-icon{color:#fff;height:18px;margin-top:3px;width:22px}.song-play button{background-color:#363636;border:none;border-radius:50px;cursor:pointer;height:40px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:40px}.song-play button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.context-menu-container-playlist{background-color:#313131;border-radius:10px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:15px;position:fixed;width:150px;z-index:1000}.context-menu-container-playlist .context-menu{border-radius:10px;display:flex;flex-direction:column;height:auto;justify-content:flex-start}.context-menu-container-playlist .context-menu .menu-option-box{border-bottom:1px solid #fff;cursor:pointer;font-weight:500;list-style:none;margin:5px}.context-menu-container-playlist .menu-option-box:hover{background-color:#666}.delete-modal-container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.delete-modal-container .delete-modal{background-color:rgba(139,2,25,.9);border-radius:20px;box-shadow:0 0 1rem 0 rgba(0,0,0,.2);display:flex;flex-direction:column;height:auto;padding:2rem;width:35vw}.delete-modal-container .delete-modal .delete-modal-button-box,.delete-modal-container .delete-modal .delete-modal-title{display:flex;height:50px;justify-content:space-between;margin:5px}.delete-modal-container .delete-modal .delete-modal-button-box button,.delete-modal-container .delete-modal .delete-modal-title button{border-radius:5px;cursor:pointer;width:120px}.delete-modal-container .delete-modal .delete-modal-button-box .submit,.delete-modal-container .delete-modal .delete-modal-title .submit{background-color:rgba(2,138,250,.801)}.delete-modal-container .delete-modal .delete-modal-button-box .close,.delete-modal-container .delete-modal .delete-modal-title .close{background-color:hsla(20,3%,64%,.863)}.modal-textarea-box{align-items:center;display:flex;justify-content:center}.my-playlist-body{display:flex;height:100%}.my-playlist-body .left-side{display:flex;flex-direction:column;height:100%;margin-bottom:100px;margin-left:30px;width:60%}.my-playlist-body .left-side .playlist-title{border-bottom:.5px solid rgba(95,95,95,.2);box-sizing:border-box;display:flex;height:25vh;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:40px;padding:15px;width:100%}.my-playlist-body .left-side .playlist-title .album-column{background-position:50%;border-radius:20px;height:250px;width:250px}.my-playlist-body .left-side .playlist-title .text-column{color:#fff;display:flex;flex-direction:column;height:100%;margin-left:40px;width:60%}.my-playlist-body .left-side .playlist-title .text-column h1{font-size:30px;font-weight:700;margin:0}.my-playlist-body .left-side .playlist-title .text-column h3{font-weight:500;margin:0}.my-playlist-body .left-side .playlist-title .text-column .playlist-name{font-size:30px;height:30%;width:100%}.my-playlist-body .left-side .playlist-title .text-column .playlist-genre,.my-playlist-body .left-side .playlist-title .text-column .playlist-user{align-items:center;display:flex;font-size:20px;height:30%;margin-top:5px;width:100%}.my-playlist-body .left-side .playlist-title .text-column .follow-button,.my-playlist-body .left-side .playlist-title .text-column .playlist-description,.my-playlist-body .left-side .playlist-title .text-column .playlist-genre,.my-playlist-body .left-side .playlist-title .text-column .playlist-user,.my-playlist-body .left-side .playlist-title .text-column .song-number{margin-top:15px}.my-playlist-body .left-side .playlist-title .text-column .playlist-description{font-size:14px}.my-playlist-body .left-side .playlist-title .text-column .song-number{color:#fff;font-size:12px}.my-playlist-body .left-side .playlist-title .text-column .playlist-user{cursor:pointer;text-decoration:none}.my-playlist-body .left-side .playlist-title .text-column .playlist-user:hover{color:#b8860b}.my-playlist-body .left-side .playlist-title .text-column .context-menu-btn{background-color:transparent;border:none;color:#fff;font-size:larger;height:30px}.my-playlist-body .left-side .playlist-title .text-column .upload-button{align-items:center;background-color:#171717;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;justify-content:space-evenly;margin-top:40px;padding:15px;text-align:center;width:130px;z-index:1}.my-playlist-body .left-side .playlist-title .text-column .upload-button:hover svg{color:#07f}.my-playlist-body .left-side .playlist-title .text-column .upload-button:active{box-shadow:0 0 0 3px #07f;-webkit-transform:scale(.97);transform:scale(.97)}.my-playlist-body .left-side .playlist-title .text-column .upload-button .upload-icon{color:#fff;cursor:pointer;height:30px;width:30px}.my-playlist-body .left-side .playlist-title .text-column .follow-button{border-radius:5px;color:#fff;cursor:pointer;font-weight:500;height:40px;letter-spacing:1px;width:120px}.my-playlist-body .left-side .playlist-title .text-column .follow-button.follow{background-color:#ff4f4f;border:none}.my-playlist-body .left-side .playlist-title .text-column .follow-button.following{background-color:#0059ff;border:none}.my-playlist-body .left-side .song-stack{display:flex;flex-direction:column;height:100%;overflow:scroll;width:100%}.my-playlist-body .right-side{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:90vh;justify-content:center;padding:15px;width:40%}.my-playlist-body .right-side .relevant-title{color:#fff;display:flex;font-size:25px;font-weight:600;height:10vh;width:100%}.my-playlist-body .right-side .relevant-songs{align-items:center;box-sizing:border-box;display:flex;height:300px;margin:5px;padding:35px 0;width:100%}.my-playlist-body .right-side .relevant-songs .number{color:#fff;font-size:80px;margin-right:15px;width:10%}.my-playlist-body .right-side .relevant-songs .album-image{border-radius:5px;height:150px;width:150px}.my-playlist-body .right-side .relevant-songs .relevant-song-name{color:#fff;margin-left:15px;width:35%}.my-playlist-body .right-side .relevant-songs .relevant-song-name .relevant-song-artist{color:#5f5f5f;margin-top:5px}@media only screen and (max-width:843px){.my-playlist-body .right-side{display:none}.my-playlist-body .left-side{width:100%}.my-playlist-body .left-side .playlist-title .album-column{height:200px}.my-playlist-body .left-side .playlist-title .text-column{margin-right:15px}.my-playlist-body .left-side .playlist-title .text-column h1{font-weight:500}.my-playlist-body .left-side .playlist-title .text-column h3{font-weight:300}}.modal-container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2}.modal-container .modal{background-color:rgba(61,61,61,.9);border-radius:20px;box-shadow:0 0 1rem 0 rgba(0,0,0,.2);display:flex;height:auto;justify-content:center;padding:2rem;width:500px}.modal-container .modal .form-box{display:flex;flex-direction:row}.modal-container .modal .left-side-modal{display:flex;flex-direction:column;height:auto;width:100%}.modal-container .modal .left-side-modal .modal-button-box,.modal-container .modal .left-side-modal .modal-image-box,.modal-container .modal .left-side-modal .modal-input-box,.modal-container .modal .left-side-modal .modal-title{height:50px;margin:5px}.modal-container .modal .left-side-modal .modal-button-box button,.modal-container .modal .left-side-modal .modal-image-box button,.modal-container .modal .left-side-modal .modal-input-box button,.modal-container .modal .left-side-modal .modal-title button{border-radius:5px;cursor:pointer;margin:5px;width:100%}.modal-container .modal .left-side-modal .modal-button-box .submit,.modal-container .modal .left-side-modal .modal-image-box .submit,.modal-container .modal .left-side-modal .modal-input-box .submit,.modal-container .modal .left-side-modal .modal-title .submit{background-color:rgba(2,138,250,.801)}.modal-container .modal .left-side-modal .modal-button-box .modal-close,.modal-container .modal .left-side-modal .modal-image-box .modal-close,.modal-container .modal .left-side-modal .modal-input-box .modal-close,.modal-container .modal .left-side-modal .modal-title .modal-close{background-color:hsla(20,3%,64%,.863)}.modal-container .modal .left-side-modal .modal-button-box input,.modal-container .modal .left-side-modal .modal-button-box select,.modal-container .modal .left-side-modal .modal-image-box input,.modal-container .modal .left-side-modal .modal-image-box select,.modal-container .modal .left-side-modal .modal-input-box input,.modal-container .modal .left-side-modal .modal-input-box select,.modal-container .modal .left-side-modal .modal-title input,.modal-container .modal .left-side-modal .modal-title select{border-radius:5px;box-sizing:border-box;height:45px;padding:10px;width:100%}.modal-container .modal .left-side-modal .modal-input-box,.modal-container .modal .left-side-modal .modal-title{align-items:center;display:flex;justify-content:center}.modal-container .modal .modal-button-box{display:flex;justify-content:space-between}.modal-container .modal .modal-image-box{align-items:center;display:flex;justify-content:center}.modal-container .modal .modal-image-box .upload-icon{background-repeat:no-repeat;background-size:contain;cursor:pointer;height:30px;width:10%}.modal-container .modal .modal-image-box input{display:none}.modal-container .modal .right-side-modal{display:flex;height:200px;margin-left:10px;width:100%}.modal-container .modal .right-side-modal .upload-image-box{display:flex;height:100%;margin-left:10px;width:100%}.modal-container .modal .right-side-modal .upload-image-box label{height:200px}.modal-container .modal .right-side-modal .upload-image-box p{color:#fff;font-size:15px;margin-left:25px}.modal-container .modal .right-side-modal .upload-image-box .song-image-upload{background-color:transparent;background-repeat:no-repeat;background-size:contain;cursor:pointer;height:100%;justify-content:center;width:100%}.modal-container .modal .right-side-modal .upload-image-box input{display:none}.modal-container .modal .right-side-modal .upload-image-box .song-image-preview{border-radius:5px;height:200px;margin-top:3px;object-fit:cover;width:100%}@media only screen and (max-width:400px){.modal-container .modal{height:300px;width:300px}.modal-container .modal .left-side-modal .modal-button-box,.modal-container .modal .left-side-modal .modal-image-box,.modal-container .modal .left-side-modal .modal-input-box,.modal-container .modal .left-side-modal .modal-title{height:30px;margin:10px}.modal-container .modal .left-side-modal .modal-button-box button,.modal-container .modal .left-side-modal .modal-image-box button,.modal-container .modal .left-side-modal .modal-input-box button,.modal-container .modal .left-side-modal .modal-title button{height:20px}}.top-half{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:91vh;overflow:hidden;width:100%}.top-half .edit-background{display:flex;height:50px;margin-left:10px;margin-top:5px;width:50px}.top-half .edit-background .edit-icon{background-repeat:no-repeat;background-size:contain;cursor:pointer;height:100%;width:100%}.top-half .edit-background input{display:none}.profile-page-container{align-items:center;box-sizing:border-box;display:flex;height:800px;justify-content:center;margin-top:10px;overflow-y:scroll;padding:60px;position:fixed;width:100%}.profile-page-container .profile-page-box{background-color:rgba(61,61,61,.9);display:flex;flex-direction:column;height:100%;margin-right:20px;width:100%}.profile-page-container .profile-page-box .box-header{align-items:center;display:flex;flex-direction:row;height:100px;justify-content:center;width:100%}.profile-page-container .profile-page-box .box-header .profile-picture{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35);display:flex;height:150px;object-fit:center;width:150px;z-index:10}.profile-page-container .profile-page-box .box-body{display:flex;flex-direction:column;height:100%;overflow-y:scroll;width:100%}.profile-page-container .profile-page-box .box-body .profile-title{border-bottom:3px solid #f9dd94;display:inline;width:250px}.profile-page-container .profile-page-box .box-body .box-information{align-items:center;display:flex;height:150px;justify-content:center;width:100%}.profile-page-container .profile-page-box .box-body .box-information .profile-name{color:#fff;font-size:30px}.profile-page-container .profile-page-box .playlist-songs-container{overflow-y:scroll}.profile-page-container .profile-page-box .playlist-songs-container h3{color:#fff;display:flex;justify-content:center}.profile-page-container .profile-page-box .playlist-songs-container .public-playlist-info{align-items:center;box-sizing:border-box;display:flex;height:180px;justify-content:center;padding:15px;width:100%}.profile-page-container .profile-page-box .playlist-songs-container .public-playlist-info .scroll-container{height:190px;overflow-x:scroll;overflow-y:hidden;padding:0;white-space:nowrap;width:auto}.profile-page-container .profile-page-box .playlist-songs-container .public-playlist-info .scroll-container .scroll{display:flex;width:100%}.profile-page-container .profile-page-box .playlist-songs-container .public-playlist-info .scroll-container::-webkit-scrollbar{height:5px;z-index:100}.profile-page-container .profile-page-box .playlist-songs-container .public-playlist-info .scroll-container::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.685);border-radius:15px}.profile-page-container .profile-page-box .playlist-songs-container .public-playlist-info .playlist-example{align-items:center;background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;height:180px;margin-right:15px;padding:10px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:200px}.profile-page-container .profile-page-box .playlist-songs-container .public-playlist-info .playlist-example:hover{box-shadow:0 0 0 3px #fff;-webkit-transform:scale(.95);transform:scale(.95)}.profile-page-container .profile-page-box .playlist-songs-container .public-playlist-info .playlist-example .playlist-example-info{overflow:auto;width:100%}.profile-page-container .profile-page-box .songs-title{margin-top:25px}.profile-page-container .profile-page-box .follow-info{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:20px;width:100%}.profile-page-container .profile-page-box .follow-info .follow-button{align-items:center;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;height:40px;letter-spacing:1px;width:120px}.profile-page-container .profile-page-box .follow-info .follow-button.follow{background-color:#70037a}.profile-page-container .profile-page-box .follow-info .follow-button.following{background-color:#f60}.profile-page-container .profile-page-box .follow-info .follow-data{display:flex;margin-left:15px}.profile-page-container .profile-page-box .follow-info .follow-data p{color:#fff;font-size:15px;font-weight:600;margin:5px}.profile-page-container .profile-page-box .follow-info .follow-button{display:flex;margin-right:35px}.profile-page-container .profile-page-box .follow-info button{cursor:pointer;height:80%;width:100%}.profile-page-container .profile-page-box .public-songs-info{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:10px;width:100%}.profile-page-container .profile-page-box .public-songs-info .songs-box{display:flex;flex-wrap:wrap;justify-content:center}.profile-page-container .profile-page-box .public-songs-info .songs-box .songs-example{background-color:hsla(0,0%,9%,.451);color:#fff;cursor:pointer;display:flex;height:50px;margin:5px;width:310px}.profile-page-container .profile-page-box .public-songs-info .songs-box .songs-example:hover{background-color:hsla(0,1%,45%,.74)}.profile-page-container .profile-page-box .public-songs-info .songs-box .songs-example .song-info-img{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;justify-content:flex-start;width:70px}.profile-page-container .profile-page-box .public-songs-info .songs-box .songs-example .song-info-text{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:10px;width:100%}.profile-page-container .profile-page-box .public-songs-info .songs-box .songs-example .song-info-text .song-info-title{font-weight:500}.profile-page-container .profile-page-box .public-songs-info .songs-box .songs-example .song-info-text .song-info-artist{font-size:12px}*{font-family:Montserrat,sans-serif}body{background-color:#000;margin:0;overflow-x:hidden}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translate3d(0,0,9999 px);-webkit-transform:translate3d(0,0,var(--toastify-z-index) px);width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);box-sizing:border-box;cursor:pointer;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.Toastify--animate-icon{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:hsla(0,0%,100%,.7);background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@-webkit-keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;-webkit-transform-origin:left;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{-webkit-animation:Toastify__trackProgress linear 1 forwards;animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;-webkit-transform-origin:right;transform-origin:right}.Toastify__spinner{-webkit-animation:Toastify__spin .65s linear infinite;animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@-webkit-keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@-webkit-keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@-webkit-keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{-webkit-animation-name:Toastify__bounceInLeft;animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{-webkit-animation-name:Toastify__bounceInRight;animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{-webkit-animation-name:Toastify__bounceInDown;animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{-webkit-animation-name:Toastify__bounceInUp;animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{-webkit-animation-name:Toastify__bounceOutLeft;animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{-webkit-animation-name:Toastify__bounceOutRight;animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{-webkit-animation-name:Toastify__bounceOutUp;animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{-webkit-animation-name:Toastify__bounceOutDown;animation-name:Toastify__bounceOutDown}@-webkit-keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{-webkit-animation-name:Toastify__zoomIn;animation-name:Toastify__zoomIn}.Toastify__zoom-exit{-webkit-animation-name:Toastify__zoomOut;animation-name:Toastify__zoomOut}@-webkit-keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{-webkit-animation-name:Toastify__flipIn;animation-name:Toastify__flipIn}.Toastify__flip-exit{-webkit-animation-name:Toastify__flipOut;animation-name:Toastify__flipOut}@-webkit-keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{-webkit-animation-name:Toastify__slideInLeft;animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{-webkit-animation-name:Toastify__slideInRight;animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{-webkit-animation-name:Toastify__slideInDown;animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{-webkit-animation-name:Toastify__slideInUp;animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{-webkit-animation-name:Toastify__slideOutLeft;animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{-webkit-animation-name:Toastify__slideOutRight;animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{-webkit-animation-name:Toastify__slideOutUp;animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{-webkit-animation-name:Toastify__slideOutDown;animation-name:Toastify__slideOutDown}@-webkit-keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loader-container{align-items:center;display:flex;height:100vh;justify-content:center}.loader-container .loader{text-align:center}.loader-container .loader span{position:absolute;top:30vh}
/*# sourceMappingURL=main.85205851.css.map*/