*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,Arial,Helvetica,sans-serif}body{background-color:#000;color:#f5f5f5;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}a{color:#f5f5f5;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.btn{font-size:1rem;font-weight:500;padding:.7rem 1.4rem;border-radius:100rem;border:none;background-color:#3b913b;transition:background-color .2s ease-in-out}.btn:hover{cursor:pointer;background-color:#006800}.btn:active{background-color:#003200}.containerFull{padding:0 1rem;display:flex;justify-content:center;border-top-left-radius:2rem;border-top-right-radius:2rem;background:linear-gradient(#141414 30%,#0a0a0a)}.containerFit{width:1250px;display:flex}.App{display:grid;grid-template:80px calc(100vh - 80px) / 1fr}.NavBar{grid-area:span 1 / span 2}.main{width:100%;grid-area:span 1 / span 2;display:grid;grid-template:1fr 3fr 60px / 1fr 1fr;column-gap:1rem}.SearchBarContainer{grid-area:span 1 / span 2}.TrackResultsContainer,.PlaylistContainer{overflow:hidden;grid-area:span 1 / span 1;display:grid;grid-template:60px 1fr / 1fr}.ModalContainer{padding:10px;position:absolute;top:70px}.creditsContainer{grid-area:span 1 / span 2;display:flex;justify-content:space-between;align-items:center}.developerContainer a{text-decoration:underline}.spotifyContainer{display:flex;align-items:center;gap:.5rem}.spotifyLogo{width:100px}@media only screen and (max-width: 1250px){.containerFit{width:100%}}@media only screen and (max-width: 1060px){.App{grid-template:80px calc(100% - 80px) / 1fr}.main{grid-template:100px 500px 500px 60px/ 100%}.main.playlist{grid-template:100px calc(100vh - 240px) 60px / 100%}.SearchBarContainer,.creditsContainer{grid-area:span 1 / span 1}}@media only screen and (max-width: 540px){.main{grid-template:100px 500px 500px 120px/ 100%}.main.playlist{grid-template:100px 650px 120px / 100%}.creditsContainer{padding:1rem 0;flex-direction:column;justify-content:center;gap:1rem}}._navBar_12nw8_1{display:flex;justify-content:center;padding:1rem;background-color:#0007}._containerFit_12nw8_8{display:flex;justify-content:space-between}._navLogo_12nw8_13{display:flex;align-items:center;gap:.5rem;font-size:2rem;font-weight:600}._playifyLogo_12nw8_21{width:40px}._loginContainer_12nw8_25{display:flex;align-items:center;justify-content:flex-end}._userProfile_12nw8_31:hover{cursor:pointer;background-color:#bbb}._userImage_12nw8_36{border-radius:100rem;height:100%;transition:box-shadow .1s ease-in-out}._userImage_12nw8_36:hover{cursor:pointer;box-shadow:0 0 0 5px #363636}._userPanel_12nw8_47{width:220px;padding:.5rem;overflow:hidden;z-index:10;position:absolute;top:4.5rem;display:flex;flex-direction:column;gap:.5rem;border-radius:.6rem;background-color:#363636}._userPanelOption_12nw8_64{color:#f5f5f5;display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:5px}a._userPanelOption_12nw8_64:hover{background-color:#505050}._searchBarContainer_14m46_1{width:100%;display:flex;justify-content:center}._searchBarForm_14m46_7{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}._searchLabel_14m46_16{font-size:2rem;font-weight:600}._playlistQuote_14m46_21{font-size:2rem;font-weight:600;align-self:center}._searchBarButtonContainer_14m46_27{display:flex;gap:1rem}._searchBarDiv_14m46_32{width:400px;display:flex;align-items:center;padding:0 1.2rem;border-radius:100rem;background-color:#1f1f1f;transition:box-shadow .3s ease-in-out,background-color .2s ease-in-out}._searchBarDiv_14m46_32:hover{box-shadow:0 0 0 1px #ccc4 inset;background-color:#2a2a2a}._searchBarDiv_14m46_32:focus{box-shadow:0 0 0 2px #dbdbdb inset;background-color:#2a2a2a;outline:none}._searchButton_14m46_53{border:none;background:transparent}._searchIcon_14m46_59{color:#cccccc9a;transition:color .3s ease-in-out}._searchIcon_14m46_59:hover{cursor:pointer;color:#e0e0e0}._searchBar_14m46_1{width:100%;max-width:350px;padding:.7rem 1rem;border:none;font-size:1.2rem;font-weight:400;color:#e0e0e0;background-color:transparent}._searchBar_14m46_1:focus{outline:none}._xMark_14m46_84{color:#9e9e9e}._xMark_14m46_84:hover{color:#e0e0e0;cursor:pointer}._xMarkHidden_14m46_93{visibility:hidden}@media only screen and (max-width: 1060px){._searchBarContainer_14m46_1{padding:1rem 0 0;align-items:flex-start}._searchBarButtonContainer_14m46_27,._searchBarDiv_14m46_32{width:100%}._searchLabel_14m46_16{display:none}._searchBar_14m46_1{max-width:none}}@media only screen and (max-width: 540px){._searchBar_14m46_1{font-size:1rem}}._resultsHeader_1fvgf_1{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}._resultsTitle_1fvgf_9{font-size:1.7rem;font-weight:600;line-height:1;flex:2 1}._hiddenButton_1fvgf_16{flex:1 1;visibility:hidden}._trackResults_1fvgf_21{overflow:hidden;padding:1.5rem;background-color:#1f1f1f;border-radius:.7rem}@media only screen and (max-width: 1060px){._trackResults_1fvgf_21{max-height:400px}}@media only screen and (max-width: 540px){._resultsTitle_1fvgf_9{font-size:1.5rem}}._detailsColumns_1rev8_1{display:grid;padding-left:4rem;grid-template:1fr / 5fr 3fr 2fr 1fr;align-items:center;border-bottom:1px solid rgba(245,245,245,.5);color:#e0e0e0;font-weight:300}._albumColumn_1rev8_12{justify-self:flex-start}._durationColumn_1rev8_16{justify-self:center}._trackList_1rev8_20{height:100%;overflow-y:scroll;padding:1.5rem 0;margin:0;list-style-type:none;display:grid;align-content:start;row-gap:1rem}@media only screen and (max-width: 540px){._detailsColumns_1rev8_1{grid-template:1fr / 3fr 1fr}._durationColumn_1rev8_16,._albumColumn_1rev8_12{display:none}}._track_1kac2_1{width:100%;height:fit-content;display:flex;gap:1rem;border-radius:.9rem}._trackImg_1kac2_11{border-radius:.5rem;width:50px;height:50px}._trackDetails_1kac2_17{width:100%;display:grid;grid-template:1fr 1fr / 5fr 3fr 2fr 1fr;align-items:center;min-width:0;column-gap:1rem}._trackTitle_1kac2_26,._trackArtist_1kac2_27,._trackAlbum_1kac2_28{min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._trackTitle_1kac2_26{font-size:1.05rem;grid-area:1 / 1 / 2 / 2}._trackArtist_1kac2_27{font-size:.85rem;grid-area:2 / 1 / 3 / 2;color:#b4b4b4}._trackAlbum_1kac2_28{font-size:.85rem;grid-area:1 / 2 / 3 / 3;justify-self:flex-start;color:#b4b4b4}._trackDuration_1kac2_54{font-size:.85rem;grid-area:1 / 3 / 3 / 4;justify-self:center}._plusIcon_1kac2_60{grid-area:1 / 4 / 3 / 5;font-size:1.2rem;line-height:1;padding:4px 6px;border-radius:10rem;justify-self:center}._plusIcon_1kac2_60:hover{cursor:pointer;background-color:#b4b4b473}._plusIcon_1kac2_60:active{color:#b4b4b473;background-color:#b4b4b433}@media only screen and (max-width: 540px){._trackDetails_1kac2_17{grid-template:1fr 1fr / 3fr 1fr}._plusIcon_1kac2_60{grid-area:1 / 2 / 3 / 3}._trackDuration_1kac2_54,._trackAlbum_1kac2_28{display:none}}._playlistHeader_hj4zl_1{width:100%;display:flex;align-items:end;justify-content:space-between;margin-bottom:1rem;min-width:0}._playlistTitle_hj4zl_11{flex:1;min-width:0;max-width:100%;font-size:1.7rem;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._playlistSave_hj4zl_23{margin-left:10px;padding:.5rem 1rem;white-space:nowrap}._playlist_hj4zl_1{overflow:hidden;padding:1.5rem;background-color:#1f1f1f;border-radius:.7rem}@media only screen and (max-width: 1060px){._playlist_hj4zl_1{max-height:400px}}@media only screen and (max-width: 540px){._playlistTitleInput_hj4zl_43,._playlistTitle_hj4zl_11{font-size:1.5rem}._playlistSave_hj4zl_23{font-size:.9rem}}._savingModalContainer_1yrbr_1{z-index:10;position:fixed;top:0;display:none}._savingModalContainer_1yrbr_1._show_1yrbr_8{height:100%;width:100%;display:flex;justify-content:center;align-items:center;background-color:#0f0f0f99;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}._savingModal_1yrbr_1{padding:2rem;border-radius:1rem;background:linear-gradient(#1e1e1e 30%,#0f0f0f);display:flex;flex-direction:column;gap:2rem}._modalHeader_1yrbr_27{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;line-height:1}._modalHeader_1yrbr_27 span{font-size:2rem;font-weight:600}._modalHeader_1yrbr_27 i{font-size:2rem;color:#c8c8c8}._modalHeader_1yrbr_27 i:hover{cursor:pointer;color:#f5f5f5}._inputContainer_1yrbr_50{width:100%;align-self:center;display:flex;flex-direction:column;align-items:flex-start}._inputContainer_1yrbr_50 label{color:#c8c8c8}._inputContainer_1yrbr_50 input[type=text],._inputContainer_1yrbr_50 textarea{width:100%;padding:2px 4px;color:#f5f5f5;font-size:1rem;background-color:#32323280;border:none;border-radius:.5rem}._inputContainer_1yrbr_50 textarea{height:100px;resize:none}._inputContainer_1yrbr_50 input[type=text]:focus,._inputContainer_1yrbr_50 textarea:focus{outline:1px solid rgb(60,60,60,.9)}._radioValues_1yrbr_83{margin-top:.5rem;width:100%;display:flex;justify-content:space-around}._radioValues_1yrbr_83 label{font-weight:500;color:#f5f5f5;margin-left:5px}._radioValues_1yrbr_83 input[type=radio]{accent-color:#4CAF50;margin-right:5px}._radioValues_1yrbr_83 input[type=radio]:hover,._radioValues_1yrbr_83 label{cursor:pointer}@media only screen and (max-width: 540px){._savingModalContainer_1yrbr_1._show_1yrbr_8{background-color:#0f0f0fb3}._modalHeader_1yrbr_27 span{font-size:1.5rem}}._notificationContainer_x58gk_1{padding:0 .5rem;position:fixed;z-index:15;top:20px}._notification_x58gk_1{display:flex;align-items:center;padding-left:10px;background-color:#242424;border-radius:5px;text-align:center;animation:_fadeIn_x58gk_1 .3s ease-in-out}._notification_x58gk_1._warning_x58gk_18{color:#bb7900;border-left:5px solid rgb(216,140,0)}._notification_x58gk_1._error_x58gk_23{color:#e93030;border-left:5px solid rgb(180,0,0)}._notification_x58gk_1._success_x58gk_28{color:#32c232;border-left:5px solid rgb(38,148,38)}._xMark_x58gk_33{height:100%;margin-left:10px;padding:12px;background-color:#2e2e2e;border-top-right-radius:5px;border-bottom-right-radius:5px}._xMark_x58gk_33._warning_x58gk_18:hover{cursor:pointer;background-color:#d88c00;color:#2e2e2e}._xMark_x58gk_33._error_x58gk_23:hover{cursor:pointer;background-color:#d80000;color:#2e2e2e}._xMark_x58gk_33._success_x58gk_28:hover{cursor:pointer;background-color:#32c232;color:#2e2e2e}@keyframes _fadeIn_x58gk_1{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}._embedContainer_1l861_1{grid-area:span 1 / span 2;min-height:360px;width:100%;height:100%;display:none;flex-direction:column;justify-content:center;align-items:center;background-color:#222222b6;border-radius:12px}._embedContainer_1l861_1._playlistEmbedded_1l861_14{display:flex}._embedHeader_1l861_18{width:100%;padding:1rem;display:flex;align-items:center;justify-content:space-between}._embedHeader_1l861_18 span{font-size:1.1rem;font-weight:500}._xMark_1l861_31{font-size:1.1rem}._xMark_1l861_31:hover{cursor:pointer}._spotifyEmbed_1l861_39{font-size:.8rem;width:100%;height:100%;min-height:360px;border:none}@media only screen and (max-width: 1060px){._embedContainer_1l861_1{grid-area:span 1 / span 1}}