@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-font-weight:initial}}.listening-shelf-root:not(#\#){overflow:visible}.listening-shelf-scroll:not(#\#){background-color:transparent;container-type:inline-size;display:flex;flex-direction:column;gap:2rem;gap:calc(var(--spacing,.25rem)*8);min-width:0;min-width:calc(var(--spacing,.25rem)*0);overflow:visible;width:100%}.listening-shelf-scroll:has(.listening-shelf:not(.listening-shelf--stack)):not(#\#){overflow:visible;padding-left:min(.85rem,3.5cqi);padding-right:min(.85rem,3.5cqi);padding-top:min(.75rem,3cqi)}.listening-shelf:not(#\#){--tile:min(8rem,calc(200cqi/(var(--count) + 1)));--step:calc(var(--tile)*.5);background:0 0;height:var(--tile);margin-left:auto;margin-right:auto;max-width:100%;overflow:visible;position:relative;width:min(100%,calc((var(--count) + 1)*.5*var(--tile)))}.listening-shelf--stack:not(#\#){--stack-tile:min(17rem,min(94cqi,min(92vw,22rem)));height:auto;max-width:100%;min-height:min(17rem,min(94cqi,min(92vw,22rem)));min-height:var(--stack-tile);padding-bottom:3rem;touch-action:pan-y;width:100%}.listening-shelf--stack:not(#\#) .album-art{height:var(--stack-tile);overflow:visible;top:.25rem;width:var(--stack-tile)}.listening-shelf--stack:not(#\#) .album-art--stack-top{touch-action:none}.listening-shelf--stack:not(#\#) .album-art img{-webkit-touch-callout:none;-webkit-user-drag:none;user-drag:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.listening-shelf--stack:not(#\#) .listening-track-line{left:50%;max-width:min(16rem,100% - 1rem);min-height:0;min-height:auto;pointer-events:none;position:absolute;text-align:center;top:calc(.25rem + min(8.5rem,min(47cqi,46vw)));transform:translate(-50%,-50%);width:-moz-max-content;width:max-content;z-index:70}.listening-shelf--stack:not(#\#) .listening-track-line .listening-track-now{-webkit-backdrop-filter:blur(7px);background:#ffffff94;border-radius:.5rem;box-shadow:0 2px 14px #0000001a;color:#1e1b4b;display:inline-block;left:auto;max-width:min(16rem,100% - 1rem);padding:.85rem 1.15rem;position:relative;right:auto;text-align:center;vertical-align:top}.listening-shelf--stack:not(#\#) .listening-track-line .listening-track-title{color:#1e1b4b}.listening-shelf--stack:not(#\#) .listening-track-line .listening-track-artist{color:#4b5563}.listening-shelf-scroll:has(.listening-shelf--stack):not(#\#){gap:1rem}.listening-shelf:not(.listening-shelf--stack):not(#\#) .album-art{transition:transform .38s cubic-bezier(.4,0,.2,1);z-index:calc(var(--count) + 1 - var(--i))}.album-art:not(#\#){background-color:transparent;cursor:pointer;height:var(--tile);left:calc(var(--i)*var(--step));margin:0;overflow:visible;position:absolute;top:0;top:calc(var(--spacing,.25rem)*0);transform:translate(0);transform:translate(var(--peer-shift,0));transform-origin:50%;transition:transform .38s cubic-bezier(.4,0,.2,1);width:var(--tile)}.album-art-face:not(#\#){--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,rgba(0,0,0,.122)));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md,0 3px 3px rgba(0,0,0,.122)));filter:drop-shadow(0 3px 3px rgba(0,0,0,.12157));filter:drop-shadow(0 3px 3px rgba(0,0,0,.122));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);height:100%;left:0;position:absolute;top:0;transform:rotate(0)scale(1);transform-origin:50%;transition:transform .38s cubic-bezier(.4,0,.2,1),box-shadow .38s,top .38s cubic-bezier(.4,0,.2,1);width:100%}.album-art:not(#\#) img{background-color:transparent;border-radius:.5rem;border-radius:var(--radius-lg,.5rem);display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.listening-shelf:not(#\#) .album-art.album-art--peek .album-art-face{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,rgba(0,0,0,.149)));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg,0 4px 4px rgba(0,0,0,.149)));filter:drop-shadow(0 4px 4px rgba(0,0,0,.14902));filter:drop-shadow(0 4px 4px rgba(0,0,0,.149));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);top:0;transform:rotate(8deg)scale(1.28);transform-origin:50%}.listening-track-line:not(#\#){flex-shrink:0;min-height:3.5rem;min-height:calc(var(--spacing,.25rem)*14);position:relative;width:100%}.listening-track-now:not(#\#){color:#312c85;color:var(--color-indigo-900,#312c85);font-size:.875rem;font-size:var(--text-sm,.875rem);line-height:1.42857;line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}.listening-track-now[hidden]:not(#\#){display:none}.listening-track-now:not(#\#) .listening-track-title{--tw-font-weight:var(--font-weight-medium,500);display:block;font-weight:500;font-weight:var(--font-weight-medium,500)}.listening-track-now:not(#\#) .listening-track-artist{color:#4a5565;color:var(--color-gray-600,#4a5565);display:block}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
