body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.playlist-card{align-items:center;border:1px solid #fff;color:#fff;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;text-decoration:none;transition:box-shadow .25s;width:calc(16.66667% - 2rem)}.playlist-card:hover{box-shadow:0 0 1.5rem #fff}.playlist-card .playlist-picture{border-radius:.5rem;width:100%}.playlist-card p{margin:0}.playlist-card .playlist-date{font-size:2rem;text-align:center}.playlist-card .playlist-date:first-letter{text-transform:capitalize}.playlist-card .playlist-nb-songs{font-size:1.75rem}@media only screen and (max-width:1400px){.playlist-card{width:calc(20% - 2rem)}}@media only screen and (max-width:1024px){.playlist-card{width:calc(25% - 2rem)}}@media only screen and (max-width:773px){.playlist-card{width:calc(50% - 2rem)}}.header{align-items:center;background-color:#1c1c1c;display:flex;flex-direction:row;gap:2rem;justify-content:left;min-height:4rem;padding:0 1rem}.header a{text-decoration:none}.header a:link,.header a:visited{color:inherit}.header a h1{color:#1ed760;font-size:2rem}@media only screen and (max-width:1024px){.header a h1{font-size:3.5rem}}.header .navbar{display:flex;gap:1.5rem}.header .navbar a{color:#fff;font-size:1.5rem}.header .navbar a.active{color:#1ed760}@media only screen and (max-width:1024px){.header .navbar a{font-size:2.5rem}}.playlist-section{display:flex;flex-direction:column;flex-wrap:wrap;margin:2rem}.playlist-section .playlist-year-title{color:#1ed760;font-size:2.5rem;margin:0}.playlist-section .playlist-list{display:flex;flex-wrap:wrap;gap:2rem}.playlist-section hr{background:#fff;height:.3rem;margin:1rem 0 2rem}.song-row{align-items:center;background-color:hsla(0,0%,100%,.041);border-top-left-radius:1rem;color:#fff;cursor:pointer;display:flex;transition:background-color .05s;-webkit-user-select:none;user-select:none}.song-row:hover{background-color:#80808040}.song-row.song-row-selected{background-color:#c2c2c240}.song-row:focus{outline:none}.song-row.song-deleted{background-color:#ff7c7c26}.song-row.song-deleted:hover{background-color:#ce646440}.song-row.song-deleted.song-row-selected{background-color:#ff7c7c40}.song-row .song-image,.song-row .song-local-image{border-top-left-radius:1rem;margin-right:2%;width:5%}@media only screen and (max-width:1400px){.song-row .song-image,.song-row .song-local-image{width:8%}}@media only screen and (max-width:1024px){.song-row .song-image,.song-row .song-local-image{width:10%}}.song-row .song-local-image{background-color:#292929;height:100%;padding:2rem}.song-row .song-local-image .song-image,.song-row .song-local-image .song-local-image{border-top-left-radius:1rem;width:100%}.song-row .song-title-artist{display:flex;flex-direction:column;gap:.3em;margin-right:2%;width:38%}@media only screen and (max-width:1400px){.song-row .song-title-artist{width:35%}}@media only screen and (max-width:1024px){.song-row .song-title-artist{width:33%}}.song-row .song-title-artist p{margin:0}.song-row .song-title-artist .song-title{font-size:2.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-row .song-title-artist .song-artist{font-size:1.75rem}.song-row .song-date-base{display:block}@media only screen and (max-width:773px){.song-row .song-date-base{display:none}}.song-row .song-date-simple{display:none}@media only screen and (max-width:773px){.song-row .song-date-simple{display:block}}.song-row .song-added-at{align-items:center;display:flex;font-size:2.25rem;gap:3rem;margin:0;width:22%}.song-row .song-added-at.full-width{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.song-row .song-added-at .song-added-at-text{width:100%}.song-row .song-added-at .song-recently-added{align-items:center;background-color:#1ed760;border-radius:2rem;display:flex;gap:1rem;height:4rem;padding:1rem 2rem 1rem 1.5rem}.song-row .song-added-at .song-recently-added img{aspect-ratio:1/1;height:100%}.song-row .song-added-at .song-recently-added p{color:#000;font-size:1.5rem;white-space:nowrap}@media only screen and (max-width:1024px){.song-row .song-added-at .song-recently-added{padding:1rem 1.5rem}.song-row .song-added-at .song-recently-added p{display:none}}.song-row .song-removed-at{align-items:center;display:flex;font-size:2.25rem;gap:3rem;margin:0}.song-row .song-removed-at .song-removed-at-text{width:100%}.bottom-section{padding:2rem 20rem}.bottom-section .list-header{color:#ad94aa;display:flex;font-size:2rem}.bottom-section .list-header p{margin:0}.bottom-section .list-header .empty-space{width:7%}.bottom-section .list-header .title-space{width:40%}.bottom-section .list-header .added-date-space{width:22%}.bottom-section .list-body{display:flex;flex-direction:column;gap:1rem;padding:0}.bottom-section hr{background:#ad94aa;border:none;height:.1rem;margin:1rem 0}@media only screen and (max-width:1400px){.bottom-section{padding:2rem 10rem}}@media only screen and (max-width:1024px){.bottom-section{padding:2rem 5rem}}.event-container{align-items:center;background-color:hsla(0,0%,100%,.041);border-radius:1rem;color:#fff;display:flex;justify-content:space-between;padding:0 2rem;transition:background-color .05s}.event-container.event-add{border-left:1rem solid #1ed760}.event-container.event-add .event-added-or-removed{color:#1ed760}.event-container.event-remove{border-left:1rem solid #d33737}.event-container.event-remove .event-added-or-removed{color:#d33737}.event-container .event-info{display:flex;flex-direction:column;gap:1rem;padding:2rem 0}.event-container .event-info p{margin:0}.event-container .event-info p.event-added-or-removed{font-size:2rem;margin:0}.event-container .event-info p.song-title{font-size:2rem}.event-container .event-info p.song-artist{font-size:1.5rem}.event-container .song-image,.event-container .song-local-image{border-radius:1rem;height:10rem}.event-container .song-local-image{background-color:#292929;padding:2rem}.event-container .song-local-image .song-image,.event-container .song-local-image .song-local-image{border-top-left-radius:1rem;height:100%}.events-by-datesection .events-date{align-items:center;color:#a8a8a8;display:flex;margin-bottom:2rem}.events-by-datesection .events-date .separator{background-color:#a8a8a8;height:1rem;height:.2rem;width:100%}.events-by-datesection .events-date h2{margin:0 2rem;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.events-by-datesection .events-list{display:flex;flex-direction:column;gap:3rem}.list-section{display:flex;flex-wrap:wrap;margin:2rem 2rem 0}.top-section{background:linear-gradient(#ad94aa,#ad94aa26);height:35rem;padding:5rem 15rem;width:100%}.top-section .playlist-info{align-items:flex-end;display:flex;gap:2rem;height:100%;width:100%}.top-section .playlist-info .playlist-picture{aspect-ratio:1/1;border-radius:5px;height:100%}.top-section .playlist-info .playlist-detail{color:#fff;display:flex;flex-direction:column;gap:3rem}.top-section .playlist-info .playlist-detail .playlist-date{font-size:6rem;margin:0}.top-section .playlist-info .playlist-detail .playlist-nb-songs{font-size:4rem;margin:0}@media only screen and (max-width:1024px){.top-section{height:30rem;padding:5rem}}@media only screen and (max-width:773px){.top-section{height:25rem;padding:5rem}}.top-section-full-playlist{background:linear-gradient(#ad94aa,#ad94aa26);height:35rem;padding:5rem 15rem;width:100%}.top-section-full-playlist .playlist-info{align-items:flex-end;display:flex;gap:2rem;height:100%;width:100%}.top-section-full-playlist .playlist-info .playlist-picture{aspect-ratio:1/1;border-radius:5px;height:100%}.top-section-full-playlist .playlist-info .playlist-detail{color:#fff;display:flex;flex-direction:column;gap:3rem}.top-section-full-playlist .playlist-info .playlist-detail .playlist-date{font-size:6rem;margin:0}.top-section-full-playlist .playlist-info .playlist-detail .playlist-nb-songs{font-size:4rem;margin:0}@media only screen and (max-width:1024px){.top-section-full-playlist{height:30rem;padding:5rem}}@media only screen and (max-width:773px){.top-section-full-playlist{height:25rem;padding:5rem}}.events-container{display:flex;flex-direction:column;gap:3rem;padding:5rem 15%}@media only screen and (max-width:1400px){.events-container{padding:5rem 10%}}@media only screen and (max-width:773px){.events-container{padding:5rem 7%}}@media only screen and (max-width:500px){.events-container{padding:5rem 5%}}body,html{font-size:10px}@media only screen and (max-width:1024px){body,html{font-size:9px}}@media only screen and (max-width:773px){body,html{font-size:7px}}*{box-sizing:border-box;font-family:Lexend}.spotify-app{background-color:#232323;min-height:100vh}
/*# sourceMappingURL=main.3aa96e63.css.map*/