.listening-container{display:flex;gap:var(--spc-8)}.listening-stack{display:flex;flex-direction:column;gap:calc(var(--spc-6) + var(--spc-1))}.listening-section{display:flex;flex-direction:column;flex:0 0 auto;gap:var(--spc-4)}.listening-section-header{display:flex;align-items:center;gap:var(--spc-2)}.album-shelf{display:flex;gap:var(--spc-4);width:100%}.album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spc-4)}.album{display:flex;flex-direction:column;gap:var(--spc-2);width:175px;min-width:0}.album-shelf .album{flex:0 0 auto}.album-grid .album{width:100%}.album-grid .album-image{width:100%;height:auto;aspect-ratio:1 / 1}.album-image{width:175px;height:175px;object-fit:cover;border-radius:var(--rnd-5);transition:transform .1s ease-out}.album-info{display:flex;flex-direction:column}.album:hover .album-image{transform:scale(.98)}@media (min-width: 768px){.album-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.now-playing{display:flex;flex-direction:column;flex:0 0 auto;gap:var(--spc-2);width:175px}.now-playing-image{width:175px;height:175px;object-fit:cover;border-radius:var(--rnd-5);transition:transform .1s ease-out}.now-playing:hover .now-playing-image{transform:scale(.98)}.now-playing-info{display:flex;flex-direction:column}.equalizer{display:inline-flex;align-items:flex-end;gap:2px;height:16px}.equalizer-bar{width:3px;height:4px;background:var(--color-text-2);border-radius:1px;animation:equalizer .8s ease-in-out infinite}.equalizer-bar:nth-child(1){animation-delay:0s}.equalizer-bar:nth-child(2){animation-delay:.2s}.equalizer-bar:nth-child(3){animation-delay:.4s}@keyframes equalizer{0%,to{height:4px}50%{height:14px}}.marquee{position:relative;display:block;width:100%;max-width:175px;overflow:hidden;white-space:nowrap;margin:0;padding:0}.marquee[data-scroll=true]{-webkit-mask-image:linear-gradient(to right,black,black calc(100% - 16px),transparent);mask-image:linear-gradient(to right,black,black calc(100% - 16px),transparent)}.marquee[data-scroll=true]:before{content:"";position:absolute;left:0;top:0;width:16px;height:100%;background:linear-gradient(to right,var(--color-bg-1),transparent);z-index:1;opacity:0;animation:marquee-fade 12s linear infinite}.marquee-content{display:inline-flex;gap:var(--spc-6)}.marquee[data-scroll=true] .marquee-content{animation:marquee 12s linear infinite}.marquee-content span{flex-shrink:0}.marquee[data-size="0"]{font-size:.75rem;line-height:1rem;font-weight:500}.marquee[data-size="1"]{font-size:1rem;line-height:1.6rem;font-weight:500}.marquee[data-color="1"] .marquee-content{color:var(--color-text-1)}.marquee[data-color="2"] .marquee-content{color:var(--color-text-2)}@keyframes marquee{0%,15%{transform:translate(0)}to{transform:translate(calc(-50% - var(--spc-3)))}}@keyframes marquee-fade{0%,12%{opacity:0}18%,90%{opacity:1}95%,to{opacity:0}}.wrapped-listening{display:flex;flex-direction:column;gap:calc(var(--spc-6) + var(--spc-1));padding:0 var(--spc-8)}.wrapped-repeat{display:flex;align-items:flex-start;gap:0;padding:0;border:none}.wrapped-listening-rich{padding-inline:0;gap:var(--spc-6)}.wrapped-listening-rich>.wrapped-repeat{padding-inline:var(--spc-8)}.wrapped-rich-prelists{padding-inline:var(--spc-8)}.wrapped-repeat-image,.wrapped-fallback-image{width:56px;height:56px;object-fit:cover;flex:0 0 auto}.wrapped-fallback-image{display:grid;place-items:center;background:var(--color-bg-2);color:var(--color-text-2);font-size:var(--font-size-0)}.wrapped-repeat-copy{display:flex;flex-direction:column;gap:var(--spc-2)}.wrapped-lists{display:grid;grid-template-columns:1fr;gap:var(--spc-3)}.wrapped-list{display:flex;flex-direction:column;gap:var(--spc-2)}.wrapped-row{display:flex;flex-direction:column;gap:2px;padding:0;margin-bottom:var(--spc-2);min-width:0}.wrapped-row-rank{display:inline-block;min-width:1.2em;margin-right:calc(var(--spc-1) + 2px)}.wrapped-row-thumb{width:175px;height:175px;border-radius:var(--rnd-5);overflow:hidden;flex:0 0 auto;background:var(--color-bg-2);display:grid;place-items:center}.wrapped-row-thumb-image{width:100%;height:100%;object-fit:cover;transition:transform .1s ease-out}.wrapped-row-thumb-fallback{font-size:2rem;color:var(--color-text-2);font-weight:600}.wrapped-thumb-link{display:block}.wrapped-thumb-link:hover .wrapped-row-thumb-image{transform:scale(.98)}.wrapped-row-title,.wrapped-row-detail{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrapped-row-detail{padding-left:calc(1.4em + var(--spc-1))}.wrapped-row-group{display:grid;gap:var(--spc-2);border:1px solid var(--color-ui-1);padding:var(--spc-3) var(--spc-4)}.wrapped-row-ladder{display:block;margin-bottom:0}.wrapped-row-ladder .wrapped-row-subline{padding-left:calc(1.2em + var(--spc-1) + 2px);margin-bottom:0}.wrapped-row-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.wrapped-row-subline{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrapped-row-metric{display:block;white-space:nowrap}.wrapped-rich-lists{display:flex;flex-direction:column;gap:calc(var(--spc-6) + 2px)}.wrapped-rich-scroller{display:flex;gap:var(--spc-4)}.wrapped-listening-rich .wrapped-rich-lists .horizontal-scroll-container>.horizontal-scroll-container-items>*:first-child{margin-left:var(--spc-8)!important}.wrapped-rich-list-title{padding-left:var(--spc-8)}.wrapped-rich-card{display:flex;flex-direction:column;flex:0 0 auto;width:175px;gap:var(--spc-2)}.wrapped-rich-card-body,.wrapped-rich-track-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.wrapped-rich-rank{display:inline-block;min-width:1.4em;line-height:1;flex:0 0 auto}.wrapped-rich-card-title,.wrapped-rich-card-subtitle,.wrapped-rich-card-detail{display:block;min-width:0}.wrapped-rich-card-title,.wrapped-rich-card-detail{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.wrapped-rich-card-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.wrapped-inline-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:var(--color-text-3);transition:color .1s ease-out}.wrapped-inline-link:hover{color:var(--color-text-3)}@media (min-width: 900px){.wrapped-listening:not(.wrapped-listening-rich) .wrapped-lists{grid-template-columns:1fr 1fr}}