#primary-controls{z-index:100;mix-blend-mode:difference;isolation:isolate;opacity:0;pointer-events:none;cursor:default;align-items:center;gap:12px;transition:opacity .5s;display:flex;position:fixed;bottom:36px;left:50%;transform:translate(-50%)}#header-auto-shuffle svg{width:auto;height:auto}#primary-controls>button{color:#fff9;pointer-events:auto;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .2s,transform .2s;display:flex}#primary-controls>button:has(svg:hover){color:#fff;transform:scale(1.1)}#primary-controls>button:active{transform:scale(.95)}#primary-controls>button.active{color:#fff}#primary-controls>button svg{cursor:pointer;stroke-width:2.5px;width:16px;height:16px}#primary-controls>#header-visibility{color:#fff}#primary-controls>#header-visibility.hidden-mode{color:#fff9}#header-play .play-icon,#header-play .pause-icon{display:none}#header-play:not(.active) .play-icon,#header-play.active .pause-icon{display:block}#header-shuffle:active svg{animation:.4s cubic-bezier(.4,0,.2,1) shuffle-spin}@keyframes shuffle-spin{0%{transform:rotate(0)scale(1.2)}to{transform:rotate(360deg)scale(1.2)}}.lock-btn .lock-icon,#primary-controls>button .lock-icon{display:block}.lock-btn .unlock-icon,#primary-controls>button .unlock-icon,.lock-btn.unlocked .lock-icon,#primary-controls>button.unlocked .lock-icon{display:none}.lock-btn.unlocked .unlock-icon,#primary-controls>button.unlocked .unlock-icon{display:block}@media (width<=620px){#primary-controls{bottom:35px}#header-shortcuts{display:none!important}}@media (width<=620px) and (orientation:portrait){#primary-controls:not(.intro-only){left:auto;right:20px;transform:none}}#primary-controls.intro-only{gap:0}#primary-controls.intro-only>button:not(#header-super-lock):not(#header-shortcuts),#primary-controls:not(.intro-only)>#header-shortcuts{opacity:0;pointer-events:none;width:0;min-width:0;overflow:hidden}#primary-controls{transition:opacity .5s,gap .55s cubic-bezier(.16,1,.3,1)}#primary-controls>button{transition:color .2s,transform .2s,opacity .45s,width .55s cubic-bezier(.16,1,.3,1)}#primary-controls.intro-only>button:nth-child(2){margin-right:12px}#primary-controls>button:nth-child(2){transition-delay:0s}#primary-controls>button:first-child,#primary-controls>button:nth-child(3){transition-delay:60ms}#primary-controls>button:nth-child(4){transition-delay:.12s}#primary-controls>button:nth-child(5){transition-delay:.18s}#primary-controls>button:nth-child(6){transition-delay:.24s}@media (prefers-reduced-motion:reduce){#primary-controls,#primary-controls>button{transition-duration:.01ms;transition-delay:0s}}