.spotify-widget{--sw-accent: #1db954;--sw-bg: var(--glass-bg, rgba(14, 14, 16, .78));--sw-border: var(--glass-border, rgba(255, 255, 255, .08));--sw-text: var(--text-primary, #f4f4f5);--sw-text-soft: var(--text-secondary, rgba(255, 255, 255, .68));--sw-text-muted: var(--text-muted, rgba(255, 255, 255, .48));--sw-blur: var(--glass-blur, 16px);--sw-progress: 0;--sw-ring-opacity: 1;--sw-pill-size: 68;--sw-expanded-width: 404;--sw-expanded-radius: 18;--sw-title-size: 17;--sw-meta-size: 12;--sw-aura-opacity: .25;--sw-toggle-radius: 999;--sw-cover-width: 92;--sw-panel-pad-x: 18;--sw-panel-pad-top: 14;--sw-panel-pad-bottom: 10;--sw-footer-height: 5;position:fixed;left:calc(var(--sw-pos-left, 20) * 1px);bottom:calc(var(--sw-pos-bottom, 20) * 1px);z-index:100000;width:calc(var(--sw-expanded-width, 404) * 1px);height:calc(var(--sw-expanded-height, 92) * 1px);border:1px solid var(--sw-border);border-radius:calc(var(--sw-expanded-radius, 18) * 1px);background:rgba(14,14,16,var(--sw-bg-opacity, .78));backdrop-filter:blur(calc(var(--sw-container-blur, var(--sw-blur, 16)) * 1px)) saturate(180%);-webkit-backdrop-filter:blur(calc(var(--sw-container-blur, var(--sw-blur, 16)) * 1px)) saturate(180%);box-shadow:0 18px 40px #00000047,0 1px #ffffff0a inset;color:var(--sw-text);font-family:var(--font-primary, sans-serif);overflow:visible;box-sizing:border-box;user-select:none;touch-action:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) scale(.98);transform-origin:bottom left;cursor:grab}.spotify-widget *,.spotify-widget *:before,.spotify-widget *:after{box-sizing:border-box}.spotify-widget.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.spotify-widget.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.spotify-widget.is-dragging{cursor:grabbing;box-shadow:0 24px 52px #00000057,0 1px #ffffff0a inset}.spotify-widget:hover{border-color:#ffffff1f}.sw-aura{position:absolute;inset:-18px;z-index:-1;border-radius:inherit;background-size:cover;background-position:center;filter:blur(calc(var(--sw-aura-blur, 40) * 1px));opacity:var(--sw-aura-opacity, 0);pointer-events:none}@keyframes sw-aura-pulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.spotify-widget.is-playing .sw-aura{animation:sw-aura-pulse 4s ease-in-out infinite}.sw-main-card{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit}.cms-editor-active .sw-main-card,.cms-editor-active .sw-panel,.cms-editor-active .sw-content{overflow:visible!important}.cms-editor-active .sw-content{min-height:70px}.sw-track-link{color:inherit;text-decoration:none}.sw-artwork{position:absolute;z-index:3;overflow:hidden;background:#101010;transform-origin:center}.sw-artwork img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:center}.spotify-widget.is-expanded .sw-artwork{left:0;top:0;width:calc(var(--sw-cover-width, 92) * 1px);height:100%;border-radius:calc(var(--sw-expanded-radius, 18) * 1px) 0 0 calc(var(--sw-expanded-radius, 18) * 1px);box-shadow:none}.spotify-widget.is-minimized .sw-artwork{left:0;top:0;width:100%;height:100%;border-radius:999px;box-shadow:none}.spotify-widget.is-minimized .sw-artwork img{transform:scale(1.22)}.sw-visualizer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:3px;background:#00000057;opacity:0;pointer-events:none}.spotify-widget.is-playing .sw-visualizer{opacity:1}.sw-bar{width:3px;border-radius:999px;background:var(--sw-accent);box-shadow:0 0 6px #1db95466}.sw-bar:nth-child(1){height:12px;animation:sw-eq-1 .8s ease-in-out infinite alternate}.sw-bar:nth-child(2){height:16px;animation:sw-eq-2 .65s ease-in-out infinite alternate}.sw-bar:nth-child(3){height:10px;animation:sw-eq-3 .9s ease-in-out infinite alternate}@keyframes sw-eq-1{0%{transform:scaleY(.4)}50%{transform:scaleY(1.25)}to{transform:scaleY(.7)}}@keyframes sw-eq-2{0%{transform:scaleY(.55)}45%{transform:scaleY(.35)}to{transform:scaleY(1.45)}}@keyframes sw-eq-3{0%{transform:scaleY(.5)}60%{transform:scaleY(1.35)}to{transform:scaleY(.65)}}.sw-panel{position:absolute;top:0;right:0;bottom:calc(var(--sw-footer-height, 5) * 1px);left:calc(var(--sw-cover-width, 92) * 1px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;min-width:0;z-index:4}.sw-content{flex:1;padding:calc(var(--sw-panel-pad-top, 14) * 1px) calc(var(--sw-panel-pad-right, var(--sw-panel-pad-x, 18)) * 1px) calc(var(--sw-panel-pad-bottom, 10) * 1px) calc(var(--sw-panel-pad-left, var(--sw-panel-pad-x, 18)) * 1px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;overflow:hidden}.sw-badge{position:relative!important;display:inline-flex!important;align-items:center;gap:6px;margin-top:0!important;margin-left:0!important;margin-right:0!important;margin-bottom:calc(var(--sw-gap-header-content, 6) * 1px)!important;padding:4px 10px;border-radius:999px;background:rgba(29,185,84,var(--sw-badge-bg-opacity, .2));color:#1db954;font-size:calc(var(--sw-badge-size, 9) * 1px);font-weight:800;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;z-index:10;left:calc((var(--sw-badge-x, 0) - var(--sw-badge-right, 0)) * 1px);top:calc((var(--sw-badge-y, 0) + var(--sw-badge-top, 0)) * 1px)}.sw-spotify-logo{width:12px;height:12px;flex:0 0 12px;color:currentColor}.sw-info-group{display:flex;flex-direction:column;justify-content:center;flex:1 1 auto;width:100%;min-width:0;overflow:hidden}.sw-marquee{min-width:0;overflow:hidden;position:relative;padding:10px 0;margin:-10px 0;display:flex;align-items:center;left:calc(var(--sw-title-x, 0) * 1px);top:calc(var(--sw-title-y, 0) * 1px)}.sw-artist-marquee{left:calc(var(--sw-artist-x, 0) * 1px);top:calc(var(--sw-artist-y, 0) * 1px)}.sw-content>.sw-marquee{width:100%}.sw-artist-marquee{flex:1;width:0;min-width:0}#sw-title-text.is-scrolling,#sw-artist-text.is-scrolling{overflow:visible;width:max-content!important;text-overflow:clip!important;flex:0 0 auto!important;white-space:nowrap!important}.sw-title{font-size:calc(var(--sw-title-size, 14) * 1px);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:#fff;white-space:nowrap;position:relative;transform:none}.sw-meta-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:14px;min-width:0;margin-top:calc(var(--sw-gap-title-artist, 8) * 1px)}.sw-artist{flex:1 1 auto;min-width:0;font-size:calc(var(--sw-artist-size, var(--sw-meta-size, 11)) * 1px);font-weight:400;line-height:1.4;color:var(--sw-text-soft);white-space:nowrap;position:relative;transform:none}.sw-time{flex:0 0 auto;min-width:6.5em;font-family:var(--font-primary, sans-serif);font-size:calc(var(--sw-meta-size, 11) * .92 * 1px);font-weight:600;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:.01em;color:var(--sw-text-muted);white-space:nowrap;text-align:right}.sw-footer{position:absolute;bottom:calc(var(--sw-progress-pos-y, 0) * 1px);left:calc(var(--sw-cover-width, 92) * 1px);right:0;height:calc(var(--sw-progress-height, var(--sw-footer-height, 5)) * 1px);pointer-events:none;overflow:hidden;z-index:5}.sw-progress-container{position:absolute;inset:0;overflow:hidden;background:#ffffff1f;border-radius:999px 0 0}.sw-progress-bar{display:block;position:relative;width:0%;height:100%;background:var(--sw-accent);box-shadow:0 0 14px #1db95459;transform-origin:left center}.sw-toggle{position:absolute;z-index:10;top:10px;right:10px;width:28px;height:28px;border:1.5px solid rgba(255,255,255,.32);border-radius:calc(var(--sw-toggle-radius) * 1px);background:#080a0ce0;color:#fff;box-shadow:0 10px 22px #00000042;display:flex;align-items:center;justify-content:center;appearance:none;-webkit-appearance:none;cursor:pointer;padding:0;outline:none}.sw-toggle:after{content:"";position:absolute;inset:-12px;border-radius:999px}.sw-toggle:hover{border-color:#ffffff70;background:#06080af5}.sw-toggle:focus-visible{box-shadow:0 0 0 4px #1db9542e,0 10px 22px #00000042}.sw-toggle-icon{width:15px;height:15px;stroke-width:4;transform-origin:center}.spotify-widget.is-minimized{width:calc(var(--sw-pill-size) * 1px);height:calc(var(--sw-pill-size) * 1px);border-radius:999px;transform-origin:center}.spotify-widget.is-minimized .sw-panel,.spotify-widget.is-minimized .sw-footer{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.spotify-widget.is-minimized .sw-toggle{top:-8px;right:-8px;width:28px;height:28px;border:2px solid rgba(255,255,255,.84);background:var(--sw-accent);color:#04110b;box-shadow:0 10px 24px #00000057,0 0 0 4px #1db95426}.spotify-widget.is-minimized .sw-toggle:hover,.spotify-widget.is-minimized .sw-toggle:focus-visible{border-color:#ffffffeb;background:var(--sw-accent);color:#04110b}.spotify-widget.is-minimized:before{content:"";position:absolute;inset:-4px;z-index:-1;border-radius:999px;opacity:var(--sw-ring-opacity);filter:drop-shadow(0 0 4px rgba(29,185,84,.45));background:conic-gradient(var(--sw-accent) max(0%,calc(var(--sw-progress) * 1% - 8%)),#ffffff calc(var(--sw-progress) * 1%),rgba(255,255,255,.1) calc(var(--sw-progress) * 1%));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))}.spotify-widget:after{content:"";position:absolute;width:6px;height:6px;border-radius:999px;background:#fff;box-shadow:0 0 10px 2px var(--sw-accent);z-index:5;opacity:var(--sw-dot-opacity, 1);transition:opacity .25s ease;pointer-events:none}.spotify-widget.sw-morphing:after{opacity:0!important;transition:none!important}.spotify-widget.is-minimized:after{top:50%;left:50%;margin-top:-3px;margin-left:-3px;opacity:var(--sw-ring-opacity);transform:rotate(calc(var(--sw-progress) * 3.6deg)) translateY(calc(var(--sw-pill-size) * -.5 - 2.5px))}.spotify-widget.is-expanded:after{top:auto;bottom:calc(var(--sw-footer-height, 5) * .5px - 3px);left:calc(var(--sw-cover-width, 92) * 1px + (100% - var(--sw-cover-width, 92) * 1px) * var(--sw-progress, 0) / 100);margin-bottom:0;margin-left:-3px;transform:none;opacity:1}.spotify-widget.sw-morphing:after,.spotify-widget.sw-idle:after,.spotify-widget.sw-disconnected:after{opacity:0}.spotify-widget.sw-idle .sw-artwork img,.spotify-widget.sw-disconnected .sw-artwork img{filter:grayscale(1) opacity(.25)}.spotify-widget.sw-idle .sw-visualizer,.spotify-widget.sw-disconnected .sw-visualizer{opacity:0}.sw-morphing,.sw-morphing *,.sw-morphing *:before,.sw-morphing *:after{transition:none!important;animation-play-state:paused!important}:is(html,body).light-mode .spotify-widget{--sw-bg: rgba(255, 255, 255, .92);--sw-border: rgba(0, 0, 0, .08);--sw-text: #101114;--sw-text-soft: rgba(16, 17, 20, .68);--sw-text-muted: rgba(16, 17, 20, .48);box-shadow:0 18px 40px #0000001a,0 1px #ffffff4d inset}:is(html,body).light-mode .spotify-widget:hover{border-color:#0000001f}:is(html,body).light-mode .sw-title{color:#101114}:is(html,body).light-mode .sw-progress-container{background:#00000014}:is(html,body).light-mode .spotify-widget.is-minimized:before{filter:drop-shadow(0 0 3px rgba(29,185,84,.3));background:conic-gradient(var(--sw-accent) max(0%,calc(var(--sw-progress) * 1% - 8%)),#111111 calc(var(--sw-progress) * 1%),rgba(0,0,0,.08) calc(var(--sw-progress) * 1%))}:is(html,body).light-mode .sw-toggle{background:#ffffffe0;color:#111;border-color:#0000001f}:is(html,body).light-mode .sw-toggle:hover{background:#fff;border-color:#0000002e}.cursor.is-grabbing .cursor-ring{scale:1.33;border-color:var(--sw-accent);background:#1db9540f;box-shadow:0 0 12px #1db95426}.cursor.is-grabbing .cursor-dot{scale:.6;opacity:.5}@media(max-width:1199px){.spotify-widget{--sw-expanded-width: 364;--sw-expanded-height: 88;--sw-cover-width: 88;--sw-panel-pad-x: 16;--sw-panel-pad-top: 13}.sw-title{font-size:16px}.sw-artist{font-size:11.5px}.sw-time{font-size:10.5px}}@media(min-width:640px)and (max-width:1024px){.spotify-widget{--sw-expanded-width: 372;--sw-expanded-height: 90;--sw-cover-width: 90;--sw-panel-pad-x: 16;--sw-panel-pad-top: 13;bottom:32px}.spotify-widget.is-minimized .sw-toggle{top:-9px;right:-9px}}@media(max-width:639px){.spotify-widget{--sw-pill-size: 64;--sw-expanded-width: 330;--sw-expanded-height: 88;--sw-cover-width: 86;--sw-panel-pad-x: 15;--sw-panel-pad-top: 12;left:auto;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 96px);max-width:calc(100vw - 24px)}.sw-title{font-size:14px}.sw-artist{font-size:11px}.sw-time{font-size:10px}.sw-badge{font-size:8px;padding:4px 8px}.spotify-widget.is-minimized .sw-toggle{top:-10px;right:-10px;width:30px;height:30px}}