.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 (width<=768px){.spotify-widget-controls{opacity:1}.action-btn{padding:8px}}.spotify-widget-container{font-family:var(--font-mono);color:var(--color-text-primary);background-color:color-mix(in srgb, var(--color-surface-raised) 80%, transparent);border:1px solid var(--color-rule);backdrop-filter:blur(12px);opacity:.95;align-items:center;gap:12px;text-decoration:none;transition:border-color .2s,opacity .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 4px 12px #00000026}.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-label{font-size:.65rem;font-family:var(--font-body);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.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-accent)}.spotify-widget-progress-bar::-moz-progress-bar{background:var(--color-accent)}.spotify-widget-time{color:var(--color-text-muted);font-size:.6rem;font-family:var(--font-mono);justify-content:space-between;display:flex}@media (width<=768px){.spotify-widget-full-view .spotify-widget-container{gap:8px;padding:6px 10px}.spotify-widget-album{width:48px;height:48px}.spotify-widget-info{min-width:120px}.spotify-widget-title{max-width:160px;font-size:.8rem}.spotify-widget-artist{max-width:160px;font-size:.7rem}}@media (width<=380px){.spotify-widget-full-view .spotify-widget-container{gap:6px;padding:5px 8px}.spotify-widget-album{width:40px;height:40px}.spotify-widget-info{min-width:100px}.spotify-widget-title{max-width:120px;font-size:.75rem}.spotify-widget-artist{max-width:120px;font-size:.65rem}.spotify-widget-time{font-size:.55rem}}@media (prefers-reduced-motion:reduce){.spotify-widget-wrapper,.spotify-widget-full-view,.spotify-widget-min-view{transition-duration:.01ms!important}}