@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap);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}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-family:Ubuntu,sans-serif;font-size:62.5%}@media (max-width:800px){html{font-size:50%}}.page-container{display:grid;grid-template-columns:15rem 1fr;grid-template-rows:8rem 1fr}@media (max-width:550px){.container{grid-template-columns:100%;grid-template-rows:8rem 1fr}}.header{align-items:center;background-color:#000;color:#fff;display:flex;font-size:1.5rem;grid-column:1/-1;justify-content:space-between;padding:4rem;z-index:3}.header .icons-group{display:flex;gap:2rem}.header__mobile-icons{display:none}.header__spotify-login{align-items:center;display:flex;height:8rem}.header__spotify-login--logo{height:50%}@media (max-width:550px){.header{height:8lvh;justify-content:space-between;padding:0 4rem;position:fixed;width:100%}.header__mobile-icons{align-items:center;display:flex;transition:all .5s ease-out}.header__mobile-icons.fade{opacity:.5}.header__mobile-icons--menu{cursor:pointer;display:block;height:4.5rem;transition:all .5s;width:4.5rem}.header__mobile-icons--undo{cursor:pointer;display:block;height:3.5rem;opacity:0;position:absolute;transition:all 1.5s ease-out;visibility:hidden;width:3.5rem}.header__mobile-icons--undo.visible{opacity:1;transform:translateX(6rem);visibility:visible}}.sidebar{display:flex;flex-direction:column;height:100%;justify-content:center;position:fixed;width:15rem}.sidebar__form{background-color:#a7c4e3;border-radius:10%;box-shadow:.25rem .25rem .5rem #d3d3d3;color:#fff;font-size:2rem;font-weight:700;margin-left:2rem;margin-top:5rem;padding:4rem 1rem 1rem;text-align:center;text-transform:uppercase}.sidebar__form+.winners{background-color:#b48bb8}.sidebar__form+.genre{background-color:#8fb88b}.sidebar__form--select{background-color:inherit;border:none;color:#fff;cursor:pointer;font-size:1.5rem;margin-bottom:1rem;margin-top:2rem;padding:.25rem;text-align:center;white-space:pre-wrap;width:100%}.sidebar__reset{align-items:center;background-color:hsla(0,4%,85%,.716);border:none;border-radius:10rem;color:#545454;cursor:pointer;display:flex;font-size:1.4rem;gap:1rem;justify-content:center;margin:6rem 2rem 2rem 4rem;opacity:0;padding:.5rem;transition:all .5s;transition:all 1.5s ease-in;visibility:hidden}.sidebar__reset:hover{box-shadow:0 .8rem 1.5rem #0003;transform:translateY(-.1rem)}.sidebar__reset:active{box-shadow:0 .3rem 1rem #0003;outline:none;transform:translateY(-1px)}.sidebar__reset--undo-icon{height:1.5rem;width:1.5rem}.sidebar__reset.visible{opacity:1;visibility:visible}@media (max-width:550px){.sidebar{align-items:center;display:flex;flex-direction:row;height:8lvh;position:fixed;transition:all .5s ease-out;width:100%}.sidebar__form{border-radius:0;box-shadow:none;display:flex;flex:1 1;flex-direction:column;gap:.5rem;height:100%;justify-content:center;margin:0;padding:1rem}.sidebar__form label{font-size:2.1rem}.sidebar__form--select{font-size:1.7rem;margin:0;padding:0}.sidebar__reset{border-radius:0;display:none;margin:0 1rem}.sidebar__reset:hover{box-shadow:none;transform:none}.sidebar__reset--undo-icon{height:3rem;width:3rem}.sidebar.visible{transform:translateY(8lvh)}}.results{grid-column:2/-1;grid-row:2/-1}.results__title{font-size:2.5rem}.results__grid{display:flex;flex-wrap:wrap;gap:3vw;justify-content:space-around;padding:3vw}.results__title{padding-bottom:3rem;padding-top:5rem;text-align:center}.results__album{-webkit-backface-visibility:hidden;backface-visibility:hidden;scroll-margin-top:5rem;transition:transform .75s;width:clamp(160px,18vw,100rem)}.results__album--primary-container{width:100%}.results__album--img{box-shadow:.5rem .5rem .5rem #d3d3d3;height:100%;object-fit:contain;width:100%}.results__album--text{font-size:1.6rem;padding:1rem}.results__album--text .title{font-style:italic}.results__album--extra-info{display:none;opacity:0;transition:all 3s}.results__album--extra-info td{padding:1.5rem}.results__album--extra-info .description{padding:1rem}.results__album--extra-info .winner{align-items:center;animation:expand 2s 3;animation-delay:1s;display:flex;font-size:2rem;gap:.5rem;justify-content:center;margin-top:4rem}.results__album--extra-info .winner-mobile{display:none}.results__album .trophy{height:2.5rem;width:3.5rem}.results__album .info--close-mobile{display:none}.results__album.selected{display:flex;flex-wrap:wrap;margin-bottom:5rem;order:-1;width:100%}.results__album.selected .info--close{color:#b8b4b4;font-size:4.5rem;position:absolute;right:2rem;top:-2rem;transition:all 1s}.results__album.selected .info--close:hover{color:#4e4c4c;cursor:pointer}.results__album.selected:hover{transform:none}.results__album.selected .results__album--primary-container{padding:0 5% 0 10%;width:50%}.results__album.selected .results__album--img{animation:scaleUp 3s;animation-fill-mode:forwards;height:28vw;width:28vw}.results__album.selected .results__album--text{font-size:2rem;padding:1.5rem 1rem}.results__album.selected .results__album--extra-info{animation:FadeInLeft 3s;animation-fill-mode:forwards;display:inline-block;font-size:1.6rem;padding-right:4rem;width:50%}.results__album.selected .results__album--extra-info .table--title{font-size:1.8rem;font-weight:150}.results__album.selected .results__album--extra-info .description{margin-left:2rem}.results__album.selected .results__album--extra-info .spotify-button,.results__album.selected .results__album--extra-info .spotify-link{align-items:center;background-color:#191414;border-radius:3rem;color:#fff;cursor:pointer;display:flex;height:5rem;justify-content:space-around;margin-left:2rem;margin-top:2rem;padding:.5rem;position:relative;transition:all .5s;width:19rem;z-index:1}.results__album.selected .results__album--extra-info .spotify-button img,.results__album.selected .results__album--extra-info .spotify-link img{height:3rem;width:3rem}.results__album.selected .results__album--extra-info .spotify-button:hover,.results__album.selected .results__album--extra-info .spotify-link:hover{box-shadow:0 .8rem 1.5rem #0003;transform:translateY(-.1rem)}.results__album.selected .results__album--extra-info .spotify-link{display:none;margin:0 auto 4rem;text-decoration:none}@media (min-width:550px){.results__album:hover{transform:translateY(-.5rem)}}@media (max-width:550px){.results{grid-column:1/-1;grid-row:3/-1;transition:all .5s ease-out}.results__grid{gap:6vw}.results__album{scroll-margin-top:10rem}.results__album--text{font-size:1.7rem}.results__album--text .title{margin-bottom:.4rem}.results__album.selected{background-color:#fff;display:inline-block;height:93lvh;margin:0 -1rem;max-width:none;overflow:scroll;padding:2rem;position:fixed;top:8lvh;width:100%;z-index:2}.results__album.selected .info--close-desktop{display:none}.results__album.selected .info--close-mobile{color:#b8b4b4;display:block;font-size:6rem;position:absolute;right:1.5rem;top:-7rem;transition:all 1s;z-index:3}.results__album.selected .results__album--primary-container{margin-top:4rem;padding:0;position:relative;width:100%}.results__album.selected .results__album--img-container{text-align:center}.results__album.selected .results__album--img{animation:none;height:60vw;transition:all 3s;width:60vw}.results__album.selected .results__album--extra-info{font-size:1.8rem;padding:0;width:100%}.results__album.selected .results__album--extra-info .description{margin-bottom:5rem;padding:0 3rem}.results__album.selected .results__album--extra-info .winner{margin-bottom:5rem;padding-top:4rem}.results__album.selected .results__album--extra-info .winner-mobile{display:flex}.results__album.selected .results__album--extra-info .spotify-button,.results__album.selected .results__album--extra-info .winner-desktop{display:none}.results__album.selected .results__album--extra-info .spotify-link{display:flex}.results.shift{margin-top:8rem}}@media (max-width:364px){.results__album{flex-grow:1;max-width:70vw}}.spotify-player{bottom:0;height:20rem;position:fixed;right:50%;transform:translateX(50%) translateY(40rem);transition:all 1.5s ease-in;transition-delay:0s;width:40rem;z-index:5}.spotify-player .container{position:relative}.spotify-player__close{--size:3.5rem;align-items:center;background-color:#f5f5f5;border-radius:50%;bottom:1rem;cursor:pointer;display:flex;height:var(--size);justify-content:center;left:calc(50% - 1.5rem);opacity:.9;position:absolute;transition:all .3s ease-in;width:var(--size)}.spotify-player__close--cross{bottom:1rem;color:#000;font-size:var(--size);height:var(--size);opacity:1;position:relative;-webkit-user-select:none;user-select:none}.spotify-player__close:hover{box-shadow:0 .5rem .5rem #0003;transform:translateY(-.1rem)}.spotify-player__close:active{box-shadow:0 .5rem .7rem #00000040;outline:none;transform:translateY(-.05rem)}.spotify-player.visible{display:block;transform:translateX(50%) translateY(0);transition:all 1s ease-out;transition-delay:1s}@media (max-width:800px){.spotify-player{height:14rem;width:37.5rem}.spotify-player__close{--size:3rem;bottom:-.5rem}}@keyframes FadeInLeft{0%{opacity:0;transform:translateX(-1rem)}to{opacity:1;transform:translateX(0)}}@keyframes scaleUp{0%{height:24vw;width:24vw}to{height:28vw;width:28vw}}@keyframes expand{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes firework{0%{opacity:1;transform:translate(-50%,60vh);width:.5vmin}50%{opacity:1;width:.5vmin}to{opacity:0;width:45vmin}}.firework-1{animation:firework 2s 3;animation-delay:.7s;animation-fill-mode:forwards;aspect-ratio:1;background:radial-gradient(circle,#4800ff .2vmin,#0000 0) 50% 0,radial-gradient(circle,#4800e1 .5vmin,#0000 0) 50% 99%,radial-gradient(circle,#4800e1 .3vmin,#0000 0) 0 50%,radial-gradient(circle,#4800e1 .2vmin,#0000 0) 99% 50%,radial-gradient(circle,#4800e1 .3vmin,#0000 0) 80% 90%,radial-gradient(circle,#4800e1 .5vmin,#0000 0) 95% 90%,radial-gradient(circle,#4800e1 .5vmin,#0000 0) 10% 60%,radial-gradient(circle,#4800e1 .2vmin,#0000 0) 31% 80%,radial-gradient(circle,#4800e1 .3vmin,#0000 0) 80% 10%,radial-gradient(circle,#4800e1 .2vmin,#0000 0) 90% 23%,radial-gradient(circle,#4800e1 .3vmin,#0000 0) 45% 20%,radial-gradient(circle,#4800e1 .5vmin,#0000 0) 13% 24%;background-repeat:no-repeat;background-size:.5vmin .5vmin;content:"";left:60%;opacity:0;position:absolute;top:75%;transform:translate(-50%,-50%);width:.5vmin}.firework-2{background:radial-gradient(circle,#ff2600 .2vmin,#0000 0) 50% 0,radial-gradient(circle,#ac1b02 .5vmin,#0000 0) 50% 99%,radial-gradient(circle,#ac1b02 .3vmin,#0000 0) 0 50%,radial-gradient(circle,#ac1b02 .2vmin,#0000 0) 99% 50%,radial-gradient(circle,#ac1b02 .3vmin,#0000 0) 80% 90%,radial-gradient(circle,#ac1b02 .5vmin,#0000 0) 95% 90%,radial-gradient(circle,#ac1b02 .5vmin,#0000 0) 10% 60%,radial-gradient(circle,#ac1b02 .2vmin,#0000 0) 31% 80%,radial-gradient(circle,#ac1b02 .3vmin,#0000 0) 80% 10%,radial-gradient(circle,#ac1b02 .2vmin,#0000 0) 90% 23%,radial-gradient(circle,#ac1b02 .3vmin,#0000 0) 45% 20%,radial-gradient(circle,#ac1b02 .5vmin,#0000 0) 13% 24%;background-repeat:no-repeat;background-size:.5vmin .5vmin;left:50%;top:50%}.firework-2,.firework-3{--top:60vh;animation:firework 2s 3;animation-fill-mode:forwards;aspect-ratio:1;content:"";position:absolute;transform:translate(-50%,-50%);width:.5vmin}.firework-3{animation-delay:.3s;background:radial-gradient(circle,#f0d .2vmin,#0000 0) 50% 0,radial-gradient(circle,#f0d .5vmin,#0000 0) 50% 99%,radial-gradient(circle,#f0d .3vmin,#0000 0) 0 50%,radial-gradient(circle,#f0d .2vmin,#0000 0) 99% 50%,radial-gradient(circle,#f0d .3vmin,#0000 0) 80% 90%,radial-gradient(circle,#f0d .5vmin,#0000 0) 95% 90%,radial-gradient(circle,#f0d .5vmin,#0000 0) 10% 60%,radial-gradient(circle,#f0d .2vmin,#0000 0) 31% 80%,radial-gradient(circle,#f0d .3vmin,#0000 0) 80% 10%,radial-gradient(circle,#f0d .2vmin,#0000 0) 90% 23%,radial-gradient(circle,#f0d .3vmin,#0000 0) 45% 20%,radial-gradient(circle,#f0d .5vmin,#0000 0) 13% 24%;background-repeat:no-repeat;background-size:.5vmin .5vmin;left:40%;top:65%}
/*# sourceMappingURL=main.3956f1a0.css.map*/