.NowPlaying-module__gkph3W__widget{z-index:100;background:var(--bg-dark);box-shadow:4px 4px 0 var(--dark),0 0 0 0 #00d9c000;isolation:isolate;border:2px solid #ffffff1a;border-radius:16px;width:300px;transition:border-color .3s,box-shadow .3s;position:fixed;bottom:2rem;right:2rem;overflow:hidden}.NowPlaying-module__gkph3W__widget.NowPlaying-module__gkph3W__playing{box-shadow:4px 4px 0 var(--dark),0 0 20px #00d9c01f;border-color:#00d9c080}.NowPlaying-module__gkph3W__backdrop{z-index:-1;filter:blur(30px)saturate(1.5);opacity:.22;pointer-events:none;background-position:50%;background-size:cover;transition:opacity .6s;position:absolute;inset:-30%}.NowPlaying-module__gkph3W__widget:hover .NowPlaying-module__gkph3W__backdrop{opacity:.32}@keyframes NowPlaying-module__gkph3W__slideIn{0%{opacity:0;transform:translate(20px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes NowPlaying-module__gkph3W__slideOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(16px)scale(.94)}}@keyframes NowPlaying-module__gkph3W__popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes NowPlaying-module__gkph3W__popOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.NowPlaying-module__gkph3W__widgetIn{animation:NowPlaying-module__gkph3W__slideIn .28s var(--transition-spring)forwards}.NowPlaying-module__gkph3W__widgetOut{animation:.28s ease-in forwards NowPlaying-module__gkph3W__slideOut}.NowPlaying-module__gkph3W__miniIn{animation:NowPlaying-module__gkph3W__popIn .28s var(--transition-spring)forwards}.NowPlaying-module__gkph3W__miniOut{animation:.22s ease-in forwards NowPlaying-module__gkph3W__popOut}.NowPlaying-module__gkph3W__collapseBtn{color:#ffffff8c;cursor:pointer;transition:color var(--animation-fast)ease,background var(--animation-fast)ease,transform var(--animation-fast)ease;z-index:2;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex;position:absolute;top:.5rem;right:.5rem}.NowPlaying-module__gkph3W__collapseBtn svg{width:14px;height:14px}.NowPlaying-module__gkph3W__collapseBtn:hover{color:#fff;background:#ffffff24;transform:translate(-2px)}.NowPlaying-module__gkph3W__collapseBtn:focus-visible,.NowPlaying-module__gkph3W__inner:focus-visible,.NowPlaying-module__gkph3W__mini:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.NowPlaying-module__gkph3W__inner{transition:background var(--animation-fast)ease;align-items:center;gap:.875rem;padding:.875rem 2.25rem .75rem .875rem;text-decoration:none;display:flex;position:relative}.NowPlaying-module__gkph3W__inner:hover{background:#ffffff0d}.NowPlaying-module__gkph3W__inner:hover .NowPlaying-module__gkph3W__spotify{color:#1ed760;transform:scale(1.15)}.NowPlaying-module__gkph3W__albumWrap{background:var(--purple);border:2px solid #ffffff14;border-radius:50%;flex-shrink:0;width:52px;height:52px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0006}.NowPlaying-module__gkph3W__albumImg,.NowPlaying-module__gkph3W__miniImg{object-fit:cover;width:100%;height:100%;display:block}.NowPlaying-module__gkph3W__spinning{animation:12s linear infinite NowPlaying-module__gkph3W__spin}@keyframes NowPlaying-module__gkph3W__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.NowPlaying-module__gkph3W__grooves{pointer-events:none;background:linear-gradient(115deg,#0000 42%,#ffffff24 50%,#0000 58%),repeating-radial-gradient(circle,#00000038 0 1px,#0000 1px 4px);border-radius:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 26%,#000 60%);mask-image:radial-gradient(circle,#0000 26%,#000 60%)}.NowPlaying-module__gkph3W__hole{background:var(--bg-dark);pointer-events:none;border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #ffffff38,inset 0 0 3px #000c}.NowPlaying-module__gkph3W__albumFallback{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.25rem;display:flex}.NowPlaying-module__gkph3W__info{min-width:0;animation:NowPlaying-module__gkph3W__trackIn .35s var(--transition-smooth)both;flex:1}@keyframes NowPlaying-module__gkph3W__trackIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.NowPlaying-module__gkph3W__label{letter-spacing:1.5px;text-transform:uppercase;color:var(--teal);white-space:nowrap;align-items:center;gap:.375rem;margin-bottom:.3rem;font-size:.5rem;font-weight:700;display:flex}.NowPlaying-module__gkph3W__widget:not(.NowPlaying-module__gkph3W__playing) .NowPlaying-module__gkph3W__label{color:#ffffff80}.NowPlaying-module__gkph3W__pauseDot{color:#ffffff4d;font-size:.375rem}.NowPlaying-module__gkph3W__bars,.NowPlaying-module__gkph3W__miniBars{align-items:flex-end;gap:2px;height:10px;display:flex}.NowPlaying-module__gkph3W__bar{background:var(--teal);width:2.5px;animation:.7s ease-in-out infinite NowPlaying-module__gkph3W__bounceBar;animation-delay:calc(var(--i,1)*.1s);border-radius:1px}.NowPlaying-module__gkph3W__bar:first-child{height:4px}.NowPlaying-module__gkph3W__bar:nth-child(2){height:9px}.NowPlaying-module__gkph3W__bar:nth-child(3){height:6px}.NowPlaying-module__gkph3W__bar:nth-child(4){height:10px}@keyframes NowPlaying-module__gkph3W__bounceBar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.NowPlaying-module__gkph3W__title,.NowPlaying-module__gkph3W__artist{white-space:nowrap;position:relative;overflow:hidden}.NowPlaying-module__gkph3W__title>span,.NowPlaying-module__gkph3W__artist>span{will-change:transform;display:inline-block}.NowPlaying-module__gkph3W__title{color:#fff;font-size:.875rem;font-weight:700;line-height:1.3}.NowPlaying-module__gkph3W__artist{color:#ffffffad;margin-top:.15rem;font-size:.6875rem}.NowPlaying-module__gkph3W__title[data-marquee],.NowPlaying-module__gkph3W__artist[data-marquee]{-webkit-mask-image:linear-gradient(90deg,#000 82%,#0000 100%);mask-image:linear-gradient(90deg,#000 82%,#0000 100%)}.NowPlaying-module__gkph3W__widget:hover .NowPlaying-module__gkph3W__title[data-marquee]>span,.NowPlaying-module__gkph3W__widget:hover .NowPlaying-module__gkph3W__artist[data-marquee]>span{animation:NowPlaying-module__gkph3W__marquee var(--marquee-dur,5s)ease-in-out infinite alternate;animation-delay:.4s}@media (hover:none){.NowPlaying-module__gkph3W__title[data-marquee]>span,.NowPlaying-module__gkph3W__artist[data-marquee]>span{animation:NowPlaying-module__gkph3W__marquee var(--marquee-dur,5s)ease-in-out infinite alternate;animation-delay:1.5s}}@keyframes NowPlaying-module__gkph3W__marquee{0%{transform:translate(0)}to{transform:translateX(var(--marquee-dist,0))}}.NowPlaying-module__gkph3W__spotify{color:#1db954;width:18px;height:18px;transition:transform var(--animation-normal)var(--transition-spring),color var(--animation-normal)ease;flex-shrink:0}.NowPlaying-module__gkph3W__progress{font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;padding:0 .875rem .75rem;display:flex}.NowPlaying-module__gkph3W__time{color:#ffffff73;letter-spacing:.3px;min-width:2.1em;font-size:.5625rem;font-weight:600}.NowPlaying-module__gkph3W__time:last-child{text-align:right}.NowPlaying-module__gkph3W__progressTrack{background:#ffffff24;border-radius:2px;flex:1;height:3px;overflow:hidden}.NowPlaying-module__gkph3W__progressFill{clip-path:inset(0 100% 0 0);background:linear-gradient(90deg,var(--teal),var(--pink));border-radius:2px;width:100%;height:100%}.NowPlaying-module__gkph3W__widget:not(.NowPlaying-module__gkph3W__playing) .NowPlaying-module__gkph3W__progressFill{background:#ffffff4d}.NowPlaying-module__gkph3W__mini{z-index:100;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;position:fixed;bottom:2rem;right:2rem}.NowPlaying-module__gkph3W__miniAlbum{background:var(--bg-dark);width:54px;height:54px;box-shadow:3px 3px 0 var(--dark);transition:transform var(--animation-normal)var(--transition-spring),box-shadow var(--animation-normal)var(--transition-spring);border-radius:50%;position:relative}.NowPlaying-module__gkph3W__mini.NowPlaying-module__gkph3W__playing .NowPlaying-module__gkph3W__miniAlbum{box-shadow:3px 3px 0 var(--dark),0 0 14px #00d9c040}.NowPlaying-module__gkph3W__mini:hover .NowPlaying-module__gkph3W__miniAlbum{box-shadow:5px 5px 0 var(--dark),0 0 20px #00d9c04d;transform:translate(-2px,-2px)}.NowPlaying-module__gkph3W__miniRing{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.NowPlaying-module__gkph3W__ringTrack,.NowPlaying-module__gkph3W__ringFill{fill:none;stroke-width:2px;stroke-linecap:round}.NowPlaying-module__gkph3W__ringTrack{stroke:#ffffff29}.NowPlaying-module__gkph3W__ringFill{stroke:var(--teal)}.NowPlaying-module__gkph3W__mini:not(.NowPlaying-module__gkph3W__playing) .NowPlaying-module__gkph3W__ringFill{stroke:#ffffff73}.NowPlaying-module__gkph3W__miniArt{background:var(--purple);border:1px solid #ffffff1f;border-radius:50%;position:absolute;inset:5px;overflow:hidden}.NowPlaying-module__gkph3W__miniBars{background:#0009;border-radius:3px;height:11px;padding:1.5px 3px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.NowPlaying-module__gkph3W__miniBars .NowPlaying-module__gkph3W__bar{width:2px}.NowPlaying-module__gkph3W__miniBars .NowPlaying-module__gkph3W__bar:first-child{height:4px}.NowPlaying-module__gkph3W__miniBars .NowPlaying-module__gkph3W__bar:nth-child(2){height:8px}.NowPlaying-module__gkph3W__miniBars .NowPlaying-module__gkph3W__bar:nth-child(3){height:6px}.NowPlaying-module__gkph3W__miniTip{background:var(--bg-dark);max-width:190px;box-shadow:3px 3px 0 var(--dark);text-align:right;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s var(--transition-spring);border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;gap:1px;padding:.4rem .6rem;display:flex;position:absolute;top:50%;right:calc(100% + .625rem);transform:translate(6px,-50%)}.NowPlaying-module__gkph3W__miniTip strong{color:#fff;font-size:.6875rem;font-weight:700;line-height:1.25}.NowPlaying-module__gkph3W__miniTip span{color:#fff9;font-size:.5625rem;line-height:1.25}.NowPlaying-module__gkph3W__miniTip strong,.NowPlaying-module__gkph3W__miniTip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.NowPlaying-module__gkph3W__mini:hover .NowPlaying-module__gkph3W__miniTip,.NowPlaying-module__gkph3W__mini:focus-visible .NowPlaying-module__gkph3W__miniTip{opacity:1;transform:translateY(-50%)}.NowPlaying-module__gkph3W__srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.NowPlaying-module__gkph3W__widget{width:260px;bottom:1.25rem;right:1rem}.NowPlaying-module__gkph3W__inner{gap:.75rem;padding:.75rem 2rem .625rem .75rem}.NowPlaying-module__gkph3W__albumWrap{width:44px;height:44px}.NowPlaying-module__gkph3W__progress{padding:0 .75rem .625rem}.NowPlaying-module__gkph3W__mini{bottom:1.25rem;right:1rem}.NowPlaying-module__gkph3W__miniTip{display:none}.NowPlaying-module__gkph3W__title{font-size:.8125rem}.NowPlaying-module__gkph3W__artist{font-size:.625rem}}@media (prefers-reduced-motion:reduce){.NowPlaying-module__gkph3W__widgetIn,.NowPlaying-module__gkph3W__widgetOut,.NowPlaying-module__gkph3W__miniIn,.NowPlaying-module__gkph3W__miniOut,.NowPlaying-module__gkph3W__info,.NowPlaying-module__gkph3W__spinning{animation:none}.NowPlaying-module__gkph3W__bar{animation:none;transform:scaleY(.8)}.NowPlaying-module__gkph3W__widget:hover .NowPlaying-module__gkph3W__title[data-marquee]>span,.NowPlaying-module__gkph3W__widget:hover .NowPlaying-module__gkph3W__artist[data-marquee]>span,.NowPlaying-module__gkph3W__title[data-marquee]>span,.NowPlaying-module__gkph3W__artist[data-marquee]>span{animation:none}.NowPlaying-module__gkph3W__collapseBtn:hover,.NowPlaying-module__gkph3W__mini:hover .NowPlaying-module__gkph3W__miniAlbum{transform:none}}