a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Montserrat,sans-serif}#root,body{height:100%}.login_page{margin:0 auto;max-width:450px;width:100%}.logo_header{border-bottom:1px solid #d9dadc;display:flex;justify-content:center;padding:20px}.logo_header h2{font-size:24px;font-weight:700;margin-block:auto;padding-left:5px;text-align:center}#login_form{align-items:center;display:flex;flex-direction:column}#login_form h2{font-size:15px}#login_form h2,.login_labels label{font-family:Montserrat,sans-serif;font-weight:700;margin-top:20px}.login_labels label{align-items:left;display:flex;flex-direction:column;font-size:11px}.login_labels{width:100%}.login_labels input{margin-bottom:25px;margin-top:10px;padding:10px 20px 10px 10px}.login_errors{background-color:red;color:#fff;font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;margin-top:20px;padding:10px 0;text-align:center;width:100%}.no-errors{display:none}#login_form button{background-color:#0dd03a;border-radius:30px;border-style:none;cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;height:50px;margin:20px;padding:none;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}#login_form button:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.login_break{border-top:1px solid #d9dadc;flex:1 1;margin:12px 0 20px}.signup_link p{font-size:16px;text-align:center}.login_page .signup_button,.signup_link p{font-family:Montserrat,sans-serif;font-weight:700}.login_page .signup_button{background-color:initial;border:1px solid #878787;border:1px solid var(--essential-subdued,#878787);border-radius:30px;color:#6a6a6a;color:var(--text-subdued,#6a6a6a);cursor:pointer;font-size:14px;height:50px;margin-bottom:30px;margin-top:20px;padding:none;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.login_page .signup_button:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.signup_page{margin:0 auto;max-width:450px;width:100%}.header_container{display:flex;flex-direction:column;padding:40px 0}.logo{display:flex;justify-content:center;margin:auto}.logo h2{margin-block:auto;padding-left:5px}.logo h2,.signup_title{font-weight:700;text-align:center}.signup_title{font-size:24px;padding-top:40px}#signup_form{align-items:center;display:flex;flex-direction:column}#signup_form h1{font-size:15px}#signup_form h1,.signup_labels label{font-family:Montserrat,sans-serif;font-weight:700}.signup_labels label{align-items:left;display:flex;flex-direction:column;font-size:12px;margin-top:20px}.signup_labels{width:100%}.signup_labels input{margin-top:10px;padding:10px 20px 10px 10px}.signup-errors{color:red;font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;margin-top:10px;padding:0}#signup_form button{background-color:#0dd03a;border-radius:30px;border-style:none;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:700;height:60px;margin:20px;padding:none;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:30%}#signup_form button:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.signup_page .login_link{font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;margin-bottom:10%;text-align:center}.profile-button-section{display:flex;flex-direction:column;justify-content:center}.profile-button{align-items:center;background-color:#000;border-radius:30px;border-style:none;color:#fff;display:flex;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;margin:10px;padding:10px 5px;width:150px}.profile-button i,.profile-button p{padding-left:10px}.profile-dropdown{display:inline-block;position:relative}.dropdown-content{background-color:#464646;border-radius:5px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);color:#fff;min-width:160px;position:absolute;z-index:1}.dropdown-content li{padding:12px 8px 12px 12px}.dropdown-logout{background-color:#464646;border-radius:2px;border-style:none;color:#fff;cursor:default;font-family:Montserrat,sans-serif;font-size:16px;padding:0 8px 12px 0;text-align:left;width:100%}.profile-dropdown li{display:flex;flex-direction:column;justify-content:center;max-height:40px;padding:12px}.search-bar-container{box-sizing:border-box;display:flex;margin-left:20px;padding:16px;position:relative;width:500px}.search-bar-input-field{border:0;border-radius:500px;box-sizing:border-box;color:#000;font-family:Montserrat,sans-serif;font-size:.8125rem;font-weight:400;height:44px;padding:6px 48px;text-overflow:ellipsis;width:100%}.search-bar-input-field:focus-visible{outline:none;outline-offset:none}.search-bar-icon-holder{align-items:center;bottom:0;display:flex;left:12px;pointer-events:none;position:absolute;right:12px;top:0}.search-bar-icon{left:16px;position:absolute}.search-bar-button{background-color:#fff;border-radius:45px;color:#000;cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;height:50px;margin-left:20px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100px}.search-bar-button:hover{background-color:#e4e4e4;-webkit-transform:scale(1.02);transform:scale(1.02)}.navigation-bar-container{z-index:1}.navigation-bar,.navigation-bar-container{display:flex;position:-webkit-sticky;position:sticky;top:0}.navigation-bar{align-items:center;background-color:#1c1c1c;height:64px;justify-content:space-between;width:100%}.nav-bar-right-section{align-items:center;display:flex}.nav-bar-right-section li{display:flex}.about-me-icons{height:64px;padding:0 24px}.about-me-icons,.github-link{align-items:center;display:flex}.github-link{color:#b3b3b3;height:40px;margin-right:24px;text-decoration:none;transition-duration:.2s;transition-property:color}a.github-link:hover{color:#fff}.github-link i{margin-right:18px}.linkedin-link{align-items:center;color:#b3b3b3;display:flex;height:40px;margin-right:24px;text-decoration:none;transition-duration:.2s;transition-property:color}a.linkedin-link:hover{color:#fff}.linkedin-link i{margin-right:18px}.nav-signup-button{background-color:initial;border:1px solid #fff;border-radius:30px;color:#aaa;color:var(--text-subdued,#aaa);cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;height:50px;margin:10px;padding:none;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100px}.navigation-bar .nav-signup-button:hover{color:#fff;-webkit-transform:scale(1.02);transform:scale(1.02)}.nav-login-button{background-color:#fff;border:1px solid #878787;border:1px solid var(--essential-subdued,#878787);border-radius:30px;color:#000;cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;height:50px;margin:10px 20px 10px 10px;padding:none;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100px}.navigation-bar .nav-login-button:hover{background-color:#e4e4e4;-webkit-transform:scale(1.02);transform:scale(1.02)}.nav-link-for-playlist-item{align-items:center;border-bottom:none;color:#b3b3b3;cursor:default;display:flex;flex:1 1;height:32px;line-height:32px;overflow:hidden;text-decoration:none}.user-playlists-index-item{box-sizing:border-box;display:block;overflow:hidden;padding:0 24px;text-overflow:ellipsis;white-space:nowrap;width:100%}.user-playlists-index-item-title{font-size:.875rem;font-weight:400}.user-playlists-index-item:hover{color:#fff}.user-playlists-index-outermost-container{height:100%}.user-playlists-index-padding-container{height:100%;overflow:hidden!important;overscroll-behavior-y:contain;padding:8px 0}.user-playlists-index-flexbox{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.user-playlists-index-list{display:flex;flex-direction:column;width:100%}.sidebar-container{background-color:#000;display:flex;flex-direction:column;height:100%;min-width:200px;position:fixed;top:0;width:250px;z-index:2}.banner{display:flex;margin-bottom:18px;margin-top:20px;padding:0 24px}.banner img{max-height:100%;max-width:100%}.banner h2{color:#fff;font-size:24px;font-weight:600;margin:10px;max-width:100%;text-align:left}.sidebar-nav{display:flex;flex-direction:column;height:85vh}.sidebar-home-search-library-container{display:flex;flex-direction:column;width:100%}.sidebar-home{align-items:center;display:flex;gap:16px;height:40px;margin:auto;padding:0 24px}.sidebar-home li{display:flex}.sidebar-home h3{font-size:.9rem;font-weight:700;margin-left:18px}.sidebar-nav .active{color:#fff;text-decoration:none}.sidebar-nav .not-active{color:#b3b3b3;text-decoration:none}.sidebar-playlists-section-container{display:flex;flex:1 1;flex-direction:column;flex-grow:1;flex-shrink:0;height:100%;margin-top:24px;position:relative}.sidebar-playlists-create-and-likes-container{cursor:pointer;display:flex;flex-direction:column}.playlists-create-playlist-container{display:flex;padding:0 24px}.playlists-create-playlist-container:hover .create-playlists-label{color:#fff}.create-playlists-button{align-items:center;display:flex;height:40px;width:18px}.create-playlist-button-icon{color:#d1d1d1;font-size:1.2rem;transition-duration:.2s;transition-property:color;width:100%}.create-playlist-button-icon:hover{color:#fff}.create-playlists-label{align-items:center;color:#b3b3b3;display:flex;font-size:.9rem;font-weight:700;margin-left:18px;transition-duration:.2s;transition-property:color}.linebreak-between-playlist-containers hr{background-color:#282828;margin:8px 24px}.hide-playlists-create-playlist-container{display:flex;padding:0 24px}.track-index-item-link{text-decoration:none}.track-index-item{background:#252525;border-radius:10px;color:#fff;cursor:pointer;font-weight:16px;height:230px;margin:10px;padding:15px;position:relative;transition:background-color .3s;width:150px}.track-index-item:hover{background:#393838}.track-index-item-play-button{bottom:32px;opacity:0;position:absolute;right:22px;-webkit-transform:translateY(12px);transform:translateY(12px);transition:all .3s}.track-index-item:hover .track-index-item-play-button{opacity:1;-webkit-transform:translateY(8px);transform:translateY(8px)}.track-image{height:66%;position:relative;width:100%}.track-image img{box-shadow:0 8px 24px rgba(0,0,0,.5);height:auto;width:100%}.fa-circle-play:before,.fa-play-circle:before{align-items:center;background-color:#000;display:flex;height:24px;justify-content:center;width:24px}.track-title{font-size:1rem;font-weight:700;padding-block:1rem;white-space:nowrap;width:none}.artist-name,.track-title{overflow:hidden;text-overflow:ellipsis}.artist-name{color:#a1a1a1;font-size:.8rem}.add-to-playlist-area{display:flex;flex-direction:row-reverse}.modal-background{background:rgba(0,0,0,.8);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-child{background:#211e1e;border-radius:20px;color:#fff;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;height:65%;justify-content:space-evenly;left:50%;max-height:500px;max-width:700px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60%}.modal-child i{font-size:1.5rem;position:absolute;right:3%;top:5%}.modal-child i:hover{color:#2dc819}.modal-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.modal-content a{margin:40px 20px 20px;width:30%}.modal-login-section{align-items:center;display:flex;flex-direction:column;margin-bottom:5%;width:100%}.modal-login-button{background-color:#0dd03a;border-radius:30px;border-style:none;cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;height:50px;padding:none;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.modal-login-button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.modal-signup-section{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:0 20px;text-align:center;width:100%}.modal-signup-button{background-color:#fdfdfd;border-radius:30px;border-style:none;color:#000;cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;height:50px;padding:none;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.modal-signup-button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.playlist-title-playlist-dropdown{border-radius:3px;padding:5px}.playlist-title-playlist-dropdown:hover{background-color:hsla(0,0%,100%,.1)}.playlist-dropdown{background-color:#514c4c;border-radius:5px;max-width:300px;min-width:180px;padding:5px;position:absolute;-webkit-transform:translate(135px,10px);transform:translate(135px,10px);z-index:100}.playlist-dropdown-content{display:flex;flex-direction:column;white-space:nowrap}.playlist-dropdown-content p{padding:5px}.user-playlists-dropdown-index-list{display:flex;flex-direction:column}.user-playlists-dropdown-index-list li{-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linebreak-between-playlist-containers{position:relative}.linebreak-between-playlist-containers hr{background-color:#7f7f7f;border:none;height:1px;margin:8px 0;min-height:1px}.playlist-menu-button{color:#fff}.playlist-menu-button:hover{color:#2dc819}.add-to-playlist-area{position:relative}.album-index-item-link{text-decoration:none}.album-index-item{background:#252525;border-radius:10px;color:#fff;cursor:pointer;font-weight:16px;height:230px;isolation:isolate;margin:10px;padding:15px;position:relative;transition:background-color .3s;width:150px}.album-index-item:hover{background:#393838}.album-index-item-play-button{bottom:32px;opacity:0;position:absolute;right:22px;-webkit-transform:translateY(12px);transform:translateY(12px);transition:all .3s}.album-index-item:hover .album-index-item-play-button{opacity:1;-webkit-transform:translateY(8px);transform:translateY(8px)}.album-image{height:66%;position:relative;width:100%}.album-image img{box-shadow:0 8px 24px rgba(0,0,0,.5);height:auto;width:100%}i.fa-solid.fa-circle-play.fa-2xl{box-shadow:0 8px 24px rgba(0,0,0,.5);font-size:50px;-webkit-transform:scale(1);transform:scale(1)}i.fa-solid.fa-circle-play.fa-2xl:hover{color:#3aef20;-webkit-transform:scale(1.08);transform:scale(1.08)}.fa-circle-play:before,.fa-play-circle:before{content:"\f144"}.album-title{font-size:1rem;font-weight:700;overflow:hidden;padding-block:1rem;text-overflow:ellipsis;white-space:nowrap;width:none}.album-index-album-year{color:#a1a1a1;font-size:.8rem}.album-index-artist-name:before{content:"•";margin:0 4px}.album-index-artist-name{color:#a1a1a1;font-size:.8rem;overflow:hidden;text-overflow:ellipsis}.splash-page-container,.splash-page-flex-container{display:flex;width:100%}.splash-page-container{background-color:#1c1c1c;box-sizing:border-box;flex-direction:column;height:100%;min-height:100vh;padding-left:3vw}.time{font-size:40px;padding:20px 10px}.start-listening,.time{color:#fff;font-weight:700}.start-listening{font-size:32px;padding:40px 10px 10px}.tracks-index-section{display:flex;flex-direction:column}.tracks-index-header{align-items:center;display:flex;justify-content:space-between;padding:40px 30px 40px 10px}.tracks-index-title{color:#fff;font-size:28px;font-weight:700}.tracks-index-link{color:#a1a1a1;font-size:14px;font-weight:700;text-decoration:none}.tracks-index-link:active,.tracks-index-link:visited{color:#a1a1a1;text-decoration:underline}.tracks-index-link:hover{text-decoration:underline}.splash-random-tracks{display:flex;flex-wrap:wrap;height:100%}.albums-index-section{display:flex;flex-direction:column;height:33%;padding-bottom:70px}.albums-index-header{display:flex;justify-content:space-between;padding:40px 30px 40px 10px}.albums-index-title{color:#fff;font-size:28px;font-weight:700;padding-top:20px}.albums-index-link{color:#a1a1a1;font-size:14px;font-weight:700;padding-top:30px;text-decoration:none}.albums-index-link:active,.albums-index-link:visited{color:#a1a1a1;text-decoration:underline}.albums-index-link:hover{text-decoration:underline}.splash-random-albums{align-content:flex-start;display:flex;flex-wrap:wrap;height:100%;margin-bottom:2rem}.rhap_container{background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,.2)}.rhap_progress-container{height:20px}.rhap_time{color:#333;font-size:16px}.rhap_progress-bar{background-color:#ddd}.rhap_progress-filled{background-color:#868686}.rhap_progress-bar-show-download{background-color:hsla(0,0%,87%,.5)}.rhap_progress-indicator{background:#868686;border-radius:50px;box-shadow:0 0 5px hsla(0,0%,53%,.5);box-sizing:border-box;height:20px;margin-left:-10px;position:absolute;top:-8px;width:20px;z-index:3}.rhap_main-controls-button,.rhap_repeat-button,.rhap_volume-button{color:#868686}.rhap_volume-bar{background:#ddd}.rhap_volume-indicator{background:#868686;border-radius:50px;box-shadow:0 0 3px hsla(0,0%,53%,.5);box-sizing:border-box;cursor:pointer;height:12px;left:0;margin-left:-6px;opacity:.9;position:absolute;top:-4px;width:12px}.rhap_volume-filled{background-color:#868686}.footer-container{align-items:center;background-color:#303030;border-top:1px solid #282828;bottom:0;box-sizing:border-box;display:flex;height:80px;justify-content:space-between;left:0;min-width:620px;padding:0 16px;position:absolute;position:fixed;-webkit-user-select:none;user-select:none;width:100%;z-index:5}.play-bar-track-info{min-width:180px;width:30%}.now-playing-section{align-items:center;display:flex;justify-content:flex-start;position:relative}.now-playing-artist-info{display:flex;flex-direction:column;margin:0 14px}.now-playing-artist-info p{width:100%}.now-playing-artist-info-name{color:#fff;font-size:.8rem;margin-bottom:6px}.now-playing-artist-info-artist{color:hsla(0,0%,100%,.7);font-size:.6rem}.now-playing-image-container{display:flex;height:60px;isolation:isolate;position:relative;width:60px}.play-bar-track-info img{max-height:100%;max-width:100%}.play-bar-control-container{background-color:#303030;height:100%;width:70%}.volume-control-container{width:30%}.rhap_container{background-color:#303030;box-sizing:border-box;display:flex;flex-direction:column;font-family:inherit;line-height:1;padding:10px 15px;width:100%}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex:1 1 auto;flex-direction:column}.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{align-items:center;display:flex;flex:3 1 auto;height:10px;min-width:400px;position:relative;width:60%}.rhap_progress-container{align-items:center;align-self:center;cursor:pointer;display:flex;flex:1 0 auto;margin:0 calc(10px + 1%);user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#a1a1a1;font-size:9px;user-select:none;-webkit-user-select:none}.rhap_progress-bar{background-color:hsla(0,0%,100%,.3);border-radius:2px;box-sizing:border-box;height:5px;position:relative;width:100%;z-index:0}.rhap_progress-filled{background-color:#fff;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_progress-bar-show-download{background-color:hsla(0,0%,100%,.3)}.rhap_download-progress{background-color:#ddd;border-radius:2px;height:100%;position:absolute;z-index:1}.rhap_progress-indicator{display:none}.rhap_controls-section{flex:1 1 auto;height:70%;justify-content:space-between;min-width:400px;width:60%}.rhap_additional-controls,.rhap_controls-section{align-items:center;display:flex;position:relative}.rhap_additional-controls{bottom:-4px;flex:1 0 auto;left:-132px}.rhap_repeat-button{color:hsla(0,0%,100%,.7);font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_main-controls{align-items:center;bottom:-5px;display:flex;flex:0 1 auto;justify-content:center;position:relative;width:100%}.rhap_main-controls-button{color:hsla(0,0%,100%,.7);font-size:35px;height:35px;margin:0 3px;width:35px}.rhap_play-pause-button{font-size:40px;height:40px;width:40px}.rhap_volume-controls{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.rhap_volume-button{color:hsla(0,0%,100%,.7);flex:0 0 26px;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_play-pause-button{color:#fff}.rhap_volume-container{align-items:center;bottom:16px;display:flex;flex:0 1 100px;position:absolute;right:-26vw;user-select:none;-webkit-user-select:none;width:110px}.rhap_volume-bar-area{align-items:center;cursor:pointer;display:flex;height:14px;width:100%}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{background-color:hsla(0,0%,100%,.3);border-radius:2px;box-sizing:border-box;height:4px;position:relative;width:100%}.rhap_volume-indicator{display:none}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{background:#fff;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_button-clear{background-color:initial;border:none;cursor:pointer;overflow:hidden;padding:0}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}.track-index-flex-container{display:flex;width:100%}.track-index-container{background-color:#1c1c1c;display:flex;flex-direction:column;height:100%;padding-bottom:40px;padding-left:3vw}.track-item-index-flexbox{-webkit-column-width:20px;column-width:20px;display:flex;flex-wrap:wrap;height:100%;min-height:100vh}.track-index-title{color:#fff;font-size:40px;font-weight:700;padding:40px 10px}.play-button-container{align-content:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center;width:54px}.play-button-size-setter{left:15px;position:relative}i.fa-solid.fa-circle-play.fa-2xl{max-height:100%;max-width:100%}.track-show-flex-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.track-show-nav-main-container{display:flex;flex-direction:column;height:100%;left:0;margin-left:250px;position:relative;width:100%}.track-show-container{background-color:#1c1c1c;color:#fff;display:flex;flex-direction:column;height:100%;min-height:100vh;padding:20px 20px 80px 3rem}.track-show-header{align-items:flex-end;display:flex;padding-bottom:2.5vh;position:relative}.track-show-image{display:flex;height:100%;margin-right:24px;max-width:250px;min-width:200px;width:20%}.track-show-image img{max-height:100%;max-width:100%}.track-show-info{display:flex;flex-direction:column;white-space:normal}.track-show-info.track-title{font-size:8vh}.track-duration:before,.track-year:before{content:"•";margin:0 4px}.track-show-item.track-show-play-area{align-items:center;display:flex;flex-direction:row;height:54px;justify-content:flex-start;position:relative;width:100%}.track-lyrics-container{display:flex;flex-wrap:wrap;width:100%}.track-lyrics-header{align-items:center;display:flex;font-size:26px;font-weight:700;height:100px;padding:20px 0;width:60%}.artist-link-container{align-items:center;display:flex;width:40%}.artist-link-container-item.artist-icon{display:flex;justify-content:flex-end;margin-right:10px}.artist-icon img{border-radius:50px;height:84px;width:84px}.artist-link-container i{height:auto;margin-right:20px;width:70px}.artist-link-container-item .artist-and-name{display:flex;flex-direction:column;justify-content:center}.artist-header-title{margin-bottom:10px}.track-lyrics{-webkit-line-clamp:1;color:hsla(0,0%,100%,.7);display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-lyrics p{margin-bottom:10px;margin-top:10px}.track-album-item{align-items:center;border:1px solid transparent;border-radius:4px;display:flex;height:56px;padding:0 10px;position:relative}.track-album-item:hover{background-color:hsla(0,0%,100%,.1)}.track-album-item-info{margin-left:20px;width:80%}.track-album-item-link{color:#fff;font-size:.8rem;overflow:hidden;padding-block:.2rem;text-decoration:none;text-overflow:ellipsis;width:100%}.track-album-item-link:hover{text-decoration:underline}.track-album-item-title{font-size:.8rem;font-weight:500;white-space:nowrap}.track-album-item-artist,.track-album-item-title{overflow:hidden;padding-block:.2rem;text-overflow:ellipsis}.track-album-item-artist{color:#a1a1a1;font-size:.6rem}.track-album-item-duration{color:#a1a1a1;font-size:.8rem;padding-block:.2rem;text-align:right;width:15%}.album-show-flex-container{display:flex;height:100%;width:100%}.album-show-nav-main-container{display:flex;flex-direction:column;left:0;margin-left:250px;position:relative;width:100%}.album-show-container{background-color:#1c1c1c;color:#fff;display:flex;flex-direction:column;height:100%;min-height:100vh;padding:20px}.album-show-header{align-items:flex-end;display:flex;padding-bottom:2.5vh;position:relative}.album-show-image{display:flex;height:100%;margin-right:24px;min-width:200px;width:20%}.album-show-image img{max-height:100%;max-width:100%}.album-show-info{display:flex;flex-direction:column;white-space:normal;width:100%}.album-show-info.album-title{font-size:8vh}.artist-info .artist-name{color:#fff;font-size:14px;font-weight:700;margin-left:5px}.album-track-count:before,.album-year:before{content:"•";margin:0 4px}.album-show-item.album-show-play-area{align-items:center;display:flex;flex-direction:row;height:54px;justify-content:flex-start;position:relative;width:100%}.album-show-item.album-tracks-container{padding-bottom:80px}.album-tracks-label-holder{border-bottom:1px solid transparent;box-sizing:initial;height:36px;margin:0 -16px 8px;padding:0 16px;top:64px;z-index:2}.album-tracks-label{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);color:#b3b3b3;display:flex;font-size:13px;height:36px;padding:0 10px}.album-tracks-title-indicator{margin-left:25px;width:80%}.album-tracks-duration-icon-container{display:flex;height:auto;justify-content:flex-end;width:15%}.album-tracks-duration-icon-container img{max-height:10%;max-width:10%}.nav-main-container{flex-direction:column;left:0;margin-left:250px;position:relative}.album-index-flex-container,.nav-main-container{display:flex;width:100%}.album-index-container{background-color:#1c1c1c;display:flex;flex-direction:column;height:100%;padding-left:3vw}.album-item-index-flexbox{-webkit-column-width:20px;column-width:20px;display:flex;flex-wrap:wrap;height:100%;min-height:100vh}.album-index-title{color:#fff;font-size:40px;font-weight:700;padding:40px 10px}.track-playlist-item{align-items:center;border:1px solid transparent;border-radius:4px;display:flex;height:56px;padding:0 10px;position:relative}.track-playlist-item:hover{background-color:hsla(0,0%,100%,.1)}.track-playlist-item-info{margin-left:20px;width:50%}.track-playlist-item-title{font-size:.8rem;font-weight:500;max-width:300px;overflow:hidden;padding-block:.2rem;text-overflow:ellipsis;white-space:nowrap}.track-playlist-item-album-link,.track-playlist-item-artist{color:#a1a1a1;font-size:.8rem;overflow:hidden;padding-block:.2rem;text-overflow:ellipsis}.track-playlist-item-album-link{text-decoration:none;width:30%}.track-playlist-item-duration{color:#a1a1a1;font-size:.8rem;padding-block:.2rem;text-align:right;width:10%}.track-playlist-item:hover .track-playlist-item-album-link,.track-playlist-item:hover .track-playlist-item-artist{color:#fff}.track-playlist-item-album-link:hover{text-decoration:underline}.playlist-track-update-container{display:flex;width:10%}.playlist-dropdown-playlist-show{background-color:#514c4c;border-radius:5px;max-width:300px;min-width:180px;padding:5px;position:absolute;-webkit-transform:translate(-175px,-160px);transform:translate(-175px,-160px);z-index:100}.add-to-playlist-area-playlist-show{display:flex;justify-content:center;position:relative;width:50%}.playlist-menu-button-playlist-show{color:#fff}.playlist-menu-button-playlist-show:hover{color:#2dc819}.remove-track-area{display:flex;justify-content:center;width:50%}.remove-track-button{color:#fff}.remove-track-button:hover{color:#2dc819}.delete-button-container{align-content:center;cursor:pointer;display:flex;flex-wrap:wrap;height:100%;justify-content:center;width:54px}.playlist-show-flex-container{display:flex;height:100vh;width:100%}.non-play-bar-section{display:flex;width:100%}.playlist-show-nav-main-container{display:flex;flex-direction:column;left:0;margin-left:250px;position:relative;width:100%}.playlist-show-container{background-color:#1c1c1c;color:#fff;display:flex;flex-direction:column;height:100%;padding:20px 20px 80px}.playlist-show-header{align-items:flex-end;display:flex;padding-bottom:2.5vh;position:relative}.playlist-show-image{display:flex;height:100%;margin-right:24px;min-width:200px;width:20%}.playlist-show-image img{max-height:100%;max-width:100%}.playlist-show-info{display:flex;flex-direction:column}.extra-info{display:flex;flex-direction:row}.component-type{font-weight:700}.playlist-show-info.playlist-title{font-size:6rem;font-weight:800;margin:.08em 0 .12em;visibility:visible;width:100%}.extra-info{font-size:14px}.playlist-creator-name{color:#fff;font-size:14px;font-weight:700;margin-left:5px}.playlist-track-count:before,.playlist-year:before{content:"•";margin:0 4px}.playlist-show-item.playlist-show-play-area{align-items:center;display:flex;flex-direction:row;height:54px;justify-content:flex-start;position:relative;width:100%}.delete-playlist-text{padding-left:10px}.playlist-tracks-label-holder{border-bottom:1px solid transparent;box-sizing:initial;height:36px;margin:0 -16px 8px;padding:0 16px;top:64px;z-index:2}.playlist-tracks-label{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);color:#b3b3b3;display:flex;font-size:13px;height:36px;padding:0 10px}.tracks-title-indicator{box-sizing:border-box;padding-left:15px;width:50%}.tracks-album-indicator{box-sizing:border-box;padding-left:5px;width:30%}.tracks-duration-icon-container{display:flex;height:auto;justify-content:flex-end;width:9.65%}.tracks-duration-icon-container img{max-width:10%}.search-results{color:#fff;font-size:40px;font-weight:700;padding:20px 10px}.search-show-container{background-color:#1c1c1c;box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:100vh;padding-bottom:80px;padding-left:3vw;width:100%}.search-show-tracks{align-content:flex-start;display:flex;flex-wrap:wrap;height:100%;margin-top:2rem;min-height:100vh}.no-search-results{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;padding-top:80px}.no-results-found{font-weight:700}.correct-input{font-weight:500}
/*# sourceMappingURL=main.3adc8d85.css.map*/