.fbs--spotify{--a: #1ed760;--a-ink: #000;--ink: #fff;--mut: #b3b3b3;--bg: #121212;--line: rgba(255, 255, 255, .1);--chip: transparent;--wbar: #000;--wurl: rgba(255, 255, 255, .08)}.sp-em{color:#000!important;background:#1ed760!important;font-weight:800}.sp-app{flex:1;min-height:0;display:grid;grid-template-columns:22% 1fr;gap:.5em;padding:.5em;background:#000}.sp-nav{display:grid;align-content:start;gap:.9em;padding:1em;border-radius:.6em;background:#121212;color:var(--mut);font-weight:700;font-size:.92em}.sp-nav p{display:flex;align-items:center;gap:.7em}.sp-nav p:first-child{color:#fff}.sp-lib{margin-top:.6em}.sp-li{display:grid;grid-template-columns:2.8em 1fr;gap:.6em;align-items:center}.sp-li .fbs-m{height:2.8em;border-radius:.3em}.sp-main{position:relative;border-radius:.6em;overflow:hidden;background:#121212;display:flex;flex-direction:column}.sp-main--pl{background:linear-gradient(#b5523d 0,#5a2a22 34%,#121212 62%)}.sp-hero{display:flex;align-items:flex-end;gap:1.4em;padding:1.6em 1.6em 1.1em}.sp-cov{width:9.5em;height:9.5em;flex:none;box-shadow:0 10px 30px #0000008c;border-radius:.3em}.sp-hero small,.sp-arti small{font-weight:700;font-size:.85em}.sp-h1{display:block;font-size:3em;letter-spacing:-.04em;line-height:1.05;margin:.1em 0 .25em;font-weight:900}.sp-hero p{display:flex;align-items:center;gap:.35em;font-size:.9em;flex-wrap:wrap}.sp-hero .fbs-av{width:1.6em;height:1.6em}.sp-ctl{display:flex;align-items:center;gap:1.4em;padding:.6em 1.6em;font-size:1.1em;color:var(--mut)}.sp-play{display:grid;place-items:center;width:2.8em;height:2.8em;border-radius:50%;background:#1ed760;color:#000;font-size:1.05em}.sp-heart{display:inline-grid;font-size:1.6em}.sp-heart svg{grid-area:1 / 1}.sp-on{color:#1ed760}.sp-fol{--a: #fff;--a-ink: #000;--chip: transparent;height:2.3em;border-radius:99px;font-size:.85em;box-shadow:inset 0 0 0 1px #727272}.sp-tl{display:grid;gap:.1em;padding:0 1.6em;font-size:.9em;color:var(--mut)}.sp-tl p{display:grid;grid-template-columns:2.4em 1fr 3em;align-items:center;padding:.4em .5em;border-radius:.4em}.sp-tl p span:nth-child(2){display:grid}.sp-tl b{color:#fff;font-weight:600}.sp-tl p.on{background:#ffffff14}.sp-tl p.on b{color:#1ed760}.sp-th{border-bottom:1px solid var(--line);border-radius:0!important}.sp-eq{display:inline-flex;align-items:flex-end;gap:2px;height:.9em}.sp-eq i{width:3px;height:60%;background:#1ed760}.sp-art{position:relative;height:12.5em;flex:none}.sp-art>.fbs-m{position:absolute;top:0;right:0;bottom:0;left:0}.sp-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 30%,#000000bf)}.sp-arti{position:absolute;z-index:2;left:1.6em;bottom:1em;display:flex;align-items:flex-end;gap:1.2em}.sp-pav{width:7em!important;height:7em!important;box-shadow:0 10px 30px #0009}.sp-np{background:linear-gradient(#8a3b5c,#2a1720 55%,#121212)}.sp-nph{flex:none;display:flex;align-items:center;justify-content:space-between;padding:.3em 1.1em .9em}.sp-nph>svg:first-child{rotate:90deg}.sp-nph small{display:grid;text-align:center;font-size:.78em;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}.sp-nph small b{color:#fff;text-transform:none;letter-spacing:0;font-size:1.2em}.sp-big{flex:none;margin:0 1.3em;aspect-ratio:1;border-radius:.5em;box-shadow:0 16px 40px #00000080}.sp-tt{flex:none;display:flex;align-items:center;justify-content:space-between;padding:1em 1.3em .3em}.sp-tt>span:first-child{display:grid}.sp-tt b{font-size:1.3em}.sp-tt small{color:var(--mut)}.sp-heart--s{font-size:1.4em}.sp-wave{flex:none;display:flex;align-items:center;gap:2px;height:2.4em;padding:0 1.3em}.sp-wave i{flex:1;height:var(--h);border-radius:2px;background:#ffffff8c}.sp-pb{flex:none;position:relative;height:.25em;margin:.4em 1.3em 0;border-radius:9px;background:#ffffff40}.sp-pb i{position:absolute;inset:0 auto 0 0;width:35%;border-radius:9px;background:#fff}.sp-tm{flex:none;display:flex;justify-content:space-between;padding:.3em 1.3em;color:var(--mut);font-size:.8em}.sp-ctl2{flex:none;display:flex;align-items:center;justify-content:space-between;padding:.2em 1.3em;font-size:1.45em}.sp-g{color:#1ed760;font-size:.8em}.sp-rev{rotate:180deg}.sp-pp{display:grid;place-items:center;width:2em;height:2em;border-radius:50%;background:#fff;color:#000;font-size:.9em}.sp-plays{flex:none;display:flex;align-items:center;justify-content:center;gap:.3em;margin-top:auto;padding:1em;font-size:.9em;color:var(--mut)}.sp-plays .fbs-n{color:#1ed760}.sp-kpi{width:30%}.sp-pop{display:grid;grid-template-columns:1.2em 1fr auto;gap:.5em;padding:.3em 0;font-size:.95em}.sp-pop em{font-style:normal;color:#b3b3b3;font-variant-numeric:tabular-nums}.sp-pop .fbs-n{display:inline;margin:0;font-size:1em;color:#1ed760}.fbs.is-anim .sp-on{animation:fbs-fill var(--T) var(--pop) infinite}.fbs.is-anim .sp-eq i{animation:sp-eq .8s ease-in-out infinite alternate}.fbs.is-anim .sp-eq i:nth-child(2){animation-delay:-.3s}.fbs.is-anim .sp-eq i:nth-child(3){animation-delay:-.55s}.fbs.is-anim .sp-wave i{animation:sp-wv 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.09s)}.fbs.is-anim .sp-pb i{animation:fbs-prog 14s linear infinite}.fbs.is-anim .sp-pav{animation:fbs-pulse 2.6s ease-in-out infinite}@keyframes sp-eq{0%{height:25%}to{height:100%}}@keyframes sp-wv{0%{scale:1 .35}to{scale:1 1}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/fb-scenes-spotify.css.map */
