@import url(//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.css);@import url(//fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap);.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.Player,body{background:#000}.Player{color:#fff}.Options{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between;padding:1em;position:relative;width:100%}.Options .track-title{column-gap:1em;display:flex;font-size:2em;left:50%;max-width:70%;min-width:70%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.Options .track-title img{height:1em;margin:0 1em;width:1em}.Options .track-title__emoji{display:block;margin:0 1em}@media screen and (min-width:600px){.Options .track-title{font-size:4em}}.button{align-items:center;background:#fff;border-radius:30%;color:#000;display:flex;font-size:1.3em;height:3em;justify-content:center;width:3em}.button i{font-size:2em}.button:hover{color:#000}.button.toggle-shuffle{padding-left:.2em;padding-top:.1em}.button.toggle-shuffle.active{color:blue}.button.disabled{display:none}.player{background:#000;padding:0 0 2em}.display{background-color:#460b00;bottom:0;display:flex;flex-direction:column-reverse;width:100%;z-index:10}.display__row{align-items:center;column-gap:3em;display:flex;justify-content:flex-start;position:relative}.display .track-info{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;padding:1em;width:100%}.display .track-info>div:nth-child(3){justify-self:right}.display .track-info .audio-image{aspect-ratio:1;background-size:contain;border:1px solid #fff;border-radius:5px;box-shadow:-5px 5px 15px #555;width:4rem}@media screen and (min-width:600px){.display .track-info .audio-image{width:5rem}}.display .track-info .container{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;width:100%}.display .track-info .track-time{mawidth:4rem;font-size:1.5em;padding-right:.4em;text-align:right}@media screen and (min-width:600px){.display .track-info .track-time{width:5rem}}.display .controls-box{align-items:center;display:flex;justify-content:center;width:100%}.display .controls-box .large-toggle-btn{padding:1em 4em}.display .controls-box .large-pause-btn:before,.display .controls-box .large-play-btn:before{content:"";font-size:3em}.display .controls-box .large-pause-btn:before{content:""}.display .controls-box .next-track-btn,.display .controls-box .previous-track-btn{padding:1em 2em}.display .controls-box .next-track-btn:before{content:"";font-size:2.7em}.display .controls-box .previous-track-btn:before{content:"";font-size:2.7em}.info-box{display:none;width:100%}.progress-box{position:relative}.progress-box .audio-time{font-size:1.4em;left:.5em;position:absolute;top:50%;transform:translateY(-50%)}.progress-box .progress-cell{cursor:pointer;margin:1em 5em}.progress-box .progress-cell .progress{background-color:#ddd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='46'%3E%3Cpath d='M68 44h-6v2h-6v-2h-4v2h-6v-2h-6v2h-2v-2h-6v2h-6v-2h-4v2h-6v-2h-4v2H6v-2H0v-2h8V28H6V0h6v28h-2v14h8V28h-2V0h6v28h-2v14h8V28h-2V0h6v28h-2v14h8V0h2v42h8V28h-2V0h6v28h-2v14h8V28h-2V0h6v28h-2v14h8V0h2v46h-2z' fill='%23999' fill-opacity='.4' fill-rule='evenodd'/%3E%3C/svg%3E");border:2px solid #000;border-radius:5px;height:43px;overflow:hidden;position:relative;width:100%}.progress-box .progress-cell .progress-bg{background:#999;height:50px;left:0;position:absolute;top:0;width:0}.progress-box .progress-cell .progress .progress-buffer{background:#aaa;height:100%;width:0}.progress-box .progress-cell .progress .progress-indicator{background:#aaa;border:0;cursor:pointer;height:50px;left:0;overflow:hidden;position:absolute;top:0;width:4px}.small-progress{background:#5e72e4;background:linear-gradient(90deg,#5e72e4,#5e72e4 4%,#687ae3 9%,#6e7fe3 12%,#7686e3 16%,#5e72e4 20%,#ddd 67%,#ddd);display:flex;justify-content:center;margin-bottom:1em;padding:0 1em;z-index:1}.small-progress,.small-progress>div{height:4px;width:100%}.small-progress>div>div:first-child{border-radius:0}.progress-cell+.audio-time{left:inherit;right:.5em}.Playlist{margin:0 0 auto;overflow-x:hidden;overflow-y:scroll;-webkit-user-select:none;user-select:none}.Playlist--empty{font-size:2.5em;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.Playlist__item{align-items:center;column-gap:1em;cursor:pointer;display:flex;font-size:.8em;justify-content:flex-start;position:relative}.Playlist__item__over{height:100%;left:0;position:absolute;top:0;width:100%}.Playlist__item+.Playlist__item{border-bottom:0}.Playlist__item:first-child{border-top:0}.Playlist__item--active{background:#024263;color:#fff}.Playlist__item__cover img,.Playlist__item__cover span{width:100%}.Playlist__item__number{font-size:1.5em;padding:0 .7em;text-align:center;width:1em}.Playlist__item__title{font-size:2.8em;padding:.8em 0}.Playlist__item .small-toggle-btn{font-size:2em;padding:0 1em}.Playlist__item .small-toggle-btn .small-play-btn:before{content:""}.Playlist__item .small-toggle-btn .small-pause-btn:before{content:""}.Playlist--list{display:flex;flex-direction:column-reverse;margin:auto 0 0}.Playlist--list .Playlist__item{border-top:1px solid #222;padding:.3em 0}.Playlist--list .Playlist__item__cover{height:7em;min-height:7em;min-width:7em;width:7em}.Playlist--list .Playlist__item__cover img{height:7em;width:7em}.Playlist--list .Playlist__item__title{font-size:2em}.Playlist--carousel{display:grid;grid-template-columns:repeat(auto-fill,minmax(50%,1fr));margin:0 0 auto;width:100%}@media screen and (min-width:600px){.Playlist--carousel{grid-template-columns:repeat(auto-fill,minmax(20%,1fr))}}@media screen and (min-width:1000px){.Playlist--carousel{grid-template-columns:repeat(auto-fill,minmax(16%,1fr))}}.Playlist--carousel:before{content:"";padding-bottom:100%;width:0}.Playlist--carousel:before,.Playlist--carousel>:first-child{grid-column:1/1;grid-row:1/1}.Playlist--carousel .Playlist__item{border-radius:5px;flex-direction:column;padding:1em}.Playlist--carousel .Playlist__item .small-toggle-btn,.Playlist--carousel .Playlist__item__number{display:none}.Playlist--carousel .Playlist__item__cover{width:100%}.Playlist--carousel .Playlist__item__cover img{border-radius:5px}.Playlist--carousel .Playlist__item__title{font-size:2.5em;max-width:100%;padding:.8em 0 0;text-align:center}.Playlist--carousel .Playlist__item__title__marquee{padding:0 1em}.Playlists .List{grid-row-gap:1em;align-items:baseline;display:grid;grid-template-columns:1fr 1fr;row-gap:1em}@media screen and (min-width:600px){.Playlists .List{grid-template-columns:1fr 1fr 1fr 1fr}}.Playlists .List__item{align-items:center;display:flex;flex-direction:column;justify-content:center;row-gap:.1em}.Playlists .List__item i{font-size:.4em}.Playlists .List__item img{height:2em;width:2em}@media screen and (min-width:600px){.Playlists .List__item img{height:5em;width:5em}.Playlists .List__item span{font-size:1em}}.Playlists .List__item__name{font-size:.6em;text-transform:capitalize}.Playlists .List__item__user{font-size:.3em;font-weight:700;text-transform:uppercase}.Playlists .List+.List{margin-top:.5em}.Track{box-sizing:border-box;width:100%}.Track__container{display:flex;flex-direction:column;row-gap:1em;width:100%}@media screen and (min-width:600px){.Track__container{flex-direction:row}}.Track__info{font-size:.75em;margin-bottom:1.5em;text-align:center}@media screen and (min-width:600px){.Track__info{min-width:50%}}.Track__info__images{display:block;margin:0 auto;position:relative}.Track__info__images__img{max-width:50%;min-width:50%}@media screen and (min-width:600px){.Track__info__images__img{max-width:85%;min-width:85%}}.Track__info__images__img--mini{border:2px solid #fff;bottom:0;cursor:alias;max-width:10%;min-width:10%;position:absolute;right:20%}@media screen and (min-width:600px){.Track__info__images__img--mini{max-width:20%;min-width:20%;right:6%}}.Track__info span{display:block;padding-top:.3em}.Track__custom{padding:0 .2em}@media screen and (min-width:600px){.Track__custom{padding-right:1em}}.Track__custom__input{align-items:center;background-color:#222;border:0;color:inherit;display:flex;font-size:1em;justify-content:space-between;margin-bottom:1em;max-width:100%;outline:none;position:relative}.Track__custom__input--blocks{display:block}.Track__custom__input input{background-color:#0000;border:0;font-size:inherit;outline:none;width:100%}.Track__custom__input__action{background-color:#666;font-size:.6em;max-width:2em;min-width:2em;text-align:center}.Track__custom__input__action--send{color:#eee}.Track__custom__input__action--clear{color:#222;display:none}.Track__custom__input__action--loading{background-color:#0000;color:#eee}.Track__custom__input--images{display:flex;justify-content:space-evenly}.Track__custom__input__image{border:5px solid #0000;cursor:pointer;max-width:22%}.Track__custom__input__image--selected{border-color:green}.Track__custom__input__warning{color:#aaa;font-size:.4em;padding:.6em}.Track__custom__input__slider{cursor:e-resize;font-size:.85em;left:0;position:absolute;text-align:center;z-index:9}.Track__custom__input__slider i{cursor:inherit}.Track__custom__input__slider__container{background-color:#333;display:block;padding-bottom:1.15em;width:100%}.Track__custom__input__slider--copy{background-color:#add8e6;color:#fff;padding:0 1em}.Track__custom__input__slider--move{background-color:orange;color:#fff;padding:0 1em}.Track__custom__input__slider--delete{background-color:red;color:#fff;padding:0 1em}.Track__custom .PlaylistSelector{font-size:1em;width:100%}.Track__section{color:#666;font-size:1.5em;font-style:italic;font-variation-settings:"wdth" 85;margin:.5em 0;text-align:right}.Track__label{align-items:center;border-bottom:1px solid #ccc;color:#ccc;display:flex;font-size:.5em;font-style:italic;justify-content:space-between;padding-bottom:.2em;padding-left:5px;text-transform:uppercase}.Track__label i{font-size:1.5em}.Toolbar{background:#000;font-size:.6em;padding:1em;width:100%}@media screen and (min-width:600px){.Toolbar{font-size:.8em}}.Toolbar i{color:#999;font-size:3em}.Toolbar__main{align-items:center;column-gap:3em;display:flex;justify-content:space-between;padding:1em}.Toolbar__extra{background:inherit;bottom:7vh;left:0;padding-top:6em;position:absolute;width:100%}.Toolbar__extra__actions{grid-column-gap:2em;grid-row-gap:2em;align-items:center;column-gap:2em;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-content:center;padding:1em;row-gap:2em;text-align:center}.Toolbar__extra__actions .Toolbar__button{font-size:2em}.Toolbar__extra__options{padding:2em 1em}.Toolbar__search{column-gap:1em;margin-right:1em}.Toolbar__search,.Toolbar__search__input{align-items:center;display:flex;flex-grow:1}.Toolbar__search__input{background-color:#222;border-radius:5px;color:#ccc;justify-content:space-between}.Toolbar__search__input i{display:block;font-size:2em;text-align:center;width:2.5em}.Toolbar__search__input input{background-color:#0000;border:0;font-size:2.5em;outline:none;padding:5px;width:100%}.Toolbar__button{display:flex;flex-direction:column;font-size:1.3em}.Toolbar__button i{color:#999}.Toolbar__button--selected i{color:#fff}.Toolbar__button span{color:#999;font-size:.8em;margin-top:.3em}.Youtube .Modal__container{display:flex;flex-direction:column;max-width:600px;padding:.3em;row-gap:1em}.Youtube label{display:block;font-size:.6em;margin-bottom:.3em}.Youtube__bar{display:flex;justify-content:space-between}.Youtube__download{font-size:3.5em;padding:.2em 0;text-align:center}.Youtube__download__buttons{align-items:center;display:flex;justify-content:space-between}.Youtube__download__buttons>div{max-width:35%;width:100%}.Youtube__search{align-items:center;column-gap:.4em;display:flex;flex-direction:column;justify-content:left}.Youtube__search form{width:100%}.Youtube__search__input{background-color:#fff;display:flex;justify-content:center;margin:.2em 0}.Youtube__search__input input{border:0;color:#000;font-size:1em;outline:none;width:100%}.Youtube__search__input__actions{display:flex;justify-content:space-between;margin-top:.1em;padding:0 1em;width:100%}.Youtube__search__input__actions div{align-items:center;column-gap:.5em;cursor:pointer;display:flex;font-size:.65em;text-transform:uppercase}.Youtube__search__input__actions div i{font-size:1.3em;vertical-align:center}.Youtube__search__input__actions div+div{margin-left:.5em}.Youtube__player{display:flex;margin:1em 0}.Youtube__player iframe{margin:auto;max-width:100%}.Youtube__covers{grid-row-gap:1em;grid-column-gap:1em;column-gap:1em;display:grid;grid-template-columns:1fr 1fr;padding:1em;row-gap:1em}@media screen and (max-width:600px){.Youtube__covers{grid-template-columns:1fr 1fr 1fr 1fr}}.Youtube__covers__item{border:6px solid #fff;max-width:100%}@media screen and (max-width:600px){.Youtube__covers__item{border-width:3px}}.Youtube__covers__item--selected{border-color:green}.Youtube__playlist label{font-size:1.2em;padding-top:.5em}.Youtube__playlist select{color:#000;font-size:1em;outline:none;padding:5px;width:100%}.Youtube__songs{display:flex;flex-direction:column;font-size:.5em;row-gap:1em}.Youtube__songs__item{padding:.5em}.Youtube__songs__item--selected{background:#888;color:#000}.Youtube__songs__item--added{background:green;color:#000}.Youtube__songs__item__info{align-items:center;column-gap:1em;cursor:pointer;display:flex}.Youtube__songs__item .Youtube__player{padding:0 .5em}.Youtube__songs__image img{max-width:75px}.Youtube__result{display:flex;flex-direction:column;margin-top:1em;row-gap:.5em}.Youtube__result .loading{display:flex;justify-content:center}.Youtube__result .loading img{max-height:5em;max-width:5em}.Youtube__result__match{align-items:center;column-gap:1em;display:flex}.Youtube__result__match__image{height:2.5em;width:2.5em}.Youtube__result__match__image img{width:100%}.Youtube__result__match__info{display:flex;flex-direction:column;row-gap:.5em}.Youtube__result__match__info__title{font-size:.8em}.Youtube__result__match__info__artist{font-size:.5em}.Youtube__result__match__actions{margin:0 2em 0 auto}.Youtube__result__match__actions i.fa-cloud-download:hover{color:blue}.Youtube__result__match__actions i.fa-music{display:none}.ColorPicker{position:relative}.ColorPicker__swatch{border:3px solid #fff;border-radius:8px;box-shadow:0 0 0 1px #0000001a,inset 0 0 0 1px #0000001a;cursor:pointer;height:4rem;width:5rem}.ColorPicker__swatch--selected{border-color:#6a95fe}.ColorPicker__popover{border-radius:9px;box-shadow:0 6px 12px #00000026;left:0;position:absolute;top:-5px;transform:translate(-35%,-100%);z-index:2}.Custom{display:flex;flex-direction:column;row-gap:3em}.Custom__row{align-items:flex-start;column-gap:4em;display:flex;justify-content:center}.Custom__row .ColorSelector .ColorPicker__label{color:#999;font-size:1.8em;margin-top:.2em}.Custom__row .Emoji__display{font-size:4rem}.Custom__row .Emoji__input{align-items:center;background:#222;border:0;border-radius:10px;display:flex;height:64px;justify-content:center;text-align:center;width:64px}.Custom__row .Emoji__input--selected{background:#0000;border:3px dotted #6a95fe}.Custom__row .Emoji__input--selected span{color:#6a95fe}.Custom__row .Emoji__input input{border:0;color:#0000;height:0;outline:none;width:0}.Custom__row .Emoji__input span{font-size:2em}.Custom__row .Checkers{color:#999;font-size:3em}.Custom__row .Checkers__item{align-items:center;column-gap:1em;display:flex}.Custom__row .EnableMarquee{border-radius:5px;cursor:pointer;height:10em;overflow:hidden;width:10em}.Custom__row .EnableMarquee__text{font-size:10em;line-height:1em;margin-right:.3em}@keyframes rotating{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.rotating{animation:rotating 2s linear infinite}.Loading{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;z-index:100}.Loading,.Loading__container{bottom:0;left:0;position:absolute;right:0;top:0}.Loading__container{background-color:#000;opacity:.7;z-index:-1}.Loading__icon{color:#fff;display:block;font-size:10em}.Loading__title{color:#fff;font-size:5em}.Loading__message{font-size:2em;margin-top:1em}.Account{background:#fff;font-size:16px;height:10%}.Modal{background-color:#000;color:#fff;font-size:3.5em;height:100vh;left:0;overflow-x:hidden;overflow-y:scroll;position:absolute;top:0;width:100vw;z-index:50}.Modal--header{background-color:inherit;position:-webkit-sticky;position:sticky;top:0;z-index:10}.Modal--close{font-size:1.5em;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);z-index:51}.Modal--title{border-bottom:1px solid #fff;font-size:1.5em;padding:.3em 0;text-align:center}.Modal h1{font-size:1em}.Modal h2{font-size:.8em}.Modal__container{padding:1em .1em 5em}.PlaylistSelector{width:100%}.PlaylistSelector select{background-color:#222;border:none;color:#aaa;font-size:inherit;outline:none;padding:2px;width:100%}:root{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-size:10px;font-style:normal;font-variation-settings:"wdth" 100;font-weight:400}*,a,a:hover,a:visited{color:inherit;margin:0;padding:0;text-decoration:none}i{cursor:pointer;font-family:FontAwesome;font-style:normal}body,html{box-sizing:initial;font-size:10px;height:100vh;max-height:100vh;max-width:100vw;min-height:100vh;min-width:100vw;overflow-x:hidden;width:100vw}.body--with-modal{overflow:hidden}#root{width:100%}#root,.page{height:100vh;max-height:100vh}.page{display:flex;flex-direction:column}.text-condensed{font-variation-settings:"wdth" 75}
/*# sourceMappingURL=main.64058c4b.css.map*/