@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.top-nav{background-color:#f0f0f0;width:100vw;min-height:100px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;z-index:2}.top-nav #swipo-logo{width:15vw;min-width:150px;margin-left:60px}@media(max-width:425px){.top-nav #swipo-logo{margin-left:30px}}.top-nav #profile{height:40px;width:40px;margin-right:20px;border-radius:100px}.top-nav #sidebarButton{border:none;background-color:transparent;cursor:pointer}.top-nav #sidebarButton img{width:40px;height:40px;margin-right:60px}@media(max-width:425px){.top-nav #sidebarButton img{margin-right:30px}}.top-nav #sidebarButton #sidebarButtonBurger{width:100%;height:3px;background:#000;border-radius:5px;box-shadow:0 2px 5px rgba(255,101,47,.2);transition:all .5s ease-in-out;cursor:pointer}.top-nav #sideBarWrapper{display:flex;position:absolute;z-index:1;top:0;right:-100%;width:100vw;height:100vh;transition:all .4s ease-in-out}.top-nav #sideBarWrapper #transparentClickSpace{position:relative;z-index:2;width:50%;height:100vh;background-color:rgba(0,0,0,.315)}@media(max-width:425px){.top-nav #sideBarWrapper #transparentClickSpace{width:0}}.top-nav #sideBarWrapper #sideBar{position:relative;top:0;z-index:2;width:50%;min-width:300px;padding:50px;height:100vh;background-color:#f0f0f0;transition:all .45s ease-in-out}@media(max-width:425px){.top-nav #sideBarWrapper #sideBar{min-width:0;width:100vw;padding:35px}}.top-nav #sideBarWrapper #sideBar #sideBarLinks{height:100%}.top-nav #sideBarWrapper #sideBar #sideBarLinks h1{color:#161616;font-weight:500}.top-nav #sideBarWrapper #sideBar #sideBarLinks img{width:40px;height:40px}.top-nav #sideBarWrapper #sideBar #sideBarLinks a{color:#161616;text-decoration:none}.top-nav #sideBarWrapper #sideBar #sideBarLinks .faintText{color:rgba(22,22,22,.288)}.top-nav #sideBarWrapper #sideBar #sideBarLinks #settingsBox{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:40%;border:1px solid #161616;border-radius:20px;margin-bottom:30px}.bottom-nav{background-color:#fff;width:30vw;min-width:300px;min-height:70px;margin-bottom:15px;border-radius:30px;display:flex;justify-content:space-around;align-items:center;z-index:0}@media(max-width:425px){.bottom-nav{margin-bottom:10px}}.bottom-nav #playlistIcon{width:25px;margin-top:5px}.bottom-nav #homeIcon{height:30px}.bottom-nav #youIcon{width:25px;margin-top:3px}#MainPage{justify-content:space-between;height:100vh}#MainPage,.cardContainer{display:flex;flex-direction:column;align-items:center}.cardContainer{max-height:100vh;width:100vw;overflow:hidden}.tinderCardContainer{position:relative;z-index:1;margin-top:100px;width:100%;height:100%}.tinderCard,.tinderCardContainer{display:flex;justify-content:center;align-items:center;flex-direction:column}.tinderCard{position:absolute;will-change:transform;transition:all .3s linear}.tinderCard:hover{cursor:pointer}.tinderCard.moving{transition:none}.tinderCard .mainCard{display:flex;flex-direction:column;justify-items:flex-start;align-items:center;border-radius:30px;width:275px;background-color:#fff}@media(max-width:475px){.tinderCard .mainCard{max-width:75vw}}@media(max-height:600px){.tinderCard .mainCard{max-width:60vw}}.tinderCard .mainCard #albumCover{width:90%;aspect-ratio:1/1;align-items:center;justify-content:center;margin-top:25px;pointer-events:none}.tinderCard .mainCard .songName{margin:10px 20px 0;padding:0;color:#161616;max-width:90%;pointer-events:none}.tinderCard .mainCard .songName h1{font-weight:600;font-size:24px;margin:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.tinderCard .mainCard .songName h1::-webkit-scrollbar{display:none}.tinderCard .mainCard .artist{text-align:center;margin-bottom:10px;max-width:90%;pointer-events:none}.tinderCard .mainCard .artist h2{font-weight:300;font-size:18px;color:rgba(22,22,22,.5686274509803921);margin:5px 0 0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.tinderCard .mainCard .artist h2::-webkit-scrollbar{display:none}.tinderCard .mainCard #audio{width:100%;height:80%;top:0}.tinderCard #controlsBox{display:flex;justify-content:center;grid-gap:10px;gap:10px;align-items:center;margin-top:20px;width:100%}.tinderCard #controlsBox .invisible{visibility:hidden;width:50px;height:50px;border:1px solid #ff0}.tinderCard #controlsBox .playPauseButton{width:110px;height:40px;background-color:#fff;border-radius:20px;margin-bottom:10px;color:#434f4a;font-weight:600;font-size:15px}.tinderCard #controlsBox .playPauseButton:hover{background-color:rgba(16,212,142,.7);color:hsla(0,0%,100%,.7)}.tinderCard #controlsBox .openSpotifyButton{margin-top:-7px;border:none;background-color:transparent}.tinderCard #controlsBox .openSpotifyButton img{width:40px;height:40px;opacity:.8}.tinderCard #controlsBox .openSpotifyButton img:hover{opacity:1}.rhap_container{box-sizing:border-box;display:none;flex-direction:column;line-height:1;font-family:"Inter",sans-serif;width:100%;padding:10px 15px;background-color:#161616;box-shadow:0 0 3px 0 rgba(0,0,0,.2)}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:baseline;vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex-direction:column;flex:1 1 auto}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{display:flex;flex:3 1 auto;align-items:center}.rhap_progress-container{display:flex;align-items:center;height:20px;flex:1 0 auto;align-self:center;margin:0 calc(10px + 1%);cursor:pointer;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#fff;font-size:16px;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rhap_progress-bar{box-sizing:border-box;position:relative;z-index:0;width:100%;height:5px;background-color:#fff;border-radius:2px}.rhap_progress-filled{height:100%;position:absolute;z-index:2;background-color:#fff;border-radius:2px}.rhap_progress-bar-show-download{background-color:hsla(0,0%,100%,.5)}.rhap_download-progress{height:100%;position:absolute;z-index:1;background-color:#fff;border-radius:2px}.rhap_progress-indicator{box-sizing:border-box;position:absolute;z-index:3;width:20px;height:20px;margin-left:-10px;top:-8px;background:#fff;border-radius:50px;box-shadow:0 0 5px hsla(0,0%,100%,.5)}.rhap_controls-section{display:flex;flex:1 1 auto;justify-content:space-between;align-items:center}.rhap_additional-controls{display:flex;flex:1 0 auto;align-items:center;background-color:#161616}.rhap_repeat-button{font-size:26px;width:26px;height:26px;margin-right:6px;border:1px solid green}.rhap_main-controls{flex:0 1 auto;display:flex;justify-content:center;align-items:center}.rhap_main-controls-button{margin:0 3px;color:#fff;font-size:35px;width:35px;height:35px}.rhap_play-pause-button{font-size:40px;width:40px;height:40px;cursor:pointer}.rhap_volume-controls{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center;background-color:#161616}.rhap_volume-button{flex:0 0 26px;font-size:26px;width:26px;height:26px;color:#fff;margin-right:6px}.rhap_volume-container{flex:0 1 100px;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area,.rhap_volume-container{display:flex;align-items:center;background-color:#161616}.rhap_volume-bar-area{width:100%;height:14px;cursor:pointer}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{box-sizing:border-box;position:relative;width:100%;height:4px;background:#fff;border-radius:2px}.rhap_volume-indicator{box-sizing:border-box;position:absolute;width:12px;height:12px;margin-left:-6px;left:0;top:-4px;opacity:.9;border-radius:50px;cursor:pointer;background-color:#fff}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{height:100%;position:absolute;z-index:2;border-radius:2px;background-color:#fff}.rhap_button-clear{background-color:transparent;border:none;padding:0;overflow:hidden;cursor:pointer}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s;cursor:pointer}.rhap_button-clear:active{opacity:.95;cursor:pointer}.rhap_button-clear:focus:not(:focus-visible){outline:0;cursor:pointer}.login-page{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f0f0f0}.login-page #swipo-logo{width:300px;margin-bottom:20px}@media(max-width:475px){.login-page #swipo-logo{width:60%}}.login-page #login-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:15px 25px;background-color:#10d48e;border-radius:20px}.login-page #login-button:hover{cursor:pointer;opacity:.8}.login-page #login-button a{text-decoration:none;font-size:24px;font-weight:600;color:#fff}#genrePickerContainer{display:flex;position:relative;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:105px;overflow:auto;z-index:1}#genrePickerContainer #genreHeader{font-size:40px;font-weight:500;margin-top:0}@media(max-width:475px){#genrePickerContainer #genreHeader{font-size:25px}}#genrePickerContainer #searchBarContainer{display:flex;width:50%;height:50px}@media(max-width:768px){#genrePickerContainer #searchBarContainer{width:80%}}#genrePickerContainer #searchBarContainer input{z-index:2;width:90%;outline:none;border:1px solid #ddd;border-radius:20px 0 0 20px;font-size:25px;padding-left:20px}@media(max-width:475px){#genrePickerContainer #searchBarContainer input{width:85%;font-size:18px}}#genrePickerContainer #searchBarContainer button{z-index:1;width:10%;padding:5px;border:1px solid #ddd;border-radius:0 20px 20px 0;margin-left:-4px;background-color:#fff}@media(max-width:475px){#genrePickerContainer #searchBarContainer button{width:15%}}#genrePickerContainer #searchBarContainer button img{margin:0 auto;width:80%;max-width:40px}#genrePickerContainer #searchBarContainer button:hover{cursor:pointer;background-color:hsla(0,0%,100%,.473)}#genrePickerContainer #boxPlaylistTypeSelector{display:flex;justify-content:center;align-items:center;padding:0}#genrePickerContainer #boxPlaylistTypeSelector label{display:flex;justify-content:center;align-items:center;width:100px}#genrePickerContainer #boxPlaylistTypeSelector label p{margin-top:20px}#playlistGrid{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;justify-content:center;align-items:flex-start;padding-bottom:200px;width:clamp(200px,95%,900px)}.playlistGridItem button{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border:1px solid #ddd;border-radius:20px;background-color:#fff;aspect-ratio:6/7;padding:15px 10px 5px}.playlistGridItem button img{height:150px;width:150px;margin-bottom:10px;pointer-events:none}.playlistGridItem button p{max-width:150px;color:#161616;margin:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.playlistGridItem button p::-webkit-scrollbar{display:none}.playlistGridItem button p#playlistOwner{font-size:10px;color:rgba(22,22,22,.616);margin:3px 0 5px}.youPageContainer{border:2px solid #000;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;flex-direction:column;margin-top:100px;width:100%;height:100%}.youPageContainer #constrictingDiv{width:50%;height:50%;background-color:purple;overflow:auto}.youPageContainer #constrictingDiv #overflowingDiv{width:1000px;height:1000px;background-color:green}body{color:#000;font-family:"Inter",sans-serif;margin:0;padding:0;overflow-x:hidden;overflow-y:hidden}.App{background-color:#f0f0f0;height:100vh;width:100vw}.borderFaint{border:1px solid #ddd}
/*# sourceMappingURL=main.c7c004cf.chunk.css.map */