.track-list{display:flex;align-items:center}@media screen and (max-width: 767px){.track-list{flex-direction:column}}svg{display:block}.sidebar{height:100vh;transform:translate(0);transition:transform 1s ease-out;z-index:200}.sidebar__sidebar-wrapper{height:100%;padding:2rem;background-color:#fff}.sidebar__header{height:5rem;display:flex;align-items:center}.sidebar__header__title{display:flex;justify-content:center;width:100%}.sidebar__content{height:80vh}.sidebar__footer{height:2rem;font-size:1.6rem;color:#26ff95;text-align:center}@media screen and (min-width: 1400px){.header[data-v-620aa5c9]{max-width:128rem;margin:0 auto;padding-left:0;padding-right:0}}.header__header-wrapper[data-v-620aa5c9]{display:flex;justify-content:space-between;margin:2rem 0}@media screen and (max-width: 767px){.header__header-wrapper[data-v-620aa5c9]{margin:2rem}}.player-list{display:inline;justify-content:center;overflow-x:scroll;overflow-y:hidden;width:1px;padding:0 50%}.player-list::-webkit-scrollbar{display:none}@media screen and (max-width: 767px){.player-list{display:flex;width:100%;padding:2rem 0}}@media screen and (max-width: 767px){.player-list__spacer{width:32rem;flex-shrink:0}}.player-list__container{display:flex;justify-content:center;padding:10rem 50%;overflow-x:auto;overflow-y:hidden}.player-list__container::-webkit-scrollbar{display:none}@media screen and (max-width: 767px){.player-list__container{padding:0}}.player-list__genre{position:relative;display:inline-block;height:max-content;margin:1rem 2rem;cursor:pointer}@media screen and (max-width: 767px){.player-list__genre{margin:.5rem 1rem}}@media screen and (max-width: 767px){.player-list__genre_active:before{top:50%;left:calc(50% - 2rem)}}.player-list__genre_playing{animation:rotate 50s linear infinite}.player-list__genre_playing:before{content:"";position:absolute;top:calc(50% - 10px);left:calc(50% - 20px);animation:pulse-animation 2s infinite;border-radius:50%;height:20px;width:20px;background:green;transform:translate(-50%,-50%);z-index:10}@media screen and (min-width: 451px){.player-list__genre_playing:before{top:50%;left:50%}}.player-list__genre:not(.player-list__genre_active){opacity:.4}@media screen and (max-width: 767px){.player-list__genre-image-wrapper:last-child{padding-right:2rem}}.player-list__genre-image{width:28rem;height:28rem;object-fit:cover;opacity:.4;margin:2rem;transition:transform .3s ease;outline:.5rem solid #067D4A;border-radius:50%}@media screen and (max-width: 767px){.player-list__genre-image{margin:1rem 0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-animation{0%{box-shadow:0 0 #0003}to{box-shadow:0 0 0 30px #0000}}.loader{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4;background:gray}.loader__circle{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px);display:block;width:2rem;height:2rem;transform:translate(-50%,-50%);animation:spin 1s linear infinite;border:.4rem solid #e5e5e5;border-top:.4rem solid #067D4A;border-radius:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-button{border:none;padding:0;outline:none;background-color:transparent}button:focus,button:focus-visible{outline:none}.icon{display:flex;align-items:center;justify-content:center}.radio-buttons{position:relative;cursor:pointer}@media screen and (max-width: 767px){.radio-buttons{border-radius:6rem;border:1px solid black;display:flex;align-items:center;width:100%;margin:1rem 0;padding:1rem}}.radio-buttons__label{margin-left:3rem;padding-right:4rem;font-size:2rem}.radio-buttons__radio{color:#26ff95;position:relative;cursor:pointer}.radio-buttons__radio[type=radio]{position:absolute;left:-9999px}.radio-buttons__radio [type=radio]+label{position:relative;padding-left:2.8rem;cursor:pointer;line-height:2rem;display:inline-block;color:gray}.radio-buttons__radio [type=radio]+label:before{content:"";position:absolute;left:0;top:0;width:1.8rem;height:1.8rem;border:.2rem solid #26FF95;border-radius:50%;background:#fff}.radio-buttons__radio [type=radio]+label:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";width:1.2rem;height:1.2rem;background:#26ff95;border-radius:50%;opacity:0;transition:all .2s ease}.radio-buttons__radio [type=radio]:checked+label:after{opacity:1}.radio-buttons__check{position:absolute;top:50%;right:0;transform:translate(-50%,-50%);padding:0;width:2rem;height:2rem;border:2px solid #26FF95;border-radius:50%;background-color:#fff;pointer-events:visible}@media screen and (max-width: 767px){.radio-buttons__check{margin:0}}.radio-buttons.active .radio-buttons__check{padding:0}.radio-buttons.active .radio-buttons__check:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";height:1rem;width:1rem;background:#26ff95;border-radius:50%}.player-controls{border-radius:6rem;width:40rem;height:11rem;margin:0 auto;border:1px solid transparent;box-shadow:0 0 10px #0006}@media screen and (max-width: 767px){.player-controls{width:90%;height:8rem}}.player-controls__control{display:flex;justify-content:center;width:33%}.player-controls__button{border:none;cursor:pointer}.player-controls__button_play-pause{padding:1rem;border-radius:50%;z-index:1;background:#067d4a}.player-controls__controls-wrapper{display:flex;justify-content:start;align-items:center;height:100%;width:100%}.track-info{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom:5rem;font-weight:700}@media screen and (max-width: 767px){.track-info{padding-bottom:0}}.track-info__genre{font-size:2rem;margin-bottom:2rem}.track-info__title{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.2rem}.track-info__title h3{margin-left:1rem}@media screen and (max-width: 767px){.track-info__title h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:30rem}}.track-info__listeners{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;font-size:1.5rem}@media screen and (max-width: 767px){.track-info__listeners{margin-bottom:1rem}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:200;opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility 0s linear .5s}.visible{opacity:1;visibility:visible;transition:opacity .5s ease-in-out,visibility 0s linear}.player{height:100vh}.player:before{content:"";position:fixed;top:60%;bottom:0;left:50%;right:0%;height:100%;width:100%;background:url(../images/image-rounds.svg) no-repeat 0 0;background-size:60%}@media screen and (max-width: 767px){.player:before{right:0;bottom:0;top:70%;height:300px;background-size:100%}}.player .no-data{position:absolute;top:50%;left:50%;padding:3rem 2rem;transform:translate(-50%,-50%);font-size:3rem;border:1px solid #26FF95}body{margin:0;overflow:hidden}#app{height:100vh;width:100%;max-width:100%;overflow:hidden;padding:0}*{font-family:Urbanist,sans-serif}html{font-size:62.5%}