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