:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#444;color:#444;color-scheme:light dark;font-family:Poppins,arial,sans-serif;font-weight:400}@media (prefers-color-scheme:dark){:root{background:#1c1c1c;color:#fff}}body{margin:0;min-height:100vh;padding:0}-moz-scrollbar,-ms-scrollbar,-o-scrollbar,::-webkit-scrollbar{height:.15rem!important;width:.15rem!important}-moz-scrollbar-track,-ms-scrollbar-track,-o-scrollbar-track,::-webkit-scrollbar-track{background:transparent;border-left:0 solid #fff;border-right:0 solid #fff;width:.3rem!important}-moz-scrollbar-thumb,-ms-scrollbar-thumb,-o-scrollbar-thumb,::-webkit-scrollbar-thumb{background:#fff;cursor:pointer;height:10%;-webkit-transition:.5s ease;transition:.5s ease;width:0!important}#app>main{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center;margin:0 auto;max-width:1280px;min-height:calc(100vh - 3.5rem);padding-top:3.5rem}.modalHeaderText{color:#f7f7f7;font-size:36px;font-weight:700;line-height:48px;margin-bottom:5.555vh;text-align:center}@media only screen and (max-width:724px){.modalHeaderText{margin-bottom:2.555vh}}.modalMessage{background-color:#4224a1;border-radius:.5rem;margin:.5rem 0;max-width:560px;padding:1rem;width:100%}.modalSubText{color:#f7f7f7;font-family:Poppins;font-size:18px;font-weight:500;line-height:24px;text-align:center}.modalButton{background-color:#6741d9!important;border:0!important;border-radius:16px!important;box-shadow:-1px 1px 10px #f0c3f1!important;box-sizing:border-box!important;color:#fff!important;font-family:Poppins!important;font-weight:600!important;height:60px!important;line-height:60px!important;margin:5.555vh 0 0!important;max-width:600px!important;min-width:64px!important;text-transform:none!important;width:90%!important}@media only screen and (max-width:724px){.modalButton{margin-top:2.555vh!important}}.modalButton:disabled{background-color:grey!important;color:#000!important}.playlistModalButton{background-color:#6741d9!important;border:0!important;border-radius:16px!important;box-shadow:-1px 1px 10px #f0c3f1!important;box-sizing:border-box!important;color:#fff!important;font-family:Poppins!important;font-weight:600!important;height:60px!important;line-height:60px!important;margin:5.555vh 0 0!important;max-width:600px!important;min-width:64px!important;text-transform:none!important;width:90%!important}.playlistModalButton:hover{background-color:#6741d9!important;border:1px solid #f0c3f1!important}.playlistModalButton:disabled{background-color:grey!important;color:#000!important}@media only screen and (max-width:724px){.playlistModalButton{margin-top:2.555vh!important}}.modalButton1{background-color:#6741d9!important;border:0!important;border-radius:16px!important;box-shadow:-1px 1px 10px #f0c3f1!important;box-sizing:border-box!important;color:#fff!important;font-family:Poppins!important;font-weight:600!important;height:60px!important;line-height:60px!important;margin:5.555vh 20px 0!important;max-width:200px!important;text-transform:none!important;width:20vw!important}@media only screen and (max-width:724px){.modalButton1{margin-top:2.555vh!important}}.modalButton1:hover{background-color:#6741d9!important;border:1px solid #f0c3f1!important}.modalButton1:disabled{background-color:grey!important;color:#000!important}.modalButton2{background-color:#6741d9!important;border:0!important;border-radius:16px!important;box-shadow:-1px 1px 10px #f0c3f1!important;box-sizing:border-box!important;color:#fff!important;font-family:Poppins!important;font-weight:600!important;height:60px!important;line-height:60px!important;margin:5.555vh 20px 0!important;max-width:200px!important;text-transform:none!important;width:20vw!important}@media only screen and (max-width:724px){.modalButton2{margin-top:2.555vh!important}}.modalButton2:hover{background-color:#6741d9!important;border:1px solid #f0c3f1!important}.modalButtonWhite1{display:-ms-flexbox;display:flex;margin:0 30px 0 20px!important}.modalButtonWhite1,.modalButtonWhite2{background-color:#fff!important;border-radius:10px!important;color:#1c1c1c!important;font-family:Poppins!important;font-size:16px!important;font-weight:400!important;height:40px!important;max-width:100px!important;text-transform:none!important;width:200px!important;width:30vw!important}.modalButtonActive1{margin:0 30px 0 20px!important}.modalButtonActive1,.modalButtonActive2{background-color:#6741d9!important;border-radius:10px!important;box-shadow:-1px 1px 10px #f0c3f1!important;box-sizing:border-box!important;color:#fff!important;font-family:Poppins!important;font-size:16px!important;font-weight:400!important;height:40px!important;max-width:100px!important;min-width:-webkit-max-content!important;min-width:max-content!important;text-transform:none!important;width:30vw!important}@media only screen and (max-width:724px){.modalButtonActive1,.modalButtonActive2{width:30vw!important}}.headerText{color:#f7f7f7;font-size:18px;font-weight:600;line-height:38px}.indexText{color:#c4c4c4;font-size:14px;line-height:18px;margin:0 10px;text-align:center}.songName{color:#f7f7f7;font-size:16px;font-weight:600;line-height:22px;max-width:15vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media only screen and (max-width:724px){.songName{font-size:14px!important;max-width:35vw!important}}.songArtist{color:#c4c4c4;font-size:14px;line-height:18px;margin-top:5px;max-width:15vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media only screen and (max-width:724px){.songArtist{font-size:12px!important;max-width:35vw!important}}.inputField{height:56px!important;margin-top:15px}.playlistNameField{height:56px!important;width:432px}.inputWrapper{-ms-flex-direction:column;flex-direction:column}.chooseSongWrapper,.inputWrapper{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center}.chooseSongWrapper{margin-top:20px;padding:15px 0}.chooseSongWrapperMobile{display:none}.chooseSongContainer{margin-left:8.33vw}.chooseSongContainer,.chooseSongContainer:first-child{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center}.chooseSongContainer:first-child{margin-left:0!important}.chooseSongIcon{color:#f7f7f7;font-size:56px;height:56px;width:56px}.chooseSongText{color:#f7f7f7;font-size:18px;font-weight:500;line-height:24px;margin-top:15px;text-align:center}.songImageCard{background-color:rgba(28,28,30,.4);border-radius:12px;height:197px;margin-right:25px;padding:10px;width:200px}.songImageText{color:#c1c1c1;font-size:12px;height:100%;line-height:14px;text-align:center}.songAddContainer,.songImageText{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center}.songAddContainer{max-width:600px!important;width:90%!important}.listContainerSpotify{-ms-flex-align:center;-ms-flex-pack:justify;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:4px;position:relative}.songIconSpotify{border-radius:12px;height:48px;margin-right:10px;width:48px}@media only screen and (max-width:724px){.songIconSpotify{height:40px!important;width:40px!important}}.songsWrapperSpotify{margin-top:15px;max-height:280px;overflow-y:auto}.songsListContainerSpotify{-ms-flex-align:center;-ms-flex-pack:start;align-items:center;display:-ms-flexbox;display:flex;justify-content:flex-start;margin:10px;padding-right:8px;text-align:left;width:100%}.songNameSpotify{font-size:16px;font-weight:600}@media only screen and (max-width:724px){.songNameSpotify{font-size:14px!important}}.songArtistSpotify{color:#c4c4c4;font-size:16px;width:100%}@media only screen and (max-width:724px){.songArtistSpotify{font-size:12px!important}}.tracksContainer{margin-top:15px;max-height:280px;max-width:600px!important;min-width:64px!important;overflow-y:auto;width:90%!important}.noDataImg{color:#f7f7f7;font-size:100px;height:80px;width:140px}@media only screen and (max-width:890px){.slotModalMobileContainer{-ms-flex-pack:center;-ms-flex-direction:column;flex-direction:column;justify-content:center}.timer{margin-left:0!important}}@media only screen and (max-width:800px){.songAddContainer{-ms-flex-direction:column;flex-direction:column}.inputWrapper{max-width:600px;width:90%!important}.songImageCard{margin-right:0}}@media only screen and (max-width:724px){.chooseSongWrapper{display:none}.chooseSongWrapperMobile{-ms-flex-pack:center;display:block;-ms-flex-direction:column;flex-direction:column;justify-content:center;padding:15px 0}.chooseSongWrapperMobile,.songSelectContainer{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.songSelectContainer{margin-top:30px}}@media (max-width:639px){#app>main{margin:0 2rem}}@keyframes fadeIn{0%{opacity:0;transform:translateX(-30%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(30%)}}
/*# sourceMappingURL=bundle.e1cd4.css.map */