.AudioController{position:fixed;left:50%;bottom:12px;-webkit-transform:translateX(-50%);transform:translate(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:-moz-min-content;max-width:-webkit-min-content;max-width:min-content;gap:8px}.AudioController .wrapper{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:-moz-max-content;width:-webkit-max-content;width:max-content;position:relative;border-radius:14px!important;max-width:768px;overflow:clip;padding:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;height:-moz-min-content;height:-webkit-min-content;height:min-content;opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px);-webkit-animation:slide .3s var(--easeOut) forwards .3s;animation:slide .3s var(--easeOut) forwards .3s}@-webkit-keyframes slide{to{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0)}}@keyframes slide{to{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0)}}.AudioVisualizer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1px;height:6px}.AudioVisualizer .bar{width:1px;height:100%;-webkit-transform:scaleY(calc(1 / 6));transform:scaleY(calc(1 / 6));background-color:var(--grey)}.AudioVisualizer.playing .bar{-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.AudioVisualizer .bar:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.AudioVisualizer .bar:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.AudioVisualizer .bar:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.AudioVisualizer .bar:nth-child(4){-webkit-animation-delay:.5s;animation-delay:.5s}.AudioVisualizer .bar:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes pulse{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.3);transform:scaleY(.3)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes pulse{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.3);transform:scaleY(.3)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}.ScrollingText{overflow:clip;--mask: linear-gradient( to right, transparent 0px, black var(--fade), black calc(100% - var(--fade)), transparent );margin-left:calc(var(--fade) * -1);padding-left:var(--fade);background-repeat:no-repeat;-webkit-mask-image:var(--mask);mask-image:var(--mask);display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--gap)}.ScrollingText .inner{display:-webkit-box;display:-ms-flexbox;display:flex;white-space:nowrap}.CurrentlyPlayingInfo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.CurrentlyPlayingInfo .category-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.CurrentlyPlayingInfo .container-holder{display:grid}:is(.CurrentlyPlayingInfo .container-holder) .category-container{grid-area:1 / -1}.CurrentlyPlayingInfo .category{color:var(--grey)}.PlayingArtwork{--size: 48px;width:auto;height:var(--size);aspect-ratio:1;border-radius:12px;overflow:clip}.PlayingArtwork img{width:100%;height:100%}.PlayPauseButton{--size: 32px;width:var(--size);height:var(--size);padding:0;margin:0;border:none;display:grid;place-items:center;background-color:transparent;color:var(--white);cursor:pointer}.PlayPauseButton .play,.PlayPauseButton .pause{grid-area:1 / -1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:.15s var(--easeOut) -webkit-transform;transition:.15s var(--easeOut) -webkit-transform;transition:.15s var(--easeOut) transform;transition:.15s var(--easeOut) transform,.15s var(--easeOut) -webkit-transform;position:relative}:is(.PlayPauseButton .play,.PlayPauseButton .pause):after{content:"";position:absolute;z-index:-1;background-color:var(--white);opacity:0;border-radius:50%;width:150%;height:150%;-webkit-transition:.2s var(--easeOut) opacity;transition:.2s var(--easeOut) opacity}.PlayPauseButton:active .play,.PlayPauseButton:active .pause{-webkit-transition:.1s var(--easeOut) -webkit-transform;transition:.1s var(--easeOut) -webkit-transform;transition:.1s var(--easeOut) transform;transition:.1s var(--easeOut) transform,.1s var(--easeOut) -webkit-transform;-webkit-transform:scale(.85)!important;transform:scale(.85)!important}:is(.PlayPauseButton:active .play,.PlayPauseButton:active .pause):after{opacity:.12;-webkit-transition:.1s var(--easeOut) opacity;transition:.1s var(--easeOut) opacity}.RangeSlider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.RangeSlider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:8px;background-color:var(--white30);outline:none}:is(.RangeSlider input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--white);height:20px;width:1px;opacity:0}.VolumeControl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.VolumeControl .volume-icon{--size: 16px;width:var(--size);color:var(--grey)}.MenuButton{--size: 24px;cursor:pointer;width:max(var(--size),100%);height:max(var(--size),100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;outline:none;border:none;border-radius:8px;background-color:transparent;color:var(--white);padding:8px}.MenuButton *{pointer-events:none}.MenuButton .icon{--size: 14px;width:var(--size);height:var(--size);-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.MenuButton:hover,.MenuButton[aria-pressed=true]{background-color:var(--white10)}.Portal{display:contents}.ControlPopup{left:0;width:100%;padding:8px;border-radius:14px;-webkit-transform-origin:center 100%;transform-origin:center 100%}.SoundEffect{display:contents}.SoundEffect .effect-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5ch;text-transform:capitalize}.SoundEffect .icon{width:14px;height:14px}.SoundEffect .slider{width:100%}.TitleDescription{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:12px}.TitleDescription .title,.SoundEffects .title{margin-bottom:4px}.SoundEffects .desc{margin-bottom:12px}.SoundEffects .list{margin:0;padding:0;list-style-type:none;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;-moz-column-gap:8px;-webkit-column-gap:8px;column-gap:8px;row-gap:4px}:is(.SoundEffects .list) li{display:contents}.Button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;background-color:transparent;outline:none;color:var(--white);border:1px solid var(--grey);border-radius:8px;padding:12px 8px;-webkit-transition:60ms ease-in-out background-color;transition:60ms ease-in-out background-color}.Button .button-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.Button svg{width:16px;height:16px}.Button:hover,.Button[aria-pressed=true]{background-color:var(--white10)}.Button[aria-pressed=false]:disabled{cursor:progress;-webkit-filter:brightness(80%);filter:brightness(80%)}.StationOverview .list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style-type:none;margin:0;padding:0}.StationOverview .station-button{width:100%}.MenuButtons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.Visuals .visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style-type:none;padding:0;margin:0;gap:8px}:is(:is(.Visuals .visual-grid) li) button{border:none;padding:0}:is(:is(.Visuals .visual-grid) li) img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:4px}.Player{visibility:hidden;pointer-events:none;display:none}.Background{width:100%;height:100%;position:absolute;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.Background.clipped{opacity:0}.BackgroundManager{position:fixed;inset:0;width:100%;height:100%;z-index:-1}.BackgroundManager:after{content:"";position:absolute;inset:0;width:100%;height:100%;z-index:10;background-color:var(--black40)}