.spotify-widget-positioner{z-index:50;touch-action:none;cursor:grab;user-select:none;position:fixed}.spotify-widget-positioner.dragging{cursor:grabbing}.spotify-widget-positioner.dragging .spotify-widget-wrapper{opacity:.9;pointer-events:none;transition:none!important}.spotify-widget-wrapper{pointer-events:auto;width:max-content;max-width:calc(100vw - var(--page-padding));touch-action:none;flex-direction:column;height:max-content;transition:opacity .3s,transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.spotify-widget-wrapper.side-left{transform-origin:0;align-items:flex-start;left:0}.spotify-widget-wrapper.side-right{transform-origin:100%;align-items:flex-end;right:0}.spotify-widget-wrapper.side-top{transform-origin:top;justify-content:flex-start;top:0}.spotify-widget-wrapper.side-bottom{transform-origin:bottom;justify-content:flex-end;bottom:0}.spotify-widget-wrapper.side-left.side-bottom{transform-origin:0 100%}.spotify-widget-wrapper.side-right.side-bottom{transform-origin:100% 100%}.spotify-widget-wrapper.side-left.side-top{transform-origin:0 0}.spotify-widget-wrapper.side-right.side-top{transform-origin:100% 0}.spotify-widget-wrapper.side-left .spotify-widget-full-view,.spotify-widget-wrapper.side-left .spotify-widget-min-view{left:0;right:auto}.spotify-widget-wrapper.side-right .spotify-widget-full-view,.spotify-widget-wrapper.side-right .spotify-widget-min-view{left:auto;right:0}.spotify-widget-wrapper.side-top .spotify-widget-full-view,.spotify-widget-wrapper.side-top .spotify-widget-min-view{top:0;bottom:auto}.spotify-widget-wrapper.side-bottom .spotify-widget-full-view,.spotify-widget-wrapper.side-bottom .spotify-widget-min-view{top:auto;bottom:0}.spotify-widget-wrapper.side-left .spotify-widget-min-view{left:0;right:auto}.spotify-widget-wrapper.side-right .spotify-widget-min-view{left:auto;right:0}.spotify-widget-wrapper.side-bottom .spotify-widget-min-view{top:auto;bottom:0}.spotify-widget-wrapper.side-top .spotify-widget-min-view{top:0;bottom:auto}.spotify-widget-wrapper.side-left .spotify-widget-full-view{left:0;right:auto}.spotify-widget-wrapper.side-right .spotify-widget-full-view{left:auto;right:0}.spotify-widget-wrapper.side-bottom .spotify-widget-full-view{top:auto;bottom:0}.spotify-widget-wrapper.side-top .spotify-widget-full-view{top:0;bottom:auto}.spotify-widget-wrapper.is-minimized.side-left .spotify-widget-full-view{left:0;right:auto}.spotify-widget-wrapper.is-minimized.side-right .spotify-widget-full-view{left:auto;right:0}.spotify-widget-wrapper.is-minimized.side-bottom .spotify-widget-full-view{top:auto;bottom:0}.spotify-widget-wrapper.is-minimized.side-top .spotify-widget-full-view{top:0;bottom:auto}.spotify-widget-wrapper.render-hidden{display:none}.spotify-widget-wrapper.render-entering{opacity:0;transition:none;transform:scale(.8)}.spotify-widget-wrapper.render-active{opacity:1;transform:scale(1)}.spotify-widget-wrapper.render-exiting{opacity:0;transition:opacity .25s,transform .25s;transform:scale(.9)}.spotify-widget-full-view,.spotify-widget-min-view{transform-origin:inherit;transition:opacity .3s,transform .35s cubic-bezier(.16,1,.3,1),visibility .3s}.spotify-widget-wrapper:not(.is-minimized) .spotify-widget-full-view{opacity:1;visibility:visible;position:relative;transform:scale(1)}.spotify-widget-wrapper:not(.is-minimized) .spotify-widget-min-view{opacity:0;visibility:hidden;pointer-events:none;position:absolute;transform:scale(.5)}.spotify-widget-wrapper.is-minimized .spotify-widget-full-view{opacity:0;visibility:hidden;pointer-events:none;position:absolute;transform:scale(.9)}.spotify-widget-wrapper.is-minimized .spotify-widget-min-view{opacity:1;visibility:visible;position:relative;transform:scale(1)}.spotify-widget-controls{opacity:0;justify-content:space-between;width:100%;margin-bottom:4px;padding:0 4px;transition:opacity .2s;display:flex}.spotify-widget-wrapper:hover .spotify-widget-controls,.spotify-widget-wrapper:focus-within .spotify-widget-controls{opacity:1}.spotify-widget-min-view{color:inherit;background:0 0;border:0;padding:0}.action-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .2s,background .2s;display:flex}.action-btn:hover{color:var(--color-text-primary);background:var(--color-rule)}.spotify-widget-drag-handle{cursor:grab;justify-content:center;align-items:center;display:flex}.spotify-widget-positioner.dragging .spotify-widget-drag-handle{cursor:grabbing}@media (hover:none){.spotify-widget-controls{opacity:1}.action-btn{position:relative}.action-btn:after{content:"";position:absolute;inset:-10px}}.spotify-widget-container{isolation:isolate;font-family:var(--font-mono);color:var(--color-text-primary);background-color:color-mix(in srgb, var(--color-surface-raised) 56%, transparent);border:1px solid color-mix(in srgb, var(--color-text-primary) 14%, transparent);backdrop-filter:blur(20px)saturate(140%);opacity:1;align-items:center;gap:12px;text-decoration:none;transition:border-color .2s,opacity .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000029}.spotify-widget-container>:not(.spotify-widget-cover-glow){z-index:1;position:relative}.spotify-widget-cover-glow{z-index:0;object-fit:cover;object-position:left center;filter:blur(42px)saturate(1.65)brightness(.66);mix-blend-mode:screen;opacity:.16;pointer-events:none;-webkit-user-drag:none;width:68%;height:calc(100% + 64px);animation:.8s ease-out both spotify-cover-glow-in;position:absolute;inset:-32px auto -32px -24px;mask-image:linear-gradient(90deg,#000 0% 30%,#0000 100%)}.spotify-widget-min-view .spotify-widget-cover-glow{opacity:.22;border-radius:50%;width:calc(100% + 60px);height:calc(100% + 60px);animation-name:spotify-cover-glow-in-mini;inset:-30px;mask-image:radial-gradient(circle,#000 0%,#0000 75%)}@keyframes spotify-cover-glow-in{0%{opacity:0}to{opacity:.16}}@keyframes spotify-cover-glow-in-mini{0%{opacity:0}to{opacity:.22}}@media (prefers-reduced-motion:reduce){.spotify-widget-cover-glow{animation:none}}.spotify-widget-full-view .spotify-widget-container{border-radius:8px;padding:8px 12px}.spotify-widget-min-view .min-container{cursor:pointer;border-radius:50%;padding:10px;display:inline-flex;box-shadow:0 4px 6px -1px #0000001a}.spotify-widget-container:hover{opacity:1;border-color:var(--color-text-interactive);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.spotify-widget-album{object-fit:cover;pointer-events:none;-webkit-user-drag:none;border-radius:6px;width:64px;height:64px}.spotify-widget-info{flex-direction:column;justify-content:center;min-width:160px;display:flex}.spotify-widget-title{font-family:var(--font-body);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:1rem;font-weight:600;line-height:var(--leading-tight);text-decoration:none;overflow:hidden}.spotify-widget-title:hover{color:var(--color-text-interactive);text-decoration:underline}.spotify-widget-artist{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:220px;margin-top:0;font-size:.8rem;line-height:1.2;overflow:hidden}.spotify-widget-progress-container{width:100%;margin-top:6px}.spotify-widget-progress-bar{appearance:none;background:var(--color-rule);border:0;border-radius:2px;width:100%;height:4px;margin-bottom:2px;display:block;overflow:hidden}.spotify-widget-progress-bar::-webkit-progress-bar{background:var(--color-rule)}.spotify-widget-progress-bar::-webkit-progress-value{background:var(--color-brand-strong)}.spotify-widget-progress-bar::-moz-progress-bar{background:var(--color-brand-strong)}.spotify-widget-time{color:var(--color-text-muted);font-size:.6rem;font-family:var(--font-mono);justify-content:space-between;display:flex}.spotify-folio-orbit,.spotify-folio-mini,.spotify-folio-fallback-title{display:none}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-positioner{--listening-ink:var(--folio-muted,color-mix(in srgb, var(--color-accent) 64%, #586576));--listening-bright:var(--folio-bright,color-mix(in srgb, var(--color-accent) 70%, white))}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-container{border:1px solid color-mix(in srgb, var(--color-text-primary) 14%, transparent);background:color-mix(in srgb, var(--color-surface-raised) 52%, transparent);backdrop-filter:blur(24px)saturate(145%);opacity:1;border-radius:16px;gap:24px;min-height:88px;padding:16px 14px 16px 18px;position:relative;box-shadow:0 16px 40px #0003}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-album{opacity:1;filter:saturate(1.1)brightness(1.04);border-radius:50%;flex-shrink:0;width:50px;height:50px;transition:opacity .4s,filter .4s}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-album--missing{visibility:hidden}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-wrapper:is(:hover,:focus-within) .spotify-widget-album{opacity:1;filter:saturate(1.16)brightness(1.06)}body:has([data-folio],.spotify-widget-positioner) .spotify-folio-orbit{fill:none;width:80px;height:80px;stroke:var(--listening-ink);stroke-width:.75px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;display:block;position:absolute;top:50%;left:0;overflow:visible;transform:translateY(-50%)}body:has([data-folio],.spotify-widget-positioner) .spotify-folio-orbit__echo{opacity:.28;transform-origin:44px 44px;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .5s}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-wrapper:is(:hover,:focus-within) .spotify-folio-orbit__echo{opacity:.46;transform:rotate(-6deg)}body:has([data-folio],.spotify-widget-positioner) .spotify-folio-orbit__track{opacity:.12}body:has([data-folio],.spotify-widget-positioner) .spotify-folio-orbit__elapsed{stroke:var(--listening-bright);opacity:.56}body:has([data-folio],.spotify-widget-positioner) .spotify-folio-orbit__star{fill:var(--color-surface);stroke:var(--listening-bright);stroke-width:.8px}body:has([data-folio],.spotify-widget-positioner) .spotify-folio-orbit__fallback{opacity:.45;display:none}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-container:has(.spotify-widget-album--missing) .spotify-folio-orbit__fallback{display:block}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-info{--listening-text-room:calc(100vw - 196px);min-width:min(150px, var(--listening-text-room));max-width:min(208px, var(--listening-text-room));gap:4px}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-title{max-width:100%;font-size:.875rem;font-weight:600;line-height:1.4}body:has([data-folio],.spotify-widget-positioner) .spotify-folio-fallback-title{display:inline}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-artist{max-width:100%;font-size:.675rem;line-height:1.4}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-artist:empty{display:none}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-progress-container{margin-top:4px}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-progress-bar{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-time{letter-spacing:.025em;justify-content:flex-start;gap:7px;font-size:.575rem}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-time span+span:before{content:"/";opacity:.45;margin-right:7px}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-controls{z-index:2;width:auto;margin:0;padding:0;position:absolute;top:10px;right:10px}body:has([data-folio],.spotify-widget-positioner) .action-btn{width:24px;height:24px;color:color-mix(in srgb, var(--color-text-primary) 62%, transparent);background:0 0;border:0;border-radius:50%}body:has([data-folio],.spotify-widget-positioner) .action-btn:hover{background:color-mix(in srgb, var(--color-text-primary) 8%, transparent);color:var(--listening-bright)}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-min-view .min-container{min-height:0;padding:4px}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-drag-handle>svg:not(.spotify-folio-mini){display:none}body:has([data-folio],.spotify-widget-positioner) .spotify-folio-mini{fill:none;width:48px;height:48px;stroke:var(--listening-ink);stroke-width:.85px;stroke-linecap:round;stroke-linejoin:round;display:block}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-min-view:is(:hover,:focus-visible) .spotify-folio-mini{stroke:var(--listening-bright)}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-positioner:focus-visible,body:has([data-folio],.spotify-widget-positioner) .spotify-widget-min-view:focus-visible,body:has([data-folio],.spotify-widget-positioner) .spotify-widget-title:focus-visible,body:has([data-folio],.spotify-widget-positioner) .action-btn:focus-visible{outline:1px dashed var(--color-focus-ring);outline-offset:5px}@media (hover:none){body:has([data-folio],.spotify-widget-positioner) .spotify-widget-info{padding-right:22px}}@media (width<=640px){body:has([data-folio],.spotify-widget-positioner) .spotify-widget-full-view .spotify-widget-container{border-radius:999px;gap:10px;min-height:0;padding:4px 12px 4px 7px;box-shadow:0 8px 24px #0003}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-full-view .spotify-widget-album{width:24px;height:24px}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-full-view .spotify-folio-orbit{width:38px;height:38px}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-full-view .spotify-folio-orbit__echo{display:none}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-full-view .spotify-widget-info{flex-direction:row;align-items:baseline;gap:0;min-width:0;max-width:min(260px,100vw - 96px)}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-full-view .spotify-widget-title{flex:0 auto;min-width:0;font-size:.8rem;line-height:1.3}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-full-view .spotify-widget-artist{flex:0 4 auto;min-width:10ch;font-size:.65rem}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-full-view .spotify-widget-artist:before{content:"·";opacity:.6;margin:0 6px}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-full-view .spotify-widget-progress-container{flex:none;width:0;margin:0}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-full-view .spotify-widget-time{display:none}body:has([data-folio],.spotify-widget-positioner) .spotify-widget-controls{top:50%;right:6px;transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){body:has([data-folio],.spotify-widget-positioner) .spotify-widget-album,body:has([data-folio],.spotify-widget-positioner) .spotify-folio-orbit__echo{transition:none}.spotify-widget-wrapper,.spotify-widget-full-view,.spotify-widget-min-view{transition-duration:.01ms!important}}