.SpotifyPlaylist{width:100%;overflow:hidden}.ResultPage{width:100%;height:100%;margin:auto 0;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;-webkit-box-flex:1;flex-grow:1}.ResultPage.playlist{background:#030205}.TheLoader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;color:#fff;background:#030205;-webkit-transition:all 1s;transition:all 1s;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.TheHeader,.TheLoader{display:-webkit-box;display:flex}.TheHeader{width:100%;padding:3vh 5vw}.TheHeader__logo{width:150px;height:auto;margin-left:auto}@media (min-width:769px){.TheHeader__logo{width:200px}}.TheHeader__logo img{width:100%}.VideoView{width:100%;height:100%;margin:auto 0;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;-webkit-box-flex:1;flex-grow:1;padding:5vh 0}.VideoView__video{width:90vw;max-width:1024px;height:50.6vw;max-height:576px;margin-bottom:10px}@media (min-width:576px){.VideoView__video{width:70vw;height:39.4vw}}@media (min-width:769px){.VideoView__video{width:55vw;height:30.9vw}}.VideoView__buttons{margin-bottom:15px}.HomePage{width:100%;margin:auto 0;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-flex:1;flex-grow:1;background:#030205}.HomePage,.HomePage__main{height:100%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}.HomePage__main{width:90%;max-width:1400px;-webkit-box-pack:center;justify-content:center;margin-bottom:10vh}.HomePage__main--title{font-family:Gotham;font-weight:900;font-size:24px;line-height:1.5;margin-bottom:3vh}@media (min-width:576px){.HomePage__main--title{font-size:32px}}@media (min-width:769px){.HomePage__main--title{font-size:42px}}.ProgressBar{flex-wrap:nowrap;width:90vw;margin:auto auto 5vh;padding:0;text-align:left}@media (min-width:576px){.ProgressBar{width:70vw}}@media (min-width:769px){.ProgressBar{width:55vw;margin-bottom:3vh}}.ProgressBar__text{font-family:Gotham;font-weight:400;font-size:12px;line-height:1.5;display:block;margin-bottom:2px;color:#fff;text-align:left;text-transform:uppercase}@media (min-width:769px){.ProgressBar__text{font-size:14px}}.ProgressBar__bar{display:block;margin-bottom:15px;background-color:transparent;border:1px solid #fff}.ProgressBar__bar>div{height:8px;background-color:#fff}.TheCookieBanner{position:fixed;top:0;right:0;left:0;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;background:#509bf5;padding:1vh 0}.TheCookieBanner__container{width:90%;max-width:1400px;height:100%;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}.TheCookieBanner__container p{font-family:Gotham;font-weight:400;font-size:12px;line-height:1.5;margin-right:5vw}@media (min-width:769px){.TheCookieBanner__container p{font-size:14px}}.TheCookieBanner__container a{font-family:Gotham;font-weight:400;font-size:12px;line-height:1.5;color:#fff;text-decoration:underline}@media (min-width:769px){.TheCookieBanner__container a{font-size:14px}}.TheCookieBanner__close{border:0;background:transparent}.TheCookieBanner__close span{font-size:30px;color:#fff}.PlaylistView{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:100%;margin-top:10vh;padding:0 10vw}@media (min-width:769px){.PlaylistView{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:justify;justify-content:space-between}}.PlaylistView__main{width:90vw}@media (min-width:769px){.PlaylistView__main{width:40vw}}@media (min-width:1400px){.PlaylistView__main{width:35vw}}.PlaylistView__main h2{margin-bottom:30px;font-size:26px}.PlaylistView__main .share{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end}@media (min-width:769px){.PlaylistView__main .share{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}}.PlaylistView__main .share .icons{margin-bottom:50px}@media (min-width:769px){.PlaylistView__main .share .icons{margin-bottom:0}}.PlaylistView__main .share .icons svg{width:45px;height:auto;margin-left:15px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;fill:#fff;stroke:#fff}.PlaylistView__main .share .icons svg:hover{fill:silver;stroke:silver}.PlaylistView .SpotifyPlaylist{width:100%;height:240px;margin-bottom:15px}.TheFooter{display:-webkit-box;display:flex;width:100%;padding:1vh 5vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}@media (min-width:992px){.TheFooter{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}}.TheFooter__spotify{display:-webkit-box;display:flex;margin-bottom:5px}@media (min-width:992px){.TheFooter__spotify{margin-bottom:0}}.TheFooter__spotify--link{font-family:Gotham;font-weight:400;font-size:12px;line-height:1.5;color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}@media (min-width:769px){.TheFooter__spotify--link{font-size:14px}}.TheFooter__spotify--link:after{content:"";display:inline-block;background:#fff;width:5px;height:5px;border-radius:50%;margin:2px 7px 2px 5px}.TheFooter__spotify--link:last-child:after{display:none}.TheFooter__spotify--link:hover{color:silver}.TheFooter__spotify--link.copyright:hover{color:#fff}.TheFooter__logos{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.TheFooter__logos--rrss svg *,.TheFooter__logos--spotify svg *{-webkit-transition:all .3s ease;transition:all .3s ease;fill:#fff}.TheFooter__logos--rrss:hover svg *,.TheFooter__logos--spotify:hover svg *{fill:silver}.TheFooter__logos--spotify{padding-right:10px;border-right:1px solid #fff}.TheFooter__logos--spotify svg{height:25px;width:auto}.TheFooter__logos--rrss{margin-left:15px}.TheFooter__logos--rrss svg{height:20px;width:auto}.SpotifyTrack{display:-webkit-box;display:flex;width:95%;padding-right:20px;border-bottom:1px solid silver;cursor:pointer}@media (min-width:576px){.SpotifyTrack{padding:10px 0}}.SpotifyTrack p{font-size:13px}@media (min-width:576px){.SpotifyTrack p{font-size:14px;line-height:20px}}.SpotifyTrack__initial,.SpotifyTrack__time,.SpotifyTrack__track{font-weight:800}.SpotifyTrack__artist{font-weight:500}.SpotifyTrack--container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;width:100%;margin-left:3%}@media (min-width:576px){.SpotifyTrack--container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}}@media (min-width:769px){.SpotifyTrack--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}}@media (min-width:1200px){.SpotifyTrack--container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}}.SpotifyTrack--container p{-webkit-box-flex:0;flex:0 0 50%}.SpotifyTrack__initial-wrapper{position:relative;width:40px;text-align:center}.SpotifyTrack__time{margin-left:auto}.SpotifyTrack--external:hover .SpotifyTrack__initial,.SpotifyTrack--pause:hover .SpotifyTrack__initial,.SpotifyTrack--playing:hover .SpotifyTrack__initial{opacity:0}.SpotifyTrack--external:hover .SpotifyTrack__external,.SpotifyTrack--pause:hover .SpotifyTrack__play,.SpotifyTrack--playing:hover .SpotifyTrack__pause{opacity:1;fill:silver}.SpotifyTrack__external,.SpotifyTrack__pause,.SpotifyTrack__play{position:absolute;top:0;left:6px;opacity:0}.SpotifyTrack__external svg,.SpotifyTrack__pause svg,.SpotifyTrack__play svg{width:25px;height:25px;fill:silver}body.modal-active{position:fixed;display:block;overflow:hidden}.Modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:none;background:rgba(0,0,0,.8)}.Modal--active{display:block!important}.Modal .modal-footer{position:absolute;top:50%;left:50%;width:90%;height:auto;padding:40px;text-align:center;background:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (min-width:769px){.Modal .modal-footer{width:700px}}.Modal .modal-footer h4{margin-top:10px;margin-bottom:30px;color:#030205;font-weight:800;font-size:24px;text-transform:uppercase}.Modal .modal-footer p{margin-bottom:20px;color:#030205;font-size:14px;text-align:center}@media (min-width:576px){.Modal .modal-footer p{font-size:16px}}.Modal .modal-footer .close{position:absolute;top:20px;right:20px;width:30px;height:30px;background:none;border:0;cursor:pointer}.Modal .modal-footer .close span{display:inline-block;width:35px;height:2px;background:#030205}.Modal .modal-footer .close span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:translate(-5px,1px) rotate(45deg);transform:translate(-5px,1px) rotate(45deg)}.Modal .modal-footer .close span:last-child{-webkit-transform:translate(-5px,-17px) rotate(-45deg);transform:translate(-5px,-17px) rotate(-45deg)}.Modal .modal-button{display:inline-block;margin:10px 0;padding:10px 60px;color:#fff;text-transform:uppercase;background:#030205}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

/*!
 * 
 *         SimpleBar.js - v2.6.1
 *         Scrollbars, simpler.
 *         https://grsmto.github.io/simplebar/
 *         
 *         Made by Adrien Grsmto from a fork by Jonathan Nicol
 *         Under MIT License
 *       
 */[data-simplebar]{position:relative;z-index:0;overflow:hidden!important;max-height:inherit;-webkit-overflow-scrolling:touch}[data-simplebar=init]{display:-webkit-box;display:-ms-flexbox;display:flex}.simplebar-scroll-content{overflow-x:hidden!important;overflow-y:scroll;min-width:100%!important;max-height:inherit!important;-webkit-box-sizing:content-box!important;box-sizing:content-box!important}.simplebar-content{overflow-y:hidden!important;overflow-x:scroll;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;min-height:100%!important}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;width:11px}.simplebar-scrollbar{position:absolute;right:2px;width:7px;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:0;right:0;opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.simplebar-track .simplebar-scrollbar.visible:before,.simplebar-track:hover .simplebar-scrollbar:before{opacity:.5;-webkit-transition:opacity 0 linear;transition:opacity 0 linear}.simplebar-track.vertical{top:0}.simplebar-track.vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.horizontal{left:0;width:auto;height:11px}.simplebar-track.horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}@font-face{font-weight:900;font-family:Gotham;src:url(/fonts/Gotham-Black.woff2) format("woff2"),url(/fonts/Gotham-Black.woff) format("woff"),url(/fonts/Gotham-Black.ttf) format("truetype"),url(/fonts/Gotham-Black.eot) format("embedded-opentype");font-display:swap}@font-face{font-weight:600;font-family:Gotham;src:url(/fonts/Gotham-Medium.woff2) format("woff2"),url(/fonts/Gotham-Medium.woff) format("woff"),url(/fonts/Gotham-Medium.ttf) format("truetype"),url(/fonts/Gotham-Medium.eot) format("embedded-opentype");font-display:swap}@font-face{font-weight:400;font-family:Gotham;src:url(/fonts/Gotham-Book.woff2) format("woff2"),url(/fonts/Gotham-Book.woff) format("woff"),url(/fonts/Gotham-Book.ttf) format("truetype"),url(/fonts/Gotham-Book.eot) format("embedded-opentype");font-display:swap}.slide-enter-active,.slide-leave-active{-webkit-transition:opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.slide-enter,.slide-leave-to{opacity:0}.appear-enter-active,.appear-leave-active,.fade-enter-active,.fade-leave-active{-webkit-transition:all .4s ease;transition:all .4s ease}.appear-enter,.appear-leave-to,.fade-enter,.fade-leave-to{opacity:0}.animated{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.delay-05s{-webkit-animation-delay:.5s;animation-delay:.5s}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.fade-in{-webkit-animation-name:fadeIn;animation-name:fadeIn}.fade-in-up{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.fade-in-right{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.fade-in-left{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.fade-out{-webkit-animation-name:fadeOut;animation-name:fadeOut}.fade-out-left{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes btnLoading{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}50%{-webkit-transform:translateY(-30%);transform:translateY(-30%)}to{-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes btnLoading{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}50%{-webkit-transform:translateY(-30%);transform:translateY(-30%)}to{-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0);opacity:0}}@keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0);opacity:0}}*{box-sizing:border-box;margin:0;padding:0;font-family:Gotham;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{overflow-x:hidden;background-color:#030205}html{color:#fff;font-size:16px;font-family:Gotham}a,html{text-decoration:none}button{border:0;outline:none;cursor:pointer}.btn{-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;font-size:16px;font-weight:600;text-transform:uppercase;color:#030205;background:#fff;padding:12px 40px 10px}.btn:hover{background:#509bf5;color:#fff}.simplebar-track.vertical{top:10px;right:10px!important;width:1px!important;height:100%;background-color:#030205}.simplebar-track.vertical .simplebar-scrollbar{right:-9px!important;width:20px!important;height:20px!important;background-color:silver;border-radius:50%!important}.simplebar-track.vertical .simplebar-scrollbar:before{background:transparent!important}.simplebar-track.vertical .simplebar-scrollbar.visible{opacity:1!important}.simplebar-content{width:100%!important}.App{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;width:100vw;min-height:100vh;overflow-x:hidden;background-color:#030205}