:root{color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}*{box-sizing:border-box;font-family:system-ui,Helvetica,sans-serif}*{--sb-track-color: transparent;--sb-thumb-color: #5f5f5f;--sb-thumb-color--hover: #7c7c7c;--sb-thumb-color--active: #a7a7a7;--sb-size: 14px}*::-webkit-scrollbar{width:var(--sb-size)}*::-webkit-scrollbar-track{background-color:var(--sb-track-color)}*::-webkit-scrollbar-thumb{background-color:var(--sb-thumb-color)}*::-webkit-scrollbar-thumb:hover{background-color:var(--sb-thumb-color--hover)}*::-webkit-scrollbar-thumb:active{background-color:var(--sb-thumb-color--active)}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}body{margin:0}#app{height:100vh;overflow:hidden;background-color:#000;padding:.5rem;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;grid-template-areas:"header header header" "aside main main" "footer footer footer";gap:.5rem}#app>*{border-radius:8px}.app-main{grid-area:main;background-color:#121212;overflow:hidden}.app-footer{grid-area:footer}.sr-item-card{display:block;white-space:normal;padding:calc(1rem - 5px);border-radius:4px}.sr-item-card:hover{background-color:#ffffff1a;cursor:normal}.sr-item-card:hover .sr-item-card__btn-play{opacity:1;bottom:15px}.sr-item-card__cont-image{position:relative;aspect-ratio:1/1}.sr-item-card__image{max-width:100%;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;border-radius:50%;margin-bottom:5px}.sr-item-card__btn-play{position:absolute;right:15px;bottom:5px;height:50px;aspect-ratio:1/1;border-radius:50%;padding:0 0 0 2px;display:flex;opacity:0;transition:all .2s ease;align-items:center;justify-content:center;border:none;background-color:#1bdb54;font-size:1.75rem}.sr-item-card__btn-play:hover{cursor:normal}.sr-item-card__btn-play:focus{outline:0}.sr-item-card__name{width:100%;font-size:1rem;font-weight:600;margin-bottom:.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}.sp-search-result__section{margin-bottom:1.5rem}.sp-search-result__label{padding-left:1rem}.sp-search-result__label h2{margin:0}.sp-search-result__cont-tracks{display:flex;flex-direction:column;padding:1rem}.sp-search-result__cont-generic-items{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));padding:5px}.sp-no-search{height:100%;display:flex;align-items:center;justify-content:center}.sp-no-search__cont{display:flex;align-items:center;justify-content:center;flex-direction:column-reverse}.sp-no-search__icon{display:flex;align-items:center;justify-content:center;font-size:4rem}.sp-search-result__track{display:flex;gap:.75rem;padding:.5rem}.sp-search-result__track:hover{background-color:#ffffff1a}.sp-search-result__track__cont-img{height:40px;width:40px}.sp-search-result__track__btn-img{height:40px;width:40px;background-color:transparent;background-repeat:no-repeat;background-size:cover;background-position:center;color:inherit;display:flex;justify-content:center;align-items:center;padding:0;border:none;border-radius:2px}.sp-search-result__track__btn-img:hover>.sp-search-result__track__cont-icon-btn{display:flex}.sp-search-result__track__cont-icon-btn{height:100%;width:100%;border-radius:calc(.3rem - 2px);background-color:#0009;display:none;justify-content:center;align-items:center;font-size:1.2rem;cursor:pointer}.sp-search-result__track__cont-info{height:40px;width:100%;display:flex;flex-direction:column;align-items:start}.sp-search-result__track__name,.sp-search-result__track__author{margin:0;line-height:1}.sp-search-result__track__name{font-size:1.1rem;margin-bottom:5px}.sp-search-result__track__author{color:#bbb;font-size:.9rem}.sp-search-result__track__cont-time{height:40px;aspect-ratio:1.5/1;display:flex;align-items:center;justify-content:end;color:#ddd}._scroll_xj23a_1{height:100%;flex:1;overflow-x:hidden;overflow-y:auto;white-space:normal;position:relative}.hm-bg-gradient{top:0;height:85px;width:100%;position:absolute;background-color:#374b5f;filter:blur(80px);transition:all .6s ease-in-out}.hm-bg-gradient:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--bg-image);background-repeat:no-repeat;background-size:cover;background-color:#374b5f;opacity:var(--opacity, 0);transition:opacity .6s ease-in-out;z-index:-1}.hm-cont{position:relative}.hm-header{padding:1rem 1.2rem;position:sticky;top:0;z-index:100;background-color:rgba(33,41,49,var(--bg-opacity))}.as-controls-filter{position:relative;border-radius:90px}.as-controls-filter__button{position:absolute;border:none;background-color:#1f1f1f;height:100%;aspect-ratio:1/1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f3f3f3;font-size:1.1rem}.as-controls-filter__button:hover{background-color:#303030;cursor:pointer}.as-controls-filter__button.left{left:0;-webkit-box-shadow:20px 0px 35px 10px rgba(10,10,10,1);-moz-box-shadow:20px 0px 35px 10px rgba(10,10,10,1);box-shadow:20px 0 35px 10px #0a0a0a}.as-controls-filter__button.right{right:0;-webkit-box-shadow:-20px 0px 35px 10px rgba(10,10,10,1);-moz-box-shadow:-20px 0px 35px 10px rgba(10,10,10,1);box-shadow:-20px 0 35px 10px #0a0a0a}.as-filter-list{width:100%;display:flex;white-space:nowrap;overflow-y:hidden;overflow-x:auto;gap:.5rem;scrollbar-width:none;-ms-overflow-style:none;border-radius:90px}.as-filter-list__item{border-radius:90px;background-color:#5858586b;color:#f3f3f3;font-weight:600;font-size:.9rem;border:none;padding:.4rem .8rem;transition:.2s}.as-filter-list__item:hover{background-color:#6868686b}.as-filter-list__item.selected{background-color:#fff;color:#000}.hm-hero{display:grid;width:100%;grid-template-columns:1fr 1fr 1fr 1fr;gap:.5rem;padding:.5rem 1.2rem 1rem}.hm-hero__playlist{white-space:normal;cursor:normal;display:flex;height:50px;background-color:#a7a7a72f;border-radius:4px}.hm-hero__playlist__img{height:100%;aspect-ratio:1/1;border-bottom-left-radius:4px;border-top-left-radius:4px}.hm-hero__playlist:hover .hm-hero__playlist__btn-play{opacity:1}.hm-hero__playlist__cont-info{height:inherit;width:100%;padding:.5rem;position:relative;display:flex;align-items:center;font-weight:600;font-size:.9rem}.hm-hero__playlist__cont-info>p{width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}.hm-hero__playlist__btn-play{position:absolute;right:15px;bottom:9px;height:32px;aspect-ratio:1/1;border-radius:50%;padding:0 0 0 2px;display:flex;opacity:0;transition:all .2s ease;align-items:center;justify-content:center;border:none;background-color:#1bdb54;font-size:1.5rem}.hm-hero__playlist__btn-play:hover{cursor:normal}.rp-reproductor{padding:.5rem;width:100%;display:grid;gap:1rem;grid-template-columns:auto 1fr auto}.rp-reproductor-button:focus{outline:none}.rp-reproductor-button:hover{transform:scale(1.05)}.rp-reproductor-button{border:none;background-color:transparent;color:#ddd;font-size:1.5rem;padding:0;display:inline-flex;align-items:center}.rp-reproductor__cont-info{display:flex;align-items:center;gap:.75rem}.rp-reproductor__img{height:55px;border-radius:2px;aspect-ratio:1/1}.rp-reproductor__name,.rp-reproductor__author{margin:0;line-height:1}.rp-reproductor__name{font-size:1rem;margin-bottom:5px}.rp-reproductor__author{color:#bbb;font-size:.9rem}.rp-reproductor__cont-player{display:flex;flex-direction:column;align-items:center;gap:.75rem}.rp-reproductor__cont-controls{display:flex;gap:1.5rem;align-items:center}.rp-reproductor-button.toogle-play{color:#f6f6f6;font-size:2rem}.rp-reproductor-button.sm{font-size:1rem}.rp-reproductor__cont-timeline{display:flex;gap:.5rem;align-items:center;min-width:500px}.rp-reproductor__time{color:#ddd;font-size:.8rem;line-height:0}.rp-reproductor__timeline{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#ddd;height:4px;border-radius:2px;outline:none;background:linear-gradient(to right,#ffffff var(--timeline-value, 0%),#707070 var(--timeline-value, 0%))}.rp-reproductor__timeline:hover{background:linear-gradient(to right,#40bd3e var(--timeline-value, 0%),#707070 var(--timeline-value, 0%))}.rp-reproductor__timeline::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:12px;height:12px;background-color:#fff;border-radius:50%;opacity:0;transition:opacity .2s ease}.rp-reproductor__timeline:hover::-webkit-slider-thumb{opacity:1}.rp-reproductor__others{display:flex;gap:1rem}.rp-reproductor__volume{display:flex;gap:.5rem;align-items:center}.hm-button-home{height:50px;width:auto;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:99px;font-size:1.5rem;padding:.3rem;border:2px solid transparent;background-color:#1f1f1f;color:#b3b3b3;transition:.3s}.hm-button-home:hover{cursor:pointer;color:#f3f3f3;transform:scale(1.05)}.hm-button-home:focus{outline:none}.sp-search__container{border-radius:10px;position:relative}.sp-search__input{height:50px;width:450px;border-radius:99px;font-size:1rem;padding:.85rem 1rem;padding-right:calc(1rem + 50px);border:2px solid transparent;background-color:#1f1f1f;color:inherit;line-height:1;cursor:pointer}.sp-search__input:focus{outline:none;border-color:#fff;cursor:text;transition:.2s ease-out}.sp-search__input::placeholder{color:#ddd}.sp-search__clear{height:100%;width:50px;padding:0;display:inline-flex;justify-content:center;align-items:center;background-color:transparent;border:none;color:#b3b3b3;font-weight:100;font-size:2.5rem;position:absolute;top:0;right:0;cursor:pointer}.sp-search__clear:hover{color:#f3f3f3}.sp-search__clear:focus{outline:none}.hd-header{grid-area:header;display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding-left:1.2rem}button:focus{outline:none}.hd-link-spotify{color:inherit;height:50px;font-size:2rem;display:inline-flex;align-items:center;justify-content:center}.hd-center{display:flex;justify-content:center;gap:.5rem;margin-left:auto}.hd-right{display:flex;justify-content:center;align-items:center;gap:1.3rem}.hd-download-app{display:flex;align-items:center;gap:5px;font-weight:600;font-size:.9rem;margin-right:20px;margin-left:12vw}.hd-btn-notification{background-color:transparent;font-size:1.1rem;border:none;padding:0;color:#d1d1d1;display:flex;align-items:center;justify-content:center}.hd-btn-profile{height:50px;aspect-ratio:1/1;padding:8px;display:flex;align-items:center;justify-content:center;border:none;background-color:#1f1f1f;border-radius:50%;cursor:pointer}.hd-btn-profile:hover{transform:scale(1.03)}.hd-btn-profile img{height:100%;aspect-ratio:1/1;border-radius:50%}.as-aside{width:280px;grid-area:aside;background-color:#121212;display:flex;flex-direction:column;height:100%;overflow:hidden}.as-button-header{height:30px;border-radius:90px;border:0;display:flex;align-items:center;justify-content:center}.as-button-header.circle{aspect-ratio:1/1;padding:0;font-size:1.7rem;background-color:transparent;color:#b3b3b3}.as-button-header.circle:hover{background-color:#ffffff1a;color:#f3f3f3;cursor:normal}.as-header{padding:1rem;display:flex;align-items:center;justify-content:space-between}.as-btn-toggle{border-radius:90px;height:30px;font-size:.8rem;display:flex;align-items:center;gap:.9rem;background-color:transparent;border:none;color:#b3b3b3;font-weight:700}.as-btn-toggle:hover{color:#f3f3f3;cursor:normal}.as-btn-toggle span{display:flex;align-items:center;font-size:1rem;line-height:0}.as-header__right{display:flex;gap:.8rem;border-radius:90px}.as-cont-filter-list{padding:.25rem 1rem .5rem}.as-section-items{height:100%;flex:1;overflow-x:hidden;overflow-y:auto}.as-section-items.shadow{box-shadow:inset 0 10px 10px -5px #000c}.as-cont-items{display:flex;flex-direction:column;padding:.5rem}.as-cont-items__item{display:flex;align-items:center;gap:12px;padding:.4rem}.as-cont-items__item:hover{background-color:#c8c8c81a;border-radius:4px;cursor:normal}.as-cont-items__item__cont-img{position:relative;display:flex;align-items:center}.as-cont-items__item:hover .as-cont-items__item__hover-icon{display:flex}.as-cont-items__item__hover-icon{top:0;left:0;position:absolute;background-color:#0006;height:50px;width:50px;border-radius:2px;display:none;align-items:center;justify-content:center;font-size:2rem}.as-cont-items__item__img{width:50px;height:50px;border-radius:4px}.as-cont-items__item__cont-info{min-width:0;width:100%;display:flex;flex-direction:column;gap:2px;font-weight:500;justify-content:center}.as-cont-items__item__title{margin:0;color:#f3f3f3}.as-cont-items__item__description{font-size:.9rem;color:#b3b3b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.as-cont-items__item__pin-icon{color:#1cc659}.pf-cont{position:relative}.pf-gradient{position:absolute;top:280px;height:250px;width:100%;z-index:0;background:linear-gradient(180deg,rgba(22,65,101,.6) 0%,transparent 80%)}.pf-hero-section{position:absolute;top:0;z-index:1;height:280px;width:100%;background:linear-gradient(180deg,#2c81c6,#164165);padding:1rem;color:#fff;display:flex;align-items:end}.pf-hero-section__cont{display:flex;align-items:end;gap:1rem;font-size:4rem}.pf-hero-section__cont>img{height:11rem;border-radius:50%;box-shadow:0 0 35px #00000080;-webkit-box-shadow:0px 0px 35px 0px rgba(0,0,0,.5);-moz-box-shadow:0px 0px 35px 0px rgba(0,0,0,.5)}.pf-hero-section__cont__text{display:flex;flex-direction:column;justify-content:center}.pf-hero-section__cont__text>span{font-size:.9rem;color:#ffffffe8;font-weight:600;margin:0}.pf-hero-section__cont__text>h1{margin:0;line-height:1}.pf-hero-section__cont__text>p{font-size:.9rem;color:#ffffffe8;font-weight:600;margin:0;margin-top:1.5rem}.pf-hero-section__cont__text>p>span{color:#ffffffad}.pf-header{width:100%;padding:1rem 1.2rem;position:sticky;top:0;z-index:100;background-color:#103350;opacity:var(--opacity);font-weight:700;font-size:1.5rem}.pf-content{position:relative;z-index:1;top:215px}.pf-section:not(:last-child){margin-bottom:2rem}.pf-section{padding:0 1rem}.pf-section p,.pf-section li{font-size:1.1rem}.pf-main{position:relative;z-index:1;padding:2rem 0}.pf-main__items{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));padding:5px}