img{height:100%;width:100%}.logo{height:2.5rem;width:2.5rem}@media screen and (min-width:768px){.logo{height:3.2rem;width:3.2rem}}.user-icon{align-items:center;background-color:#000;border:none;border-radius:500px;display:inline-flex;gap:.8rem;height:2.5rem;padding-right:1.6rem}.user-icon__image{aspect-ratio:1/1;background-color:#272222;border-radius:50%;max-width:2.5rem;object-fit:cover;overflow:hidden}.user-icon__name{color:#fff;font-family:WorkSans-SemiBold;font-size:1.2rem;overflow:hidden;white-space:nowrap}.user-icon--hidden{visibility:hidden}@media screen and (min-width:768px){.user-icon{height:3.5rem}.user-icon__image{max-width:3.5rem}.user-icon__name{font-size:1.6rem}}.app-bar{align-items:center;background-color:#191414;display:flex;height:4.8rem;justify-content:space-between;padding:0 1.6rem}.app-title{color:#fff;font-family:Sansation-Bold;font-size:2rem}@media screen and (min-width:768px){.app-bar{height:6.4rem;padding:0 20rem}.app-title{font-size:2.4rem}}@media screen and (min-width:2048px){.app-bar{height:6.4rem;padding:0 40rem}}.spotify-button{background-color:#1db954;border:none;border-radius:500px;color:#000;font-family:WorkSans-SemiBold;font-size:1.2rem;height:4.8rem;letter-spacing:.1rem;padding:0 2.4rem;text-align:center;text-transform:uppercase}.spotify-button:hover{cursor:pointer;-webkit-transform:scale(1.01);transform:scale(1.01)}.spotify-button:active{background-color:#169c46}.spotify-button--secondary{background-color:#fff}.spotify-button--secondary:active{background-color:#d3d3d3}@media screen and (min-width:768px){.spotify-button{font-size:1.6rem}}.authorization-page{align-items:center;background-color:#191414;display:flex;flex-direction:column;gap:1.6rem;height:calc(100% - 8rem);justify-content:center;padding:1.6rem;width:100%;width:calc(100% - 3.2rem)}.authorization-page__title{color:#fff;font-family:WorkSans-Regular;font-size:1.8rem;margin-bottom:2.4rem;text-align:center}.authorization-page__subtitle{color:#fff;font-family:WorkSans-Regular;font-style:italic;font-weight:500;margin-top:0}.authorization-page .spotify-button,.authorization-page__important-message{align-self:center;max-width:22rem;min-width:22rem}.authorization-page__important-message{color:#fff}@media screen and (min-width:768px){.authorization-page{height:calc(100% - 46.4rem);padding:20rem;width:calc(100% - 40rem)}.authorization-page .spotify-button,.authorization-page__important-message{max-width:30%;min-width:30%}}.icon-button{background-color:#1db954;border:none;border-radius:50%;height:6.4rem;width:6.4rem}.icon-button:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.icon-button:active{background-color:#169c46}.icon-button .icon{display:inline;height:3.2rem;width:3.2rem}.icon-button.icon-button--secondary{background-color:#191414;display:flex;height:3rem;justify-content:center;width:3rem}.icon-button.icon-button--secondary .icon{align-self:center;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);height:2.4rem;width:2.4rem}@media screen and (min-width:768px){.icon-button{border-radius:100%;height:6.4rem;width:6.4rem}.icon-button__icon{height:4.2rem;width:4.2rem}}.input-container{align-items:center;background-color:#fff;border-radius:500px;display:flex;gap:1rem;height:3.6rem;padding:0 1rem}.input-container__icon{height:2.4rem;width:2.4rem}.input-container__input{all:unset;background-color:transparent;font-family:WorkSans-Medium;font-size:1.6rem;height:100%;width:100%}.artist-card{align-items:center;display:flex;flex-direction:column;gap:1rem;min-height:15rem;min-width:10rem}.artist-card:hover{cursor:pointer;-webkit-transform:scale(1.02);transform:scale(1.02)}.artist-card--selected .artist-card__image{outline:.2rem solid #1db954}.artist-card__image{aspect-ratio:1/1;background-color:#272222;border-radius:50%;height:10rem;object-fit:cover;overflow:hidden;width:10rem}.artist-card__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-family:WorkSans-SemiBold;font-size:1.2rem;margin-bottom:1rem;overflow:hidden}@media screen and (min-width:768px){.artist-card{min-height:20rem;min-width:15rem}.artist-card__image{height:15rem;width:15rem}.artist-card__name{font-size:1.4rem}}@media screen and (min-width:2048px){.artist-card{min-height:20rem;min-width:18rem}.artist-card__image{aspect-ratio:1/1;height:18rem;width:18rem}.artist-card__name{font-size:1.6rem}}.filter-section{margin-top:6rem}.filter-section__title{color:#fff;font-family:WorkSans-Bold;font-size:2rem;margin:0}.filter-section__header{align-items:center;display:flex;gap:.5rem}.filter-section__header .input-container{margin-left:auto;width:150px}.filter-section__header .audio-feature-value{background-color:#000;color:#fff;font-family:WorkSans-Bold;font-size:1.6rem}.filter-section__main{display:flex;gap:1.6rem;margin-top:1.6rem;overflow-x:auto;overflow-y:hidden;padding:.5rem .5rem 0}.filter-section__main--genres{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.4rem}.filter-section__main--genres button{background-color:#191414;border:0;color:#fff;font-family:WorkSans-SemiBold;font-size:1.6rem;font-style:normal;padding:0}.filter-section__main--genres button:hover{cursor:pointer}.filter-section__main--audio-feature{display:flex;justify-content:center;margin-top:1.6rem}.filter-section__footer{display:flex;justify-content:flex-end;margin-top:1.6rem}.filter-section__footer button{background-color:#191414;border:0;color:#fff;font-family:WorkSans-SemiBold;font-size:1.6rem;font-style:normal;padding:0}.filter-section__footer button:hover{cursor:pointer}@media screen and (min-width:768px){.filter-section__title{font-size:2.4rem}.filter-section__header .input-container{width:350px}.filter-section__header .audio-feature-value{color:#fff;font-family:WorkSans-Bold;font-size:2rem;margin-left:auto}.filter-section__footer em{font-size:1.6rem}}.overlay{background-color:rgba(0,0,0,.67);justify-content:center;left:0;min-height:100vh;min-width:100vw;position:fixed;top:0;z-index:1}.dialog,.overlay{align-items:center;display:flex}.dialog{background-color:#272222;border-radius:3rem;flex-direction:column;font-family:WorkSans-Regular;margin:0 2.4rem;max-height:80vh;max-width:70vw;overflow:auto;padding:2.4rem;position:relative}.dialog__header{color:#fff;display:flex;font-size:1.6rem;justify-content:center}.dialog__main-content{font-size:1.2rem;margin-bottom:2.4rem}@media screen and (min-width:768px){.dialog__header{font-size:2rem}.dialog__main-content{font-size:1.6rem}}.selected-artists{display:flex;flex-wrap:wrap;gap:1.6rem;justify-content:center}.song-card{align-items:flex-start;display:flex;flex-direction:column;font-family:WorkSans-SemiBold;min-height:15rem;min-width:10rem}.song-card__image{aspect-ratio:1/1;background-color:#272222;height:10rem;object-fit:cover;overflow:hidden;width:10rem}.song-card__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-family:WorkSans-SemiBold;font-size:1.2rem;margin-top:1rem;overflow:hidden}.song-card__album{word-wrap:break-word;color:#b0b0b0;margin:.2rem 0 1rem;max-width:10rem}.song-card:hover{cursor:pointer;-webkit-transform:scale(1.02);transform:scale(1.02)}.song-card--selected .song-card__image{outline:.2rem solid #1db954}@media screen and (min-width:768px){.song-card{font-size:1.2rem;min-height:20rem;min-width:15rem}.song-card__image{height:15rem;width:15rem}.song-card__album{max-width:15rem}}@media screen and (min-width:2048){.song-card{font-size:1.6rem;min-height:24rem;min-width:18rem}.song-card__image{height:18rem;width:18rem}.song-card__album{max-width:18rem}}.selected-songs{display:flex;flex-wrap:wrap;gap:1.6rem;justify-content:center}.chip{background-color:#191414;border:.2rem solid #1db954;border-radius:500px;color:#fff;font-family:WorkSans-Regular;font-size:1.2rem;padding:0 1.2rem;text-align:center}.chip:hover{cursor:pointer}.chip--selected{background-color:#1db954}.slider-input{width:200px}@media screen and (min-width:768px){.slider-input{width:400px}}.filter-page{padding:0 1.6rem;position:relative}.filter-page .filter-section:last-of-type{margin-bottom:10rem}.ok-icon-button{bottom:2rem;position:fixed;right:1.6rem}@media screen and (min-width:768px){.filter-page{padding:0 20rem}.ok-icon-button{right:20rem}}@media screen and (min-width:2048px){.filter-page{padding:0 40rem}.ok-icon-button{right:40rem}}.recommendations-page{margin-bottom:10rem;margin-top:6rem;padding:0 1.6rem}.recommendations-page__title{color:#fff;font-family:WorkSans-Bold;font-size:2.4rem;margin-top:2rem}.recommendations-page__content{grid-gap:2.4rem;display:grid;gap:2.4rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.recommendations-page__content .song-card,.recommendations-page__content .song-card>.song-card__image{min-width:100%}.filter-icon-button{bottom:2rem;position:fixed;right:1.6rem}@media screen and (min-width:768px){.recommendations-page{font-size:2.4rem;padding:0 20rem}.recommendations-page__content{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filter-icon-button{right:20rem}}@media screen and (min-width:2048px){.ok-icon-button{right:40rem}}html{box-sizing:border-box;font-size:10px}body{background-color:#191414;margin:0}#root,body,html{width:100%}::-webkit-scrollbar{height:.8rem;width:1rem}::-webkit-scrollbar-thumb{background-color:#b0b0b0;border-radius:500px}@font-face{font-family:Sansation-Bold;src:url(/static/media/Sansation-Bold.c185e77888540f712ea0.ttf)}@font-face{font-family:WorkSans-Bold;src:url(/static/media/WorkSans-Bold.e3d539756b25e6357fd3.ttf)}@font-face{font-family:WorkSans-Medium;src:url(/static/media/WorkSans-Medium.bec543dcdb1179f75740.ttf)}@font-face{font-family:WorkSans-Regular;src:url(/static/media/WorkSans-Regular.5c518d8339ac7d7cc066.ttf)}@font-face{font-family:WorkSans-SemiBold;src:url(/static/media/WorkSans-SemiBold.16cd1b5230a4624f8c6f.ttf)}
/*# sourceMappingURL=main.011a7e00.css.map*/