#root{width:100vw;height:100vh;overflow:hidden auto;overscroll-behavior:contain}#root>div{height:inherit}#root:hover .playerControls,#root:hover .assetInfo{opacity:1;transform:translateY(0);transition:all .1s linear}#root:hover .controls>button{opacity:1;transform:translate(0);transition:all .1s linear}#root:hover .queue{transform:translateY(0);opacity:1;transition:all .1s linear}.player{width:100%;height:100vh;margin:auto;display:flex;align-items:center;position:relative;max-width:1370px}button{background:none;border:none;color:gray;padding:4px 12px 12px;border-radius:99px;height:24px}button:hover{text-decoration:underline;text-underline-offset:8px;cursor:pointer}button[data-filled=true]{background-color:#fff;color:#121212;height:24px}button[data-filled=true]:hover{background-color:#eee;box-shadow:0 2px #80808040;text-decoration:none;text-underline-offset:unset;transform:translateY(-1px)}button[data-icon=true]{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;display:flex;align-items:center;justify-content:center;color:#fff}button:disabled{opacity:.5!important;cursor:not-allowed}.root{width:100%;height:0;padding-bottom:min(59%,100vh);position:relative;overflow:hidden;background-color:#18181880}.loading{height:100%;width:100%;margin:auto;overflow:hidden;display:grid;place-items:center;position:absolute;z-index:2}.thumb{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;object-fit:contain;z-index:1}.asset{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;object-fit:contain;z-index:0}.show{width:100%;height:auto;opacity:1}.hide{width:0;height:0;opacity:0}.assetInfo{z-index:1;opacity:0;transform:translateY(-100%);position:absolute;left:0;top:0;margin:auto;padding:6px 0;width:100%!important;height:fit-content;min-height:54px;display:flex;align-items:center;justify-content:space-between;background-image:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,0));transition:all .05s linear}.assetInfo>a{padding-inline:20px;font-weight:600}.assetInfo>a>span{font-weight:400}@media screen and (max-width: 500px){.assetInfo>a>span{display:none}}.assetInfo>a:last-child{text-align:end}@media screen and (any-pointer: coarse){.assetInfo{opacity:1;transform:unset}}.controls{z-index:1;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:100%;height:fit-content;display:flex;align-items:center;justify-content:space-between}.controls>button{width:36px;height:36px;padding:0;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;background-color:#00000040;opacity:0;transition:all .05s linear}.controls>button:hover{background-color:#00000080}.controls>button:first-child{transform:translate(-100%);margin-left:12px}.controls>button:last-child{transform:translate(100%);margin-right:12px}@media screen and (any-pointer: coarse){.controls>button{opacity:1;transform:translate(0)!important}}.playerControls{z-index:1;opacity:0;transform:translateY(100%);position:absolute;left:0;bottom:0;margin:auto;padding:6px 0;width:100%!important;height:fit-content;display:flex;justify-content:space-between;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));transition:all .05s linear}@media screen and (any-pointer: coarse){.playerControls{opacity:1;transform:unset}}.playerProgress{position:absolute;left:0;right:0;top:0;width:100%;z-index:2}.playerProgress>form>span:nth-child(2){width:100%}.playerProgress>form>span:nth-child(2)>span:nth-child(1){height:2px}.playerProgress>form>span:nth-child(2)>span:nth-child(2)>span{width:10px;height:10px}.playerControlsLeft{width:45%;display:flex;align-items:center;gap:4px;padding-left:6px}.playerControlsLeft>button{width:42px;height:42px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center}.playerControlsLeft>button:hover{background-color:#00000040}@media screen and (max-width: 500px){.playerControlsLeft{width:fit-content}}.playerTimestamp{font-size:.8em;padding-right:12px}.playerVolumeSlider{height:42px;margin-top:0;display:flex;align-items:center}.playerVolumeSlider>form{margin-top:0}.playerVolumeSlider>button{width:42px;height:42px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center}.playerVolumeSlider>button:hover{background-color:#00000080}.playerVolumeSlider>button>svg{width:24px;height:24px}@media screen and (any-pointer: coarse){.playerVolumeSlider{display:none!important}}.playerQueueToggle{width:10%;display:flex;align-items:center;justify-content:center}.playerQueueToggle>button{display:flex;gap:12px;align-items:center;justify-content:center;font-size:.8em;font-weight:500;padding:0;color:#fff}.playerQueueToggle>button:hover{text-decoration:none}@media screen and (max-width: 500px){.playerQueueToggle{width:fit-content}}.playerControlsRight{width:45%;display:flex;align-items:center;justify-content:flex-end;gap:4px;padding-right:6px}.playerControlsRight>button{width:42px;height:42px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center}.playerControlsRight>button:hover{background-color:#00000040}@media screen and (max-width: 500px){.playerControlsRight{width:fit-content}}.iconButton{width:42px;height:42px;min-width:42px;min-height:42px;padding:0;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center}.iconButton:hover{background-color:#00000040}.queue{width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;position:relative;max-width:1370px;transition:all .1s linear;padding-bottom:42px}@media screen and (any-pointer: fine){.queue{transform:translateY(20px);opacity:0}}.showQueue{transform:translateY(0)!important;opacity:1!important;transition:all .1s linear}.toast{visibility:hidden;z-index:100;width:fit-content;max-width:90vw;position:absolute;bottom:24px;left:50%;transform:translate(-50%);padding:6px 12px;border-radius:8px;font-size:.8em;background-color:#18181899;border:1px solid rgba(255,255,255,.1)}@supports (backdrop-filter: blur(8px)){.toast{backdrop-filter:blur(8px)}}.toast.show{visibility:visible;animation:fadein .5s,fadeout .5s 2.5s}.shareModal{z-index:100;width:300px;max-width:90vw;height:200px;max-height:60vh;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:6px 12px;border-radius:8px;font-size:.8em;background-color:#18181899;border:1px solid rgba(255,255,255,.1)}@media (min-aspect-ratio: 6/4){.shareModal{max-width:90vw;max-height:90vh}}@supports (backdrop-filter: blur(8px)){.shareModal{backdrop-filter:blur(8px)}}.shareModalTitle{margin:12px auto;font-size:1.2em;font-weight:500;text-align:center}.shareModalBody{display:flex;gap:0;height:60%;align-items:center;justify-content:space-evenly}.shareModalBody>a{width:20%;height:0;padding-bottom:20%;position:relative;border-radius:8px;max-width:60px;display:flex;align-items:center;justify-content:center;background-color:#18181899;border:1px solid rgba(255,255,255,.3)}.shareModalBody>a>svg{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:50%;height:50%}@keyframes fadeIn{0%{bottom:0;opacity:0}to{bottom:24px;opacity:1}}@keyframes fadeOut{to{bottom:24px;opacity:1}0%{bottom:0;opacity:0}}.hidePointer,.showPointer{overflow:hidden auto}.loader{height:100%;width:100%;margin:auto;overflow:hidden;display:grid;place-items:center}.spin{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}.listTableItemRoot{height:54px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.listTableItemRoot[data-playing=true] .listTableItemTrack{font-weight:600}.listTableItemRoot:before{content:"";position:absolute;bottom:0;height:1px;background-color:#373737;left:60px;width:calc(100% - 60px)}@media screen and (max-width: 370px){.listTableItemRoot:before{left:0;width:100%}}.listTableItemActions{text-align:left;display:flex;align-items:center;width:fit-content;height:inherit}.listTableItemSpan{min-width:42px;width:fit-content;height:inherit;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 1152px){.listTableItemSpan{min-width:42px}}.listTableItemImageLink{min-width:42px;width:42px;height:42px;position:relative;overflow:hidden;display:flex;justify-content:center;padding-left:8px}@media screen and (max-width: 1152px){.listTableItemImageLink{min-width:42px}}@media screen and (max-width: 370px){.listTableItemImageLink{display:none}}.listTableItemMusicIcon{position:absolute;z-index:1;top:-4px;left:0;right:-6px;bottom:0;margin:auto}.listTableItemImage{position:absolute;width:36px;height:36px;min-width:36px;min-height:36px;background-color:#202020}.listTableItemImage>img{width:inherit;height:inherit;object-fit:cover}.listTableItemImageLoaded{opacity:1}.listTableItemImageLoading{opacity:0}.listTableItemIsPlayingImage{opacity:.5}.listTableItemFallback{width:24px;height:24px;margin:6px}.listTableItemBtn{width:24px;height:24px;color:#fff;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 1152px){.listTableItemBtn>svg{width:18px;height:18px}}.listTableItemTrack{width:350px;text-align:left;padding-left:16px}@media screen and (max-width: 1152px){.listTableItemTrack{width:calc(100vw - 262px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media screen and (max-width: 370px){.listTableItemTrack{width:calc(100vw - 188px)}}.listTableItemMoreDetails{display:flex;flex-grow:1;align-items:center;justify-content:flex-end;padding-right:8px}.listTableItemArtistSecondary{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listTableRoot{width:100%;overflow:auto;padding-top:12px}.listTableTable{min-width:100%;text-align:right;border-collapse:collapse}.listTableHeader{width:100%;height:64px;display:flex;align-items:center;position:relative}.listTableHeader:after{content:"";position:absolute;bottom:0;height:1px;background-color:#979797;left:60px;width:calc(100% - 60px)}@media screen and (max-width: 370px){.listTableHeader:after{left:0;width:100%}}.listTableSpacer{width:50px;min-width:50px;height:42px}@media screen and (max-width: 1152px){.listTableSpacer{width:42px;min-width:42px}}@media screen and (max-width: 370px){.listTableSpacer{display:none}}.listTableTrack{width:350px;text-align:left;padding-left:16px}@media screen and (max-width: 1152px){.listTableTrack{width:calc(100vw - 262px)}}@media screen and (max-width: 370px){.listTableTrack{width:calc(100vw - 288px)}}.listTableMoreHeadings{display:flex;flex-grow:1;align-items:center;justify-content:flex-end}.listTableArtist{width:150px;padding-inline:8px}@media screen and (max-width: 500px){.listTableArtist{width:auto}}.listTableActions{width:75px;padding-right:8px}.listTableBody{display:flex;flex-direction:column}.queueRoot{height:auto;display:grid;place-items:center;overflow:auto;width:100%}.sliderRoot{border-radius:12px;display:flex;user-select:none;touch-action:none;position:relative;width:100%;height:4px}.sliderRoot:hover .thumb{scale:1.25;transition:scale .1s linear}.sliderRrack{position:relative;flex-grow:1;background-color:#424242;border-radius:12px;height:4px}.sliderRange{position:absolute;background-color:#fff;border-radius:12px;height:100%}.sliderThumb{all:unset;display:block;margin-top:-4px;height:12px;width:12px;border-radius:50%;background-color:#fff;transition:scale .1s linear;cursor:pointer}.volumeSliderRoot{height:42px;display:flex;position:relative;overflow:hidden;align-items:center;column-gap:4px}.volumeSliderRoot[data-position=right]{flex-direction:row-reverse}.volumeSliderRoot>button{color:#fff;padding:0}.volumeSliderRoot>form{display:flex;align-items:center;column-gap:16px}.volumeSliderRoot>form>span{margin:0;font-size:.8em}.volumeSliderRoot:hover .volumeSliderForm{opacity:1;padding-right:12px;transition:all .1s linear}.volumeSliderRoot:hover .volumeSliderDiv{width:100px;transition:all .1s linear}.volumeSliderRoot:hover .volumeSliderThumb{scale:1;transition:all .1s linear}.volumeSliderForm{opacity:0;padding-right:0;transition:all .1s linear .4s}.volumeSliderDiv{border-radius:12px;display:flex;user-select:none;touch-action:none;position:relative;width:0;height:4px;transition:all .1s linear .4s}.volumeSliderDiv:hover .volumeSliderThumb{scale:1.25;transition:scale .1s linear}.volumeSliderDiv[data-disabled=true]{opacity:.5!important;pointer-events:none}.volumeSliderDiv[data-disabled=true] .volumeSliderThumb{scale:.5!important}.volumeSliderTrack{position:relative;flex-grow:1;background-color:#424242;border-radius:12px;height:4px}.volumeSliderRange{position:absolute;background-color:#fff;border-radius:12px;height:100%}.volumeSliderThumb{all:unset;display:block;margin-top:-4px;height:12px;width:12px;scale:0;border-radius:50%;background-color:#fff;cursor:pointer;transition:all .1s linear .4s}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0c0c0c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{text-decoration:inherit;color:inherit}body{margin:0}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0}