@import url(https://fonts.googleapis.com/css2?family=Days+One&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);.button{align-items:center;background-color:#0c1821;border:1px solid hsla(0,0%,98%,.5);border-radius:1rem;color:#f6f6f6;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease-in-out}.button.active,.button:hover{background-color:#1f68f2}.button--danger.active,.button--danger:hover{background-color:#ff7a8a}.button--success.active,.button--success:hover{background-color:#0a7d27}.header-logo{align-items:center;cursor:pointer;display:none;grid-area:logo;justify-content:center}@media(max-width:600px){.header-logo{display:flex}}.header-logo img{height:auto;width:2.3rem}.header{align-items:center;display:flex;gap:1.688rem;grid-area:header;padding:1.4rem 2.525rem 1.4rem 1.875rem}@media(max-width:600px){.header{padding:1.4rem 1.875rem}}.header__search{align-items:center;background-color:#0c1821;border:1px solid hsla(0,0%,98%,.5);border-radius:3rem;display:flex;gap:1rem;height:2.5rem;padding:12px;text-align:center;width:20rem}@media(max-width:600px){.header__search{display:none}}.header__search>img{height:1.5rem;width:1.5rem}.header__search>input{background-color:transparent;flex-grow:1;font-size:1.188rem}.header__nav{align-items:center;display:flex;gap:1.5rem}@media(max-width:1100px){.header__nav{display:none}}.header__nav__item a{align-items:center;display:flex;font-size:1.2rem;gap:.625rem;overflow:hidden;transition:width .35s ease-in-out;width:2rem}.header__nav__item a:hover{text-decoration:none}.header__nav__item img{height:1.375rem;width:1.375rem}.header__nav__item.active a,.header__nav__item:hover a{width:100%}.header__auth{align-items:center;display:flex;gap:1.5rem;margin-left:auto}.header__auth__icon{background-image:url(/static/img/auth__icon.svg);background-position:50%;background-repeat:no-repeat;border-radius:50%;display:none;height:2.7rem;width:2.7rem}@media(max-width:1200px){.header__auth__icon{display:flex}}.header__auth__login{display:flex}@media(max-width:1200px){.header__auth__login{display:none}}.header__auth__register{display:flex}@media(max-width:1200px){.header__auth__register{display:none}}.header__profile{margin-left:auto;position:relative}.header__profile__avatar{background-position:50%;background-size:cover;border-radius:50%;cursor:pointer;height:3rem;width:3rem}.header__profile__menu{background-color:#0c1821;border:1px solid hsla(0,0%,98%,.5);border-radius:10px;display:flex;flex-direction:column;gap:1.2rem;left:0;margin-top:1.32rem;padding:1.2rem .7rem;position:absolute;top:100%;translate:-62% 0;z-index:1}.header__profile__menu .item{align-items:center;display:flex;gap:.5rem}.header__profile__menu .item img{height:1rem;width:1rem}.header__profile__menu__separator{background-color:hsla(0,0%,98%,.5);height:1px;width:100%}.dialog{align-items:center;backdrop-filter:blur(5px);background-color:transparent;display:flex;flex-direction:column;inset:0;justify-content:center;padding:10vh 0;position:fixed;z-index:10}.dialog__container{overflow-x:hidden;overflow-y:auto}.dialog--confirm .dialog__container{background-color:#0c1821;border:1px solid hsla(0,0%,98%,.5);border-radius:15px;display:flex;flex-direction:column;gap:1rem;max-width:80%;min-width:33%;padding:1rem}.dialog--confirm__actions{display:flex;gap:4rem;justify-content:space-between}.popup--playlist-create{align-items:center;backdrop-filter:blur(5px);background-color:transparent;display:flex;height:100%;inset:0;justify-content:center;position:fixed;width:100%}.form--playlist-create{align-items:center;background-color:#0c1821;border:1px solid hsla(0,0%,98%,.5);border-radius:15px;display:flex;flex-direction:column;padding:2rem;width:26.25rem}.form--playlist-create .form__title{align-self:stretch;font-family:Inter}.form--playlist-create .form-input-container--image__image,.form--playlist-create .form-input-container--image__placeholder{border-radius:15px}.form--playlist-create .form-input-container{align-self:stretch;display:flex;flex-direction:column;gap:1.25rem;padding:0 2rem}.form--playlist-create .form-input-container input{font-size:1rem}.form{display:flex;flex-direction:column;gap:1.25rem}.form__title{border-bottom:1px solid hsla(0,0%,98%,.5);padding-bottom:1.25rem;text-align:center}.form-input-container{display:flex;flex-direction:column;gap:.438rem;justify-content:space-between}.form-input-container__label{font-size:1.3rem;font-weight:600}@media(max-width:600px){.form-input-container__label{font-size:1.2rem}}.form-input-container__password{align-items:center;display:flex;position:relative}.form-input-container__password input{width:100%}.form-input-container__password__show{cursor:pointer;height:1.75rem;position:absolute;right:.625rem;width:1.75rem}.form-input-container__input{background-color:#182633;border:1px solid hsla(0,0%,98%,.5);border-radius:10px;padding:.6rem}.form-input-container__input::placeholder{color:hsla(0,0%,98%,.5);text-align:center}.form-input-container__input[type=file]::file-selector-button{display:none}.form-input-container__error{color:#ff7a8a;font-size:1rem;line-height:1.25;min-height:1.25em;text-align:center;width:100%}.form-input-container__radio{align-items:center;background-color:#182633;border:1px solid hsla(0,0%,98%,.5);border-radius:10px;display:flex;flex-direction:column;gap:.625rem;padding:1.25rem}.form-input-container__radio__label{align-items:center;display:flex;gap:1.25rem}.form-input-container__radio__input{appearance:none;background-color:#0c1821;border:1px solid hsla(0,0%,98%,.5);border-radius:5px;cursor:pointer;height:1.188rem;width:1.188rem}.form-input-container__radio__input:checked{background-color:#1f68f2}.form-input-container__select{background-color:#182633;border:1px solid hsla(0,0%,98%,.5);border-radius:10px;color:#f6f6f6;padding:.6rem;transition:all .2s ease-in-out}.form-input-container__select .placeholder{color:hsla(0,0%,98%,.5)}.form-input-container__select:open{border-radius:10px 10px 5px 5px}.form-input-container__select:open::picker-icon{rotate:180deg}.form-input-container--image{display:flex;flex-direction:column;gap:.438rem;position:relative;width:min-content}.form-input-container--image__button{align-items:center;background-color:#0c1821;border:1px solid hsla(0,0%,98%,.5);border-radius:50%;cursor:pointer;display:flex;left:10rem;padding:.625rem;position:absolute;top:10rem}@media(max-width:600px){.form-input-container--image__button{left:7rem;top:7rem}}.form-input-container--image__button>img{cursor:pointer;height:1.25rem;width:1.25rem}.form-input-container--image__button:hover{background-color:#ff7a8a;cursor:pointer}.form-input-container--image__image{background-position:50%;background-size:contain;border-radius:50%;height:13.625rem;width:13.625rem}@media(max-width:600px){.form-input-container--image__image{height:10rem;width:10rem}}.form-input-container--image__placeholder{align-items:center;background-color:#0c1821;border:1px solid hsla(0,0%,98%,.5);border-radius:50%;display:flex;height:13.625rem;justify-content:center;width:13.625rem}@media(max-width:600px){.form-input-container--image__placeholder{height:10rem;width:10rem}}.form-input-container--image__input{opacity:0;pointer-events:none;position:absolute}.form-input-container--image__error{color:#ff7a8a;font-size:1rem;line-height:1.25;min-height:1.25em;text-align:center}.form-apply-button{background-color:#1f68f2}.form-apply-button,.form-reject-button{border:1px solid hsla(0,0%,98%,.5);border-radius:10px;color:#f6f6f6;cursor:pointer;font-size:1.3rem;padding:.625rem 1rem}.form-reject-button{background-color:#c83126}.selective *{pointer-events:none}.selective:hover{cursor:pointer}.selective.active{background-color:#1f68f2}.selective.active:has(.artist-card){background-color:transparent}.selective.active:has(.artist-card) .artist-card__info__title{color:#1f68f2}.playlists-panel{background-color:#0c1821;border-radius:0 1.25rem 1.25rem 0;display:flex;flex-direction:column;gap:1rem;grid-area:playlists-panel;padding:2.25rem 1rem}.playlists-panel__create{align-items:center;border:none!important;display:flex;height:4.625rem;justify-content:center;width:4.625rem}.playlists-panel__create:hover{background-color:#212121!important;border-radius:50%!important}.playlists-panel__create>img{height:2.25rem;width:2.25rem}.playlists-panel__favorite{align-items:center;aspect-ratio:1/1;background-color:#262b3d;background-image:url(/static/img/liked.svg);background-position:50%;background-repeat:no-repeat;background-size:2.25rem 2.25rem;border-radius:15px;display:flex;height:4.625rem;justify-content:center;transition:scale .2s ease-in-out;width:4.625rem}.playlists-panel__favorite:hover{scale:1.025}.playlists-panel__playlists{display:flex;flex-direction:column;gap:1rem;margin:0 -1rem;overflow-y:scroll;padding:0 1rem;scrollbar-width:none}.playlists-panel__playlists>*{flex-shrink:0}.playlists-panel__playlists .item{display:block;transition:scale .2s ease-in-out}.playlists-panel__playlists .item>img{border-radius:15px;box-shadow:4px 4px 4px 0 rgba(0,0,0,.25);height:4.625rem;width:4.625rem}.playlists-panel__playlists .item>img:hover{scale:1.025}.playlists-panel__playlists .item__title{background-color:#212121;border-radius:10px;display:none;padding:.625rem;pointer-events:none;position:fixed;translate:0 -50%;z-index:1}.playlists-panel__playlists .item:hover .item__title{display:block}.small-player{background-color:#000;grid-area:"player";height:5.25rem}.small-player,.small-player__song{align-items:center;display:flex}.small-player__song img{border-radius:15%;height:3.7rem;width:3.7rem}.small-player__song-container{align-items:center;display:flex;gap:1vw;padding-left:.625rem;position:relative;width:20vw}.small-player__song-container .icon{cursor:pointer;height:1.7rem;user-select:none;width:auto}.small-player__song-text{display:flex;flex-direction:column;gap:.2vw;padding-left:1vw}.small-player__song-text .song-name{color:#f6f6f6;font-family:Inter;font-size:14px;font-weight:600;user-select:none}.small-player__song-text .artist-name{color:#f6f6f6;font-family:Inter;font-size:12px;font-weight:300;user-select:none}.small-player__song-text .artist-name:hover{cursor:pointer;text-decoration:underline}.small-player__song-text .artist-name,.small-player__song-text .song-name{max-width:10rem}.small-player__container{align-items:center;bottom:0;display:flex;height:5.25rem;justify-content:space-between;padding-right:1.25rem;width:100%}.small-player__widgets{align-items:center;display:flex;flex-direction:column;height:80%;justify-content:space-around}.small-player__controls{display:flex;gap:clamp(.625rem,2vw,2.438rem)}.small-player__controls .icon{cursor:pointer;height:1.4rem;user-select:none;width:1.4rem}.small-player__controls .icon:hover{transform:translateY(-1px)}.small-player__progress-container{align-items:center;display:flex;gap:1rem;justify-content:center}.small-player__progress-container span{color:#f6f6f6;user-select:none;width:2.2rem}.small-player__progress-container .rectangle{align-items:center;background-color:#f6f6f6;border-radius:50px;display:flex;height:5px;position:relative;width:clamp(12.5rem,30vw,31.25rem)}.small-player__progress-container .rectangle:hover{cursor:pointer}.small-player__progress-container .rectangle.dragging .circle,.small-player__progress-container .rectangle:hover .circle{display:block}.small-player__progress-container .rectangle .rectangle-prev{background-color:#1f68f2;border-radius:50px;height:5px;left:0;position:absolute;width:0}.small-player__progress-container .rectangle .circle{background-color:#1f68f2;border-radius:50%;display:none;height:12px;left:0;position:absolute;width:12px}.small-player__tools{align-items:center;display:flex;gap:1vw;justify-content:flex-end;width:15vw}.small-player__tools .icon{cursor:pointer;height:1.5rem;user-select:none;width:1.5rem}.small-player__tools .resize:hover{scale:1.12}.small-player__tools .rectangle-volume{align-items:center;background-color:#f6f6f6;border-radius:50px;display:flex;height:5px;position:relative;width:clamp(.625rem,8vw,7rem)}.small-player__tools .rectangle-volume:hover{cursor:pointer}.small-player__tools .rectangle-volume.dragging .circle,.small-player__tools .rectangle-volume:hover .circle{display:block}.small-player__tools .rectangle-volume .rectangle-prev{background-color:#1f68f2;border-radius:50px;height:5px;left:0;position:absolute;width:0}.small-player__tools .rectangle-volume .circle{background-color:#1f68f2;border-radius:50%;display:none;height:12px;left:0;position:absolute;width:12px}.popup{position:absolute;z-index:9}.popup--left{right:0}.popup--right{left:0}.popup--above{bottom:100%}.popup--under{top:100%}.actions{position:relative}.actions__img{cursor:pointer;height:2rem;width:2rem}.actions__popup{background-color:#0c1821;border:1px solid hsla(0,0%,98%,.5);border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:.8em}.actions__popup .actions-item{align-items:center;background-color:transparent;cursor:pointer;display:flex;gap:10px;padding:0 5px;white-space:nowrap;width:100%}.actions__popup .actions-item img{height:1.5rem;width:1.5rem}.actions__popup .actions-item:hover{text-decoration:underline}.like{cursor:pointer}.like img{height:2rem;width:2rem}.like.active{animation:liked 1.2s linear}@keyframes liked{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.2)}to{transform:scale(1)}}.track-line{align-items:center;display:flex;gap:1rem}.track-line>*{flex:1 1 0}@media(max-width:600px){.track-line>*{flex:0 1 auto}}.track-line__info{align-items:center;display:flex;gap:1rem;width:10%}@media(max-width:600px){.track-line__info{width:auto}}.track-line__info__index{display:none;flex:0 0 30px;font-size:1.3rem;font-weight:600;margin-right:2px;text-align:right}.track-line__info__img{cursor:pointer;position:relative}.track-line__info__img .content{border-radius:15px;display:block;height:4.375rem;width:4.375rem}.track-line__info__img .state{display:block;height:33%;left:50%;position:absolute;top:50%;translate:-50% -50%;width:33%}.track-line__info__text{display:flex;flex-direction:column;gap:.313rem;justify-content:center;width:15rem}@media(max-width:600px){.track-line__info__text{width:10rem}}.track-line__info__text__title{display:-webkit-box;font-size:1.3rem;font-weight:600;-webkit-line-clamp:2}.track-line__info__text__artists,.track-line__info__text__title{-webkit-box-orient:vertical;line-height:1.2;max-height:3.12rem;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;word-break:break-word}.track-line__info__text__artists{display:flex;display:-webkit-box;font-size:1rem;font-weight:300;gap:.313rem;white-space:nowrap;-webkit-line-clamp:1}.track-line__info__text__artists:first-child{font-weight:400}.track-line.active .track-line__info__img .content{filter:brightness(.5);transition:filter .3s ease-in-out}.track-line.ping{animation:pingTrack .8s ease-in-out .3s 4 alternate}@keyframes pingTrack{0%{background-color:transparent}to{background-color:#1f68f2}}.track-line__album{display:flex;font-size:1.2rem;font-weight:300;justify-content:flex-start;padding-left:20%}@media(max-width:1200px){.track-line__album{display:none}}.track-line__controls{align-items:center;display:flex;gap:1rem;justify-content:flex-end}@media(max-width:600px){.track-line__controls{width:auto}}.track-line__controls .actions--track{display:block}.track-line__controls__duration{font-size:1.3rem;font-weight:300}@media(max-width:1200px){.track-line__controls__duration{display:none}}.track-line__controls__duration-container{padding-right:1.5rem}@media(max-width:600px){.track-line{justify-content:space-between}}.track-card{align-items:center;display:flex;flex-direction:column;gap:1rem}.track-card__img{cursor:pointer;position:relative}.track-card__img .content{border-radius:15px;box-shadow:4px 4px 4px 0 rgba(0,0,0,.25);height:8.75rem;width:8.75rem}@media(max-width:600px){.track-card__img .content{height:7.7rem;width:7.7rem}}.track-card__img .state{display:block;height:33%;left:50%;position:absolute;top:50%;translate:-50% -50%;width:33%}.track-card.active .track-card__img .content{filter:brightness(.5);transition:filter .3s ease-in-out}.track-card__info{align-items:center;display:flex;flex-direction:column;gap:.313rem;width:10rem}@media(max-width:600px){.track-card__info{width:8rem}}.track-card__info__title{display:-webkit-box;font-size:1.3rem;font-weight:600;-webkit-line-clamp:2}.track-card__info__artists,.track-card__info__title{text-align:center;-webkit-box-orient:vertical;line-height:1.2;max-height:3.12rem;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;word-break:break-word}.track-card__info__artists{display:flex;display:-webkit-box;font-size:1rem;font-weight:300;gap:.313rem;-webkit-line-clamp:1}.track-card__info__artists:first-child{font-weight:400}.track-to-playlist{background-color:#0c1821;border:1px solid hsla(0,0%,98%,.5);border-radius:15px;display:flex;gap:1.3rem;min-width:30vw;padding:1.3rem}.track-to-playlist__options{display:flex;flex-direction:column;gap:1.3rem;width:100%}.track-to-playlist .track-card{display:flex}@media(max-width:600px){.track-to-playlist .track-card{display:none}}.track-to-playlist__line{align-items:center;display:flex;gap:1.875rem;justify-content:space-between}.track-to-playlist__line__img{border-radius:15px;height:4.375rem;width:4.375rem}.track-to-playlist__line__title{font-size:1.3rem;font-weight:600}.fullscreen-player{background-color:#000;bottom:0;gap:calc(3.5vw + 3.5vh);height:100vh;left:0;position:fixed;width:100vw;z-index:1001}.fullscreen-player,.fullscreen-player__container{align-items:center;display:flex;flex-direction:column;justify-content:center}.fullscreen-player__container{gap:calc(2vw + 2vh)}.fullscreen-player__song{align-items:center;display:flex;flex-direction:column;gap:calc(1vw + 1vh);justify-content:center}.fullscreen-player__song img{border-radius:15%;height:calc(12.5vw + 12.5vh);width:calc(12.5vw + 12.5vh)}.fullscreen-player__song-text{align-items:center;display:flex;flex-direction:column;gap:calc(.75vw + .75vh)}.fullscreen-player__song-text .song-name{color:#f6f6f6;font-family:Inter;font-size:calc(1.5vw + 1.5vh);font-weight:600;user-select:none}.fullscreen-player__song-text .artist-name{color:#f6f6f6;font-family:Inter;font-size:calc(1vw + 1vh);font-weight:300;user-select:none}.fullscreen-player__song-text .artist-name:hover{cursor:pointer;text-decoration:underline}.fullscreen-player__song-text .artist-name,.fullscreen-player__song-text .song-name{max-width:30vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fullscreen-player__song-text .artist-name.is-overflowing .marquee,.fullscreen-player__song-text .song-name.is-overflowing .marquee{animation:none!important}.fullscreen-player__controls{display:flex;gap:calc(1.5vw + 1.5vh)}.fullscreen-player__controls .icon{cursor:pointer;height:1.75rem;user-select:none;width:1.75rem}.fullscreen-player__controls .icon:hover{transform:translateY(-1px)}.fullscreen-player__progress-container{align-items:center;display:flex;gap:1rem;justify-content:center}.fullscreen-player__progress-container span{color:#f6f6f6;user-select:none;width:2.2rem}.fullscreen-player__progress-container .rectangle{align-items:center;background-color:#f6f6f6;border-radius:50px;display:flex;height:5px;position:relative;width:calc(20vw + 20vh)}.fullscreen-player__progress-container .rectangle:hover{cursor:pointer}.fullscreen-player__progress-container .rectangle.dragging .circle,.fullscreen-player__progress-container .rectangle:hover .circle{display:block}.fullscreen-player__progress-container .rectangle .rectangle-prev{background-color:#1f68f2;border-radius:50px;height:5px;left:0;position:absolute;width:0}.fullscreen-player__progress-container .rectangle .circle{background-color:#1f68f2;border-radius:50%;display:none;height:12px;left:0;position:absolute;width:12px}.fullscreen-player__bottom-content{display:grid;gap:1.25rem;grid-template-rows:auto auto}.fullscreen-player__tools{align-items:center;display:flex;justify-content:space-between}.fullscreen-player__tools .icon{cursor:pointer;height:1.75rem;user-select:none;width:1.75rem}.fullscreen-player__tools .resize:hover{scale:1.12}.fullscreen-player__tools .controls,.fullscreen-player__tools .icons{align-items:center;display:flex;flex-direction:row;gap:1.45rem}.fullscreen-player__tools .controls .rectangle-volume{align-items:center;background-color:#f6f6f6;border-radius:50px;display:flex;height:5px;position:relative;width:clamp(3rem,8vw,7.5rem)}.fullscreen-player__tools .controls .rectangle-volume:hover{cursor:pointer}.fullscreen-player__tools .controls .rectangle-volume.dragging .circle,.fullscreen-player__tools .controls .rectangle-volume:hover .circle{display:block}.fullscreen-player__tools .controls .rectangle-volume .rectangle-prev{background-color:#1f68f2;border-radius:50px;height:5px;left:0;position:absolute;width:0}.fullscreen-player__tools .controls .rectangle-volume .circle{background-color:#1f68f2;border-radius:50%;display:none;height:12px;left:0;position:absolute;width:12px}.mobile-player{background-color:#000;display:flex;flex-direction:column;grid-area:player;height:5rem;justify-content:space-around;padding-left:10px;padding-right:20px}.mobile-player__container{align-items:center;display:grid;grid-template-columns:auto auto;grid-template-rows:auto;width:100%}.mobile-player__song{align-items:center;display:flex}.mobile-player__song img{border-radius:15%;height:3.5rem;width:3.5rem}.mobile-player__song-text{display:flex;flex-direction:column;gap:.2vw;padding-left:1rem}.mobile-player__song-text .song-name{color:#f6f6f6;font-family:Inter;font-size:1.2rem;font-weight:600;user-select:none}.mobile-player__song-text .artist-name{color:#f6f6f6;font-family:Inter;font-size:1rem;font-weight:300;user-select:none}.mobile-player__song-text .artist-name,.mobile-player__song-text .song-name{max-width:20rem}.mobile-player__controls{display:flex;gap:1.5rem;justify-content:flex-end}.mobile-player__controls .icon{cursor:pointer;height:1.6rem;user-select:none;width:1.6rem}.mobile-player__controls .icon:hover{transform:translateY(-1px)}.mobile-player__progress-container{height:2px;width:100%}.mobile-player__progress-container .rectangle{align-items:center;background-color:#f6f6f6;border-radius:50px;display:flex;height:2px;position:relative;width:100%}.mobile-player__progress-container .rectangle .rectangle-prev{background-color:#1f68f2;border-radius:50px;height:2px;left:0;position:absolute;width:0}.fullscreen-mobile-player{align-items:center;background-color:#000;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:0 3rem;position:fixed;width:100vw;z-index:1001}.fullscreen-mobile-player__container{display:flex;flex-direction:column;gap:5vh;max-width:500px;width:100%}.fullscreen-mobile-player__container img.song-img{aspect-ratio:1/1;border-radius:5%;width:100%}.fullscreen-mobile-player__container__top{display:flex;justify-content:space-between;width:100%}.fullscreen-mobile-player__container__top .cross{cursor:pointer;height:auto;width:1.15rem}.fullscreen-mobile-player__container__top .album-href{cursor:pointer;font-size:1.3rem;user-select:none}.fullscreen-mobile-player__container__widgets{align-items:center;display:flex;justify-content:space-between;width:100%}.fullscreen-mobile-player__container__widgets .actions,.fullscreen-mobile-player__container__widgets .icon{height:2.5rem;width:auto}.fullscreen-mobile-player__container__widgets .song-text{align-items:center;display:flex;flex-direction:column;gap:.5rem}.fullscreen-mobile-player__container__widgets .song-text .song-name{cursor:default;font-size:1.75rem}.fullscreen-mobile-player__container__widgets .song-text .artist-name{cursor:pointer;font-size:1.3rem;font-weight:300}.fullscreen-mobile-player__container__widgets .song-text .artist-name,.fullscreen-mobile-player__container__widgets .song-text .song-name{max-width:15rem}.fullscreen-mobile-player__container__line{display:flex;flex-direction:column;gap:2rem}.fullscreen-mobile-player__container__progress-container{height:2px;width:100%}.fullscreen-mobile-player__container__progress-container .rectangle{align-items:center;background-color:#f6f6f6;border-radius:50px;display:flex;height:2px;position:relative;width:100%}.fullscreen-mobile-player__container__progress-container .rectangle:hover{cursor:pointer}.fullscreen-mobile-player__container__progress-container .rectangle.dragging .circle,.fullscreen-mobile-player__container__progress-container .rectangle:hover .circle{display:block}.fullscreen-mobile-player__container__progress-container .rectangle .rectangle-prev{background-color:#1f68f2;border-radius:50px;height:2px;left:0;position:absolute;width:0}.fullscreen-mobile-player__container__progress-container .rectangle .circle{background-color:#1f68f2;border-radius:50%;display:block;height:12px;left:0;position:absolute;width:12px}.fullscreen-mobile-player__container__duration{display:flex;justify-content:space-between;width:100%}.fullscreen-mobile-player__container__duration span{color:#f6f6f6;font-size:1.3rem;user-select:none}.fullscreen-mobile-player__container__controls{display:flex;justify-content:space-between;width:100%}.fullscreen-mobile-player__container__controls .icon{cursor:pointer;height:7vw;max-height:43px;user-select:none;width:auto}.fullscreen-mobile-player__container__controls .icon:hover{transform:translateY(-1px)}.artist-name .marquee,.song-name .marquee{display:inline-block}.artist-name.is-overflowing .marquee,.song-name.is-overflowing .marquee{animation:marquee 12s linear infinite}.artist-name,.song-name{display:inline-block;line-height:1.2;overflow:hidden;white-space:nowrap}@keyframes marquee{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.logo{align-items:center;cursor:pointer;display:flex;grid-area:logo;justify-content:center}@media(max-width:600px){.logo{display:none}}.logo img{height:auto;width:2.3rem}.bottom-header{align-items:center;background-color:#000;display:none;grid-area:bottom-header;height:3.75rem;justify-content:space-around;width:100%}@media(max-width:1100px){.bottom-header{display:flex}}.bottom-header img{height:auto;width:1.65rem}.form--auth{align-items:center;background-color:#0c1821;border:1px solid hsla(0,0%,98%,.5);border-radius:15px;display:flex;flex-direction:column;padding:2rem;width:26.25rem}.form--auth .form__title{align-self:stretch;font-family:Inter}.form--auth .form-input-container{align-self:stretch;display:flex;flex-direction:column;gap:1.25rem;padding:0 2rem}.form--auth .form-input-container input{font-size:1rem}.form--auth .form-input-container__error{display:block;font-size:.9rem;height:2rem}.form--auth .form-bottom-container{margin-top:2rem;text-align:center}.form--auth .form__link{color:hsla(0,0%,98%,.5);font-size:1rem}.notification{border:1px solid hsla(0,0%,98%,.5);border-radius:15px;display:flex;justify-content:center;padding:.312rem .625rem;position:relative;width:clamp(200px,33%,70%)}.notification__content{align-items:center;display:flex;justify-content:center;padding:.312rem 0}.notification--success{background-color:#0a7d27}.notification--error{background-color:#ff2c2c}.notification__close{cursor:pointer;height:1.1rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1.1rem}.notification__close:hover{scale:1.05}.notifications-container{align-items:center;display:flex;flex-direction:column-reverse;gap:.625rem;grid-area:page;left:0;padding:.625rem;position:absolute;top:0;width:100%;z-index:20}.collections-container{column-gap:3.813rem;display:grid;font-family:Days One;font-size:1.2rem;font-weight:300;grid-template-columns:1fr 1fr 1fr 1fr 1fr;height:100%;width:100%}.collections-container a{display:flex;flex-direction:column;gap:.75em;min-width:8.75rem;text-align:center;width:100%}@media(max-width:600px){.collections-container a{min-width:7.7rem}}.collections-container .collections{aspect-ratio:1/1;background-color:#262b3d;background-position:50%;background-repeat:no-repeat;background-size:35% 35%;border-radius:15%;cursor:pointer}.collections-container .collections:hover{border:1px solid #f6f6f6}.collections-container__favourite{background-image:url(/static/img/collections-heart.svg)}.collections-container__popular{background-image:url(/static/img/collections-diamond.svg)}.collections-container__new{background-image:url(/static/img/collections-bell.svg)}.collections-container__week{background-image:url(/static/img/collections-star.svg)}.collections-container__top{background-image:url(/static/img/collections-lightning.svg)}.section{display:flex;flex-direction:column;gap:1.25rem;position:relative;width:100%}.section__top{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}@media(max-width:600px){.section__top__title{font-size:1.5rem}}.section__top__link{color:#b3b3b3;flex-shrink:0}@media(max-width:600px){.section__top__link{font-size:1rem}}.section__content{display:flex;flex-direction:column;gap:1.25rem}.section__skeleton{background-color:#262b3d;border-radius:10px;height:8.75rem;overflow:hidden;position:relative;width:100%}.section__skeleton:before{animation:shimmer 1.5s infinite;background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.05) 70%,transparent);content:"";height:100%;left:-50%;position:absolute;top:0;width:200%}@keyframes shimmer{0%{transform:translateX(-50%)}to{transform:translateX(100%)}}.section--horizontal>*>.section__content,.section--horizontal>.section__content{flex-direction:row;gap:2rem;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none}.section--wrap>.section__content{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(8.75rem,1fr));overflow:hidden}@media(max-width:600px){.section--wrap>.section__content{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr))}}.page{background-color:#0c1821;border-radius:1.25rem;display:flex;flex-direction:column;gap:2.5rem;grid-area:page;height:100%;overflow-y:scroll;padding:1.875rem;position:relative}.page>*{flex-shrink:0}.page__info{align-items:center;align-self:flex-start;display:flex;gap:3.125rem}.page__info__img{border-radius:15px;box-shadow:4px 4px 4px 0 rgba(0,0,0,.25);height:13.625rem;width:13.625rem}.page__info>div{align-items:flex-start;display:flex;flex-direction:column}.page__info__type{color:hsla(0,0%,98%,.5);font-size:1rem;margin-bottom:-.5rem}.page__info__title{font-family:Days One;font-size:4rem}@media(max-width:1200px){.page__info__title{font-size:3rem}}.page__info__actions{align-items:center;display:flex;gap:1.125rem;margin-top:1.75rem}.page__empty{align-items:center;display:flex;flex-direction:column;gap:2rem;height:auto;justify-content:center;overflow:auto;padding-top:2.5rem;width:100%}.page__empty>img{height:4.5rem;width:4.5rem}@media(max-width:600px){.page__empty>img{height:3.5rem;width:3.5rem}}.page__empty>h1{text-align:center}@media(max-width:600px){.page__empty>h1{font-size:1.5rem}.page.page--album .page__info{gap:2rem}}.page.page--album .page__info__img{height:15rem;width:15rem}@media(max-width:600px){.page.page--album .page__info__img{height:10rem;width:10rem}}@media(max-width:800px){.page.page--album .page__info__title{font-size:1.5rem;padding:4px 0}}.page.page--album .page__info__artists a:first-child{font-weight:600}.page.page--jam .track-line{width:100%}.page.page--jam .page__info{display:flex;flex-direction:row;gap:4rem}@media(max-width:600px){.page.page--jam .page__info{gap:2rem}}.page.page--jam .page__info__title{font-family:Days One;font-size:4rem}.page.page--jam .page__info__leader{display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center}.page.page--jam .page__info__main{font-size:1.3rem}.page.page--jam .page__info__link_container{align-items:center;display:flex;gap:.5rem}.page.page--jam .page__info__link_container img{height:1.5rem;width:1.5rem}.page.page--jam .page__info__link{cursor:pointer;font-size:1.3rem;margin-top:1rem;max-width:14rem}.page.page--jam .page__info__link:hover{text-decoration:underline}.page.page--jam .page__info__leader_name{font-size:2rem;font-weight:600}.page.page--jam .page__info__img{border-radius:50%;box-shadow:4px 4px 4px 0 rgba(0,0,0,.25);height:13.625rem;width:13.625rem}@media(max-width:600px){.page.page--jam .page__info__img{height:10rem;width:10rem}}.page.page--jam .page__listeners{display:flex;flex-direction:column;gap:1rem}.page.page--jam .page__listeners .page__listener{align-items:center;display:flex;gap:1.5rem}.page.page--jam .page__listeners .page__listener__img{border-radius:50%;height:4rem;width:4rem}.page.page--jam .page__listeners .page__listener__name{cursor:pointer;font-size:1.5rem;font-weight:600}.page.page--jam .page__listeners .page__listener__name:hover{text-decoration:underline}.page.page--jam .page__listeners__status{height:1.5rem;width:1.5rem}@media(max-width:600px){.page--artist.page .page__info{gap:2rem}}.page--artist.page .page__info__img{background-position:50%;background-size:cover;border-radius:50%;height:15rem;width:15rem}@media(max-width:600px){.page--artist.page .page__info__img{height:10rem;width:10rem}}@media(max-width:800px){.page--artist.page .page__info__title{font-size:2rem;padding:4px 0}}.page--artist.page .page__info__stats{font-size:1rem}.page--playlist.page .page__info{gap:3.125rem}@media(max-width:600px){.page--playlist.page .page__info{gap:2rem}}.page--playlist.page .page__info__user a{font-weight:600;word-break:break-word}@media(max-width:600px){.page--playlist.page .page__info__img{height:10rem;width:10rem}}.page--playlist.page .page__info__title{word-break:break-word}@media(max-width:600px){.page--playlist.page .page__info__title{font-size:1.5rem!important}}.page--playlist.page .page__info div{gap:.5rem}.page--playlist.page .page__buttons{align-items:center;display:flex;justify-content:space-between}@media(max-width:600px){.page--playlist.page .page__buttons{flex-direction:column;gap:1rem}.page--playlist.page .page__buttons .button{width:100%}}.page--404{align-items:center;display:flex;font-size:3rem;font-weight:600;justify-content:center}.page--404 span{font-size:1rem;font-weight:300}.page--profile__info{align-items:center;display:flex;gap:3.125rem}@media(max-width:600px){.page--profile__info{gap:2rem}.page--profile__info__action{width:2.5rem}}.page--profile__info__avatar{background-position:50%;background-size:cover;border-radius:50%;height:13.625rem;width:13.625rem}@media(max-width:600px){.page--profile__info__avatar{height:8rem;width:8rem}.page--profile__info__username{font-size:1.3rem}}.page--profile__info>div{display:flex;flex-direction:column;gap:1.719rem}@media(max-width:600px){.page--profile__info>div{gap:1rem}}.page--profile__info__header{align-items:center;display:flex;gap:1.25rem}.page--profile__info__header__action{cursor:pointer;width:2.375rem}.page--profile__info__username{font-family:Inter}.page--profile__info__stats{display:flex;flex-direction:column;font-size:1.3rem;gap:1.25rem}@media(max-width:600px){.page--profile__info__stats{font-size:1rem;gap:1rem}}.page--settings__info{align-items:center;display:flex;gap:3.125rem}@media(max-width:600px){.page--settings__info{gap:2rem}}.page--settings__info__avatar{border-radius:50%;height:13.625rem;position:relative;width:13.625rem}@media(max-width:600px){.page--settings__info__avatar{height:10rem;width:10rem}}.page--settings__info__data{display:flex;flex-direction:column;font-size:1.3rem;gap:1.563rem}@media(max-width:600px){.page--settings__info__data{font-size:1.2rem;gap:1rem}}.page--settings__info__help{color:hsla(0,0%,98%,.25);display:flex;flex-direction:column;gap:1.563rem;margin-left:auto;width:20%}@media(max-width:1070px){.page--settings__info__help{display:none}}.page--settings__info__help p{align-items:flex-start;display:flex;gap:.625rem}.page--settings__info__help p:before{content:url(/static/img/tip.svg);height:1rem;width:1rem}.page--settings__main{column-gap:5rem;display:grid;grid-template-areas:"auth privacy" "security privacy";grid-template-columns:1fr 2.2fr;grid-template-rows:repeat(2,min-content);row-gap:2.5rem}@media(max-width:1070px){.page--settings__main{grid-template-areas:"auth security" "privacy privacy";grid-template-columns:auto auto;grid-template-rows:auto}}@media(max-width:720px){.page--settings__main{grid-template-areas:"auth" "security" "privacy";grid-template-columns:1fr;grid-template-rows:auto}}.page--settings__main__auth{grid-area:auth}.page--settings__main__security{grid-area:security}.page--settings__main__privacy{grid-area:privacy}.page--settings__main__privacy>div{align-content:space-between;column-gap:4.25rem;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,min-content);row-gap:6.15rem}@media(max-width:500px){.page--settings__main__privacy>div{grid-template-columns:1fr;grid-template-rows:repeat(6,min-content)}}.page--settings__main__auth,.page--settings__main__privacy,.page--settings__main__security{display:flex;flex-direction:column;gap:2.5rem}.page--settings__submit{align-items:center;display:flex;justify-content:space-between}@media(max-width:1000px){.page--settings__submit{align-items:auto;flex-direction:column;gap:2rem;justify-content:auto}.page--settings__submit button{width:100%}.page--settings__submit button.button--succes{order:1}.page--settings__submit button.button--danger{order:2}.page--settings__submit__error{order:0}}.page--settings__submit>*{flex-shrink:0}.page--settings__submit p{width:fit-content}.page--label__artist-create-btn{border-radius:50%;height:8.75rem;width:8.75rem}@media(max-width:600px){.page--label__artist-create-btn{height:7.7rem;width:7.7rem}}.page--label__artist-create-btn:hover img{scale:1.05}.playlist-card{align-items:center;display:flex;flex-direction:column;gap:1rem}.playlist-card__img{cursor:pointer;position:relative}.playlist-card__img .content{border-radius:15px;box-shadow:4px 4px 4px 0 rgba(0,0,0,.25);height:8.75rem;width:8.75rem}.playlist-card__img .state{display:block;height:33%;left:50%;position:absolute;top:50%;translate:-50% -50%;width:33%}.playlist-card__info{align-items:center;display:flex;flex-direction:column;font-size:1.3rem;gap:.313rem;width:8.75rem}.playlist-card__info__title{display:-webkit-box;font-weight:600;-webkit-line-clamp:2}.playlist-card__info__title,.playlist-card__info__user{text-align:center;-webkit-box-orient:vertical;line-height:1.2;max-height:3.12rem;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;word-break:break-word}.playlist-card__info__user{display:flex;display:-webkit-box;font-size:1rem;font-weight:300;gap:.313rem;-webkit-line-clamp:1}.playlist-card__info__user:first-child{font-weight:400}.album-line{align-items:center;display:flex;gap:1rem;justify-content:space-between}.album-line>*{flex-basis:0;flex-grow:1}@media(max-width:600px){.album-line>*{flex:0 1 auto}}.album-line__info{align-items:center;display:flex;gap:1rem;width:40%}@media(max-width:600px){.album-line__info{width:auto}}.album-line__info__index{display:none;font-size:1.3rem;font-weight:600}.album-line__info__img{border-radius:15px;height:8.75rem;width:8.75rem}@media(max-width:600px){.album-line__info__img{height:6rem;width:6rem}}.album-line__info__text{display:flex;flex-direction:column;gap:.313rem;justify-content:center;width:15rem}@media(max-width:600px){.album-line__info__text{width:10rem}}.album-line__info__text__title{display:-webkit-box;font-size:1.3rem;font-weight:600;-webkit-line-clamp:2;line-clamp:2}.album-line__info__text__artists,.album-line__info__text__title{-webkit-box-orient:vertical;line-height:1.2;max-height:3.12rem;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;word-break:break-word}.album-line__info__text__artists{display:flex;display:-webkit-box;font-size:1rem;font-weight:300;gap:.313rem;white-space:nowrap;-webkit-line-clamp:1}.album-line__info__text__artists:first-child{font-weight:400}.album-line__description{display:flex;font-weight:300;justify-content:center}@media(max-width:1200px){.album-line__description{display:none}}.album-line__controls{align-items:center;display:flex;gap:1rem;justify-content:flex-end}@media(max-width:600px){.album-line__controls{width:auto}.album-line{justify-content:space-between}}.album-card{align-items:center;display:flex;flex-direction:column;gap:1rem}.album-card span{flex:1 0 auto}.album-card__img{border-radius:15px;box-shadow:4px 4px 4px 0 rgba(0,0,0,.25);height:8.75rem;width:8.75rem}@media(max-width:600px){.album-card__img{height:7.7rem;width:7.7rem}}.album-card__info{align-items:center;display:flex;flex-direction:column;gap:.313rem;width:10rem}@media(max-width:600px){.album-card__info{width:8rem}}.album-card__info__title{display:-webkit-box;font-size:1.3rem;font-weight:600;-webkit-line-clamp:2;line-clamp:2}.album-card__info__artists,.album-card__info__title{text-align:center;-webkit-box-orient:vertical;line-height:1.2;max-height:3.12rem;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;word-break:break-word}.album-card__info__artists{display:flex;display:-webkit-box;font-size:1rem;font-weight:300;gap:.313rem;-webkit-line-clamp:1;line-clamp:1}.album-card__info__artists:first-child{font-weight:400}.form.form--artist-create{align-items:center;background-color:#0c1821;border:1px solid hsla(0,0%,98%,.5);border-radius:15px;display:flex;flex-direction:column;padding:2rem;width:26.25rem}.form.form--artist-create .form__title{align-self:stretch;font-family:Inter}.form.form--artist-create .form-input-container{align-self:stretch;display:flex;flex-direction:column;gap:1.25rem;padding:0 2rem}.form.form--artist-create .form-input-container input{font-size:1rem}.artist-card>a{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;width:100%}.artist-card{position:relative;width:100%}.artist-card a:hover{text-decoration:none}.artist-card__img{aspect-ratio:1/1;background-position:50%;background-size:cover;border-radius:50%;max-height:8.75rem;max-width:8.75rem;width:100%}@media(max-width:600px){.artist-card__img{max-height:7.7rem;max-width:7.7rem}}.artist-card__edit{background-color:#0c1821;border-radius:50%;cursor:pointer;height:2.25rem;left:calc(50% + 1.85rem);opacity:.65;padding:.625rem;position:absolute;top:5.25rem;transition:all .3s ease-in-out;width:2.25rem}.artist-card__edit:hover{opacity:.9;scale:1.05}.artist-card__info{display:flex;justify-content:center}.artist-card__info__title{display:-webkit-box;font-size:1.3rem;font-weight:600;text-align:center;width:100%;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;max-height:3.12rem;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;word-break:break-word}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.preloader{animation:spin 2s linear infinite;object-fit:cover;transform-origin:center center}.preloader-container{align-items:center;align-self:center;display:flex;justify-content:center}.form--album-create{align-items:flex-start;width:100%}.form--album-create .section{width:100%}.form--album-create__tracks-section{width:auto}.form--album-create__tracks-section .section__content{max-width:50rem}.form--album-create .button--danger{align-self:flex-end}.form--album-create__info{align-content:space-around;column-gap:1.25rem;display:grid;grid-template-areas:"img title" "img type"}.form--album-create__info>div:first-child{grid-area:img}.form--album-create__info>div:nth-child(2){grid-area:title;justify-content:space-around}.form--album-create__info>div:nth-child(3){grid-area:type;justify-content:space-around}.form--album-create .form-input-container--image__image,.form--album-create .form-input-container--image__placeholder{border-radius:15px}.dialog--loading>.dialog__container{overflow:hidden}.layout{height:100%;width:100%}.layout--main{column-gap:.5rem;display:grid;grid-template-areas:"logo header" "playlists-panel page" "playlists-panel player-container";grid-template-columns:min-content 1fr;grid-template-rows:min-content 1fr min-content;position:relative}@media(max-width:600px){.layout--main{column-gap:0;display:grid;flex-direction:column;grid-template-columns:max-content}.layout--main .playlists-panel{display:none}}.layout--main__bottom-panel{display:grid;grid-area:player-container;grid-template-areas:"player" "bottom-header"}@font-face{font-family:Days One;src:url(/static/fonts/DaysOne-Regular.ttf)}@media(max-width:1218px){html{font-size:14px}}@media(max-width:600px){html{font-size:12px}}*{box-sizing:border-box;margin:0;padding:0}#root{background-color:#000;font-family:Inter;height:100%;left:0;position:absolute;top:0;width:100%}#root,a{color:#f6f6f6}a{text-decoration:none}a:hover{text-decoration:underline}img{display:block;flex-shrink:0}input{border:none;color:#f6f6f6}input:focus{outline:none}input::placeholder{color:hsla(0,0%,98%,.5);font-size:1.188rem}h1{font-size:2rem;font-weight:100;user-select:none}h1,h2{font-family:Days One}h2{font-size:1.75rem}h3{font-size:1.5rem}h3,h4{font-family:Days One}h4{font-size:1.3rem}::-webkit-scrollbar{height:.5rem;width:.65rem}@media(max-width:600px){::-webkit-scrollbar{width:0}}::-webkit-scrollbar-thumb{background:hsla(0,0%,98%,.5);border-radius:2px}::-webkit-scrollbar-track{background:#000}.dropdown{position:relative}.dropdown__label{cursor:pointer}.dropdown__checkbox{pointer-events:none;position:absolute;visibility:hidden}.dropdown__checkbox:checked~.dropdown__content{visibility:visible}.dropdown__content{background-color:#0c1821;border:1px solid hsla(0,0%,98%,.5);border-radius:15px;display:flex;flex-direction:column;gap:1.25rem;left:50%;padding:1.2rem;position:absolute;top:100%;translate:-50% 0;visibility:hidden}.track-active{filter:brightness(.5);transition:filter .3s ease}.track-icon-active{display:block}