@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}footer aside #device-selector #device-modal .device-item span,#spotify-player aside #device-selector #device-modal .device-item span,footer section:first-of-type div small,#spotify-player section:first-of-type div small,footer section:first-of-type div strong,#spotify-player section:first-of-type div strong,#diff-results li div i,#diff-results li div b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}footer,#spotify-player{display:flex}footer aside,#spotify-player aside,footer #player-controls .playback-bar #progress-wrapper,#spotify-player #player-controls .playback-bar #progress-wrapper,footer #player-controls .playback-bar,#spotify-player #player-controls .playback-bar,footer section:first-of-type,#spotify-player section:first-of-type,.tray>div,.tray,#diff-results li>span,#diff-results li,#range-btn,header nav,#top-bar nav,.f-ac,footer aside #device-selector #device-modal .device-item,#spotify-player aside #device-selector #device-modal .device-item,#people-modal .user-item{align-items:center;display:flex}#loader,#login-guard,#range-modal .calendar .cal-grid div,#people-modal .user-item .selection-indicator,#logout-btn,#people-btn,button{justify-content:center;align-items:center;display:flex}#range-modal .calendar .cal-header,.f-jsb{justify-content:space-between;display:flex}footer #play-pause-btn,#spotify-player #play-pause-btn,footer section:first-of-type,#spotify-player section:first-of-type,#diff-results li>span mark,#diff-results li img,#login-btn,#range-btn #range-sep,#range-btn,#logout-btn,#people-btn,button,footer aside #device-selector #device-modal .device-item,#spotify-player aside #device-selector #device-modal .device-item,#people-modal .user-item{transition:all .15s}footer aside #volume-control input[type=range]::-webkit-slider-thumb{transition:all .15s}#spotify-player aside #volume-control input[type=range]::-webkit-slider-thumb{transition:all .15s}footer aside #device-selector #device-modal .device-item,#spotify-player aside #device-selector #device-modal .device-item,#people-modal .user-item{cursor:pointer;border-radius:8px;gap:12px;padding:8px}footer aside #device-selector #device-modal .device-item:hover,#spotify-player aside #device-selector #device-modal .device-item:hover,#people-modal .user-item:hover{background:#ffffff0d}footer aside #device-selector #device-modal .device-item.current,#spotify-player aside #device-selector #device-modal .device-item.current,#people-modal .user-item.current{cursor:default;background:#1db9541a;border:1px solid #1db95433}footer #play-pause-btn.is-playing:before,#spotify-player #play-pause-btn.is-playing:before,#diff-results li:before{content:"";border-radius:inherit;background:conic-gradient(from var(--border-angle), transparent 160deg, #1db95480 175deg, #1db954 180deg, #1ed760 185deg, #1db95480 190deg, transparent 205deg);z-index:-2;position:absolute}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.center-col{max-width:1000px;margin:0 auto;padding-inline:1.5rem}@media (width>=1048px){.center-col{padding-inline:0}}body{color:#e0e0e0;-webkit-user-select:none;user-select:none;background-color:#121212;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}#app{padding:8px 0}button{color:#fff;cursor:pointer;background:0;border:none;border-radius:50%;padding:8px}button:hover{color:#1db954;transform:scale(1.1)}svg{fill:currentColor;width:20px;height:20px}header,#top-bar{z-index:10;background:#121212f2;border-bottom:1px solid #333;width:100%;position:sticky;top:0}header nav,#top-bar nav{gap:1.5rem;padding:.75rem 0;position:relative}header nav #user-profile,#top-bar nav #user-profile{color:#b3b3b3;border-right:1px solid #333;margin-right:4px;padding-right:8px;font-size:13px;font-weight:500}@media (width<=650px){header nav #user-profile span,#top-bar nav #user-profile span{display:none}header nav #user-profile,#top-bar nav #user-profile{border:none;margin:0;padding:0}}#selectors.is-loading select{border-color:#0000;outline:0}#logout-btn,#people-btn{color:#b3b3b3;cursor:pointer;background:0;border:1px solid #404040;border-radius:50%;width:32px;height:32px}#logout-btn:hover,#people-btn:hover{color:#fff;background:#282828;border-color:#666;transform:scale(1.05)}#people-btn{margin-right:-4px}.dropdown-modal,footer aside #device-selector #device-modal,#spotify-player aside #device-selector #device-modal,#range-modal,#people-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;transform-origin:100% 0;background:#181818a6;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:8px;padding:12px;animation:.3s cubic-bezier(.4,0,.2,1) modal-in;display:none;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d}.dropdown-modal.is-visible,footer aside #device-selector .is-visible#device-modal,#spotify-player aside #device-selector .is-visible#device-modal,.is-visible#range-modal,.is-visible#people-modal{display:flex}.dropdown-modal header,footer aside #device-selector #device-modal header,#spotify-player aside #device-selector #device-modal header,#range-modal header,#people-modal header{text-transform:uppercase;letter-spacing:1px;color:#b3b3b3;background:0 0;border:none;margin:0;padding:8px 4px;font-size:12px;font-weight:700;position:static}#modal-backdrop{z-index:90;background:#00000080;animation:.3s fade-in;display:none;position:fixed;inset:0}#modal-backdrop.is-visible{display:block}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#people-modal{width:280px;right:1.5rem}@media (width>=1048px){#people-modal{right:0}}#people-modal .user-item img{object-fit:cover;background:#333;border-radius:50%;width:32px;height:32px}#people-modal .user-item b{color:#fff;font-size:14px}#people-modal .user-item.current:after{content:"Active";color:#000;background:#1db954;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:800}#people-modal .user-item.selected{background:#1db95426;border:1px solid #1db9544d;box-shadow:inset 0 0 0 1px #1db9541a}#people-modal .user-item.selected .selection-indicator{color:#1db954;animation:.3s cubic-bezier(.4,0,.2,1) pop-in}#people-modal .user-item .selection-indicator{color:#b3b3b3;width:20px;margin-left:auto;font-size:14px}@keyframes pop-in{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}#range-btn{cursor:pointer;color:#b3b3b3;-webkit-user-select:none;user-select:none;border-radius:6px;gap:7px;padding:5px 8px}#range-btn svg{opacity:.6;flex-shrink:0;width:15px;height:15px}#range-btn svg:last-child{opacity:.5;width:18px;height:18px;margin-left:-2px}#range-btn #range-label{color:#e0e0e0;align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}#range-btn #range-sep{color:#b3b3b3;opacity:.6;font-size:12px;font-weight:400}#range-btn:hover{color:#fff;background:#ffffff0f}#range-btn:hover svg{opacity:.9}#range-btn:hover #range-sep{opacity:.9;color:#fff}#range-modal{left:1.5rem;right:auto}@media (width>=1048px){#range-modal{left:0}}#range-modal{flex-direction:column;gap:0;width:auto;padding:20px}@media (width>=900px){#range-modal{flex-direction:row}}#range-modal .calendar-col{flex-direction:column;gap:15px;padding:20px;display:flex}#range-modal .calendar-col:first-child{border-bottom:1px solid #ffffff0d;padding-top:0}@media (width>=900px){#range-modal .calendar-col:first-child{border-bottom:none;border-right:1px solid #ffffff0d;padding-top:20px;padding-left:0}}#range-modal .calendar-col:last-child{padding-bottom:0}@media (width>=900px){#range-modal .calendar-col:last-child{padding-bottom:20px;padding-right:0}}#range-modal .calendar-col h3{text-transform:uppercase;letter-spacing:1px;color:#b3b3b3;text-align:center;margin:0;font-size:12px}#range-modal .calendar{width:250px}#range-modal .calendar .cal-header{align-items:center;margin-bottom:12px}#range-modal .calendar .cal-header span{color:#fff;font-size:14px;font-weight:700}#range-modal .calendar .cal-header button{border-radius:4px;width:24px;height:24px;padding:4px}#range-modal .calendar .cal-header button:hover{background:#ffffff1a}#range-modal .calendar .cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}#range-modal .calendar .cal-grid b{color:#555;padding-bottom:8px;font-size:10px;font-weight:800}#range-modal .calendar .cal-grid div{aspect-ratio:1;color:#555;cursor:default;border-radius:4px;font-size:12px}#range-modal .calendar .cal-grid div.has-snapshot{color:#fff;cursor:pointer}#range-modal .calendar .cal-grid div.has-snapshot:hover{background:#ffffff1a}#range-modal .calendar .cal-grid div.selected{font-weight:800;color:#000!important;background:#1db954!important}#range-modal .calendar .cal-grid div.is-today{box-shadow:inset 0 0 0 1px #1db954}#range-modal .calendar .cal-grid div.is-disabled{opacity:.2;cursor:not-allowed;text-decoration:line-through}@keyframes modal-in{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modal-in-up{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}#login-guard{text-align:center;z-index:100;background:radial-gradient(circle,#1db95414 0%,#121212 70%);flex-direction:column;padding:2rem;position:fixed;inset:0}#login-guard svg{fill:#1db954;filter:drop-shadow(0 0 20px #1db95466);width:80px;height:80px;margin-bottom:2rem}#login-guard h1{background:linear-gradient(#fff,#666);-webkit-text-fill-color:transparent;letter-spacing:-2px;-webkit-background-clip:text;margin-bottom:1rem;font-size:4rem}#login-guard p{color:#b3b3b3;max-width:450px;margin-bottom:3rem;font-size:1.1rem;line-height:1.6}#login-btn{color:#000;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;background:#1db954;border-radius:500px;padding:1.2rem 3.5rem;font-size:1rem;font-weight:800;box-shadow:0 10px 40px #1db9544d}#login-btn:hover{background:#1ed760;transform:scale(1.05)translateY(-2px);box-shadow:0 15px 50px #1db95466}#login-btn:active{transform:scale(.98)}select{color:#fff;cursor:pointer;background:#282828;border:1px solid #404040;border-radius:6px;padding:.4rem .8rem;font-size:13px}select:hover{border-color:#666}.spinner,#loader:after{border:2px solid #ffffff1a;border-top-color:#1db954;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}#loader{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;background:#121212b3;border-radius:8px;display:none;position:absolute;inset:0}#loader:after{content:""}@keyframes spin{to{transform:rotate(360deg)}}ol{margin:0;padding:0}#diff-results li{cursor:pointer;z-index:1;clip-path:inset(-4px round 12px);background:#181818;border-left:3px solid #0000;border-radius:8px;gap:15px;height:48px;margin:4px 0;padding:8px 8px 8px 12px;transition:background .15s,box-shadow .15s,border-color .15s,opacity .15s,color .15s,filter .15s;position:relative}#diff-results li:before{content:"";opacity:0;border-radius:10px;transition:opacity .8s cubic-bezier(.4,0,.2,1);animation:3s linear infinite paused rotate-border-angle;position:absolute;inset:-2px}#diff-results li:after{content:"";z-index:-1;opacity:0;background:linear-gradient(100deg,#0d2016,#111a14);border-radius:8px;transition:opacity .8s cubic-bezier(.4,0,.2,1);position:absolute;inset:1px}#diff-results li:hover{background:#282828}#diff-results li img{object-fit:cover;border-radius:4px;flex-shrink:0;width:32px;height:32px}#diff-results li .eq{box-sizing:border-box;pointer-events:none;background:#00000080;border-radius:4px;justify-content:center;align-items:flex-end;gap:3px;width:32px;height:32px;padding:6px 5px 5px;display:flex;position:absolute;left:12px}#diff-results li .eq i{transform-origin:bottom;background:#1ed760;border-radius:2px 2px 0 0;width:4px;height:100%;font-style:normal;animation:.8s ease-in-out infinite alternate eq-bar;display:block;transform:scaleY(.2)}#diff-results li .eq i:first-child{animation-duration:.7s}#diff-results li .eq i:nth-child(2){animation-duration:.9s;animation-delay:.12s}#diff-results li .eq i:nth-child(3){animation-duration:.65s;animation-delay:.25s}#diff-results li.is-paused .eq i{animation-play-state:paused}#diff-results li div{flex-direction:column;flex:1;min-width:0;display:flex}#diff-results li div b{color:#fff;font-size:.8rem;font-weight:600}#diff-results li div i{color:#b3b3b3;font-size:.7rem;font-style:normal}#diff-results li>span{flex-shrink:0;gap:5px}#diff-results li>span small{color:#555;font-variant-numeric:tabular-nums;font-size:10px}#diff-results li>span mark{text-transform:uppercase;letter-spacing:.4px;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:3px;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex}#diff-results li.s-added{background:#1db95414;border-left-color:#1db954}#diff-results li.s-added:hover{background:#1db95424}#diff-results li.s-added i{color:#1db954b3}#diff-results li.s-added>span small{color:#1db95480}#diff-results li.s-added>span mark{color:#1ed760;background:#1db95426;border-color:#1db95459}#diff-results li.s-removed{opacity:.75;background:#e9142912;border-left-color:#e91429}#diff-results li.s-removed:hover{opacity:1;background:#e9142921}#diff-results li.s-removed b{-webkit-text-decoration:line-through #e9142980;text-decoration:line-through #e9142980}#diff-results li.s-removed i{color:#e9142999}#diff-results li.s-removed img{filter:grayscale(.4)}#diff-results li.s-removed>span small{color:#e9142980}#diff-results li.s-removed>span mark{color:#f3707d;background:#e9142926;border-color:#e9142959}#diff-results li.s-moved{background:#ff980012;border-left-color:#ff9800}#diff-results li.s-moved:hover{background:#ff980021}#diff-results li.s-moved i{color:#ff9800b3}#diff-results li.s-moved>span small{color:#ff980080}#diff-results li.s-moved>span mark{color:#ffb74d;cursor:pointer;background:#ff980026;border-color:#ff980059}#diff-results li.s-moved>span mark:hover{background:#ff980047;border-color:#ff980099}#diff-results li.s-moved-old{opacity:.45;background:0 0;border-left:3px dashed #ff980059;box-shadow:inset 0 0 0 1px #ff98001f}#diff-results li.s-moved-old:hover{opacity:.75;background:#ff98000f}#diff-results li.s-moved-old b{color:#fff9}#diff-results li.s-moved-old i{color:#ff980073}#diff-results li.s-moved-old img{filter:grayscale(.5)opacity(.7)}#diff-results li.s-moved-old>span small{color:#ff980066}#diff-results li.s-moved-old>span mark{color:#ff9800cc;cursor:pointer;background:#ff98001a;border-color:#ff980040}#diff-results li.s-moved-old>span mark:hover{background:#ff980038;border-color:#ff980080}#diff-results li.is-disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.8)}#diff-results li.is-disabled:hover{background:#181818}#diff-results li.is-disabled b,#diff-results li.is-disabled i{color:#b3b3b3!important}#diff-results li.playing-highlight{z-index:2;transition:background .8s cubic-bezier(.4,0,.2,1),box-shadow .8s cubic-bezier(.4,0,.2,1),border-color .8s cubic-bezier(.4,0,.2,1),opacity .15s,color .8s cubic-bezier(.4,0,.2,1),filter .15s;animation:3s ease-in-out infinite playing-pulse;box-shadow:0 0 0 1px #1db9544d,0 0 16px #1db9541f,0 4px 20px #0006;background:linear-gradient(90deg,#1db9541f,#1db9540f)!important;border-left-color:#1db954!important}#diff-results li.playing-highlight:before{opacity:1;animation-play-state:running}#diff-results li.playing-highlight:after{opacity:1}#diff-results li.playing-highlight>*{z-index:2}#diff-results li.playing-highlight b{color:#1ed760;transition:color .8s cubic-bezier(.4,0,.2,1)}#diff-results li.playing-highlight i{color:#1ed760b3;transition:color .8s cubic-bezier(.4,0,.2,1)}#diff-results li.playing-highlight>span small{color:#1ed76099;transition:color .8s cubic-bezier(.4,0,.2,1)}#diff-results li.playing-highlight img{transition:box-shadow .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 2px #1db95480}#diff-results li.playing-highlight.s-added:after{background:linear-gradient(100deg,#0b2014,#0f1e12)}#diff-results li.playing-highlight.s-removed:after{background:linear-gradient(100deg,#1e0d10,#180d0f)}#diff-results li.playing-highlight.s-moved:after{background:linear-gradient(100deg,#1e1608,#18140a)}#diff-results li.playing-highlight.is-paused{animation:none;box-shadow:0 0 0 1px #1db9542e,0 2px 10px #0000004d}#diff-results li.playing-highlight.is-paused:before{animation-play-state:paused}#diff-results li.playing-highlight.is-paused b{color:#1ed760b3}#diff-results li.playing-highlight.is-paused img{box-shadow:0 0 0 2px #1db95440}@keyframes playing-pulse{0%,to{box-shadow:0 0 0 1px #1db9544d,0 0 16px #1db9541f,0 4px 20px #0006}50%{box-shadow:0 0 0 1px #1db95473,0 0 24px #1db95433,0 4px 24px #00000080}}@keyframes rotate-border-angle{to{--border-angle:360deg}}@keyframes eq-bar{0%{opacity:.6;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}.tray{flex-shrink:0;width:40px;height:40px;margin-right:8px;transition:width .3s cubic-bezier(.4,0,.2,1)}.tray>button:first-child{color:#fff}.tray>button:first-child:hover{transform:none}.tray>div{opacity:0;flex:1;min-width:0;padding-right:12px;transition:opacity,transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-10px)}footer,#spotify-player{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#121212f2;border-top:1px solid #333;flex-direction:column;gap:.75rem;height:auto;padding:1rem 1.5rem;display:none;position:sticky;bottom:0;left:0;right:0}@media (width>=900px){footer,#spotify-player{flex-direction:row;justify-content:space-between;align-items:center;gap:0;height:100px;padding:0 2rem}}footer section:first-of-type,#spotify-player section:first-of-type{cursor:pointer;width:100%}footer section:first-of-type:hover,#spotify-player section:first-of-type:hover{opacity:.8}@media (width>=900px){footer section:first-of-type,#spotify-player section:first-of-type{width:30%;min-width:180px;max-width:320px}}footer section:first-of-type img,#spotify-player section:first-of-type img{object-fit:cover;border-radius:4px;flex-shrink:0;width:40px;height:40px;margin-right:12px}footer section:first-of-type div,#spotify-player section:first-of-type div{flex:1;min-width:0;display:grid}footer section:first-of-type div strong,#spotify-player section:first-of-type div strong{font-size:.9rem;font-weight:600}footer section:first-of-type div small,#spotify-player section:first-of-type div small{color:#b3b3b3;font-size:.75rem}footer section:first-of-type p,#spotify-player section:first-of-type p{color:#b3b3b3;margin:0;font-size:.9rem}footer #player-controls,#spotify-player #player-controls{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}@media (width>=900px){footer #player-controls,#spotify-player #player-controls{flex:1;max-width:600px;margin-inline:2rem}}footer #player-controls .main-controls,#spotify-player #player-controls .main-controls{z-index:2;margin-top:-30px;position:relative}footer #player-controls .main-controls button,#spotify-player #player-controls .main-controls button{color:#b3b3b3}footer #player-controls .main-controls button:hover,#spotify-player #player-controls .main-controls button:hover{color:#fff}footer #player-controls .playback-bar,#spotify-player #player-controls .playback-bar{gap:12px;width:100%}footer #player-controls .playback-bar time,#spotify-player #player-controls .playback-bar time{color:#b3b3b3;font-variant-numeric:tabular-nums;min-width:35px;font-size:11px}footer #player-controls .playback-bar time:first-child,#spotify-player #player-controls .playback-bar time:first-child{text-align:right}footer #player-controls .playback-bar #progress-wrapper,#spotify-player #player-controls .playback-bar #progress-wrapper{cursor:pointer;flex:1;height:12px;position:relative}footer #player-controls .playback-bar #progress-wrapper:before,#spotify-player #player-controls .playback-bar #progress-wrapper:before{content:"";background:#404040;border-radius:1px;height:2px;position:absolute;inset:5px 0}footer #player-controls .playback-bar #progress-wrapper:hover #progress-fill,#spotify-player #player-controls .playback-bar #progress-wrapper:hover #progress-fill{background:#1db954}footer #player-controls .playback-bar #progress-wrapper:hover #progress-thumb,#spotify-player #player-controls .playback-bar #progress-wrapper:hover #progress-thumb{display:block}footer #player-controls .playback-bar #progress-fill,#spotify-player #player-controls .playback-bar #progress-fill{z-index:1;background:#b3b3b3;border-radius:1px;width:0;height:2px;position:absolute}footer #player-controls .playback-bar #progress-thumb,#spotify-player #player-controls .playback-bar #progress-thumb{z-index:2;background:#fff;border-radius:50%;width:10px;height:10px;margin-left:-5px;display:none;position:absolute;box-shadow:0 2px 4px #00000080}footer #play-pause-btn,#spotify-player #play-pause-btn{z-index:1;background:#fff;width:40px;height:40px;margin-top:-45px;position:relative;color:#000!important}footer #play-pause-btn:hover,#spotify-player #play-pause-btn:hover{background:#eee;transform:scale(1.1)}footer #play-pause-btn.is-playing,#spotify-player #play-pause-btn.is-playing{box-shadow:0 0 16px #1db95466,0 0 32px #1db95426;background:0 0!important}footer #play-pause-btn.is-playing:before,#spotify-player #play-pause-btn.is-playing:before{content:"";border-radius:50%;animation:3s linear infinite rotate-border-angle;position:absolute;inset:-3px}footer #play-pause-btn.is-playing.is-paused,#spotify-player #play-pause-btn.is-playing.is-paused{box-shadow:0 0 8px #1db95433}footer #play-pause-btn.is-playing.is-paused:before,#spotify-player #play-pause-btn.is-playing.is-paused:before{animation-play-state:paused}footer #play-pause-btn.is-playing:after,#spotify-player #play-pause-btn.is-playing:after{content:"";z-index:-1;background:#fff;border-radius:50%;position:absolute;inset:0}footer aside,#spotify-player aside{justify-content:center;gap:.5rem;width:100%}@media (width>=900px){footer aside,#spotify-player aside{justify-content:flex-end;width:30%;min-width:220px;max-width:450px}}footer aside #device-selector,#spotify-player aside #device-selector{z-index:100;position:relative}footer aside #device-selector #device-modal,#spotify-player aside #device-selector #device-modal{transform-origin:100% 100%;min-width:220px;animation:.3s cubic-bezier(.4,0,.2,1) modal-in-up;top:auto;bottom:calc(100% + 10px);right:0}footer aside #device-selector #device-modal .device-item,#spotify-player aside #device-selector #device-modal .device-item{color:#e0e0e0;gap:10px;font-size:13px}footer aside #device-selector #device-modal .device-item svg,#spotify-player aside #device-selector #device-modal .device-item svg{color:#b3b3b3;flex-shrink:0;width:18px;height:18px}footer aside #device-selector #device-modal .device-item.current svg,#spotify-player aside #device-selector #device-modal .device-item.current svg{color:#1db954}footer aside #device-selector #device-modal .device-item.current span,#spotify-player aside #device-selector #device-modal .device-item.current span{color:#fff;font-weight:600}footer aside #volume-control:hover,footer aside #volume-control:focus-within,#spotify-player aside #volume-control:hover,#spotify-player aside #volume-control:focus-within{width:140px}footer aside #volume-control:hover>div,footer aside #volume-control:focus-within>div,#spotify-player aside #volume-control:hover>div,#spotify-player aside #volume-control:focus-within>div{opacity:1;transform:translate(0)}footer aside #volume-control input[type=range],#spotify-player aside #volume-control input[type=range]{-webkit-appearance:none;cursor:pointer;background:#404040;border-radius:2px;outline:0;width:100%;height:4px}footer aside #volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:12px;height:12px;box-shadow:0 2px 4px #0000004d}#spotify-player aside #volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:12px;height:12px;box-shadow:0 2px 4px #0000004d}footer aside #volume-control input[type=range]:hover::-webkit-slider-thumb{background:#1db954;transform:scale(1.2)}#spotify-player aside #volume-control input[type=range]:hover::-webkit-slider-thumb{background:#1db954;transform:scale(1.2)}