#root{width:100vw;height:100vh;overflow:hidden auto}.player{width:100%;height:100vh;margin:auto;display:flex;align-items:center;position:relative;max-width:1110px}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}.root{width:100%;height:0;padding-bottom:min(59%,100vh);position:relative;overflow:hidden;background-color:#18181880}.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}.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>div{padding-inline:20px;font-weight:600}.assetInfo>div>span{font-weight:400}@media screen and (max-width: 500px){.assetInfo>div>span{display:none}}.assetInfo>div: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:40%;display:flex;align-items:center;gap:8px;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}.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}.playerControlsRight{width:40%;display:flex;align-items:center;justify-content:flex-end;gap:8px;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}.buy{white-space:pre;width:fit-content!important;height:32px!important;padding:4px 16px!important;border-radius:99px!important;background-image:linear-gradient(-45deg,rgb(191,58,58),rgb(188,38,241))}.buy:disabled{background-image:none!important;background-color:#202020;color:#373737}.buy:disabled:hover{background-color:#202020;transform:none;box-shadow:none}.queue{width:100%;min-height:100vh;margin:auto;display:flex;flex-direction:column;align-items:center;position:relative;max-width:1110px;padding-bottom:42px}@media screen and (min-width: 1152px) and (max-width: 1500px){.queue{padding-inline:36px}}@media screen and (max-width: 1152px){.queue{padding-inline:0}}.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;padding:0 8px}.listTableItemRoot:after{content:"";position:absolute;bottom:0;height:1px;background-color:#373737;left:150px;width:calc(100% - 150px)}@media screen and (max-width: 1152px){.listTableItemRoot:after{left:130px;width:calc(100% - 130px)}}@media screen and (max-width: 500px){.listTableItemRoot:after{left:90px;width:calc(100% - 90px)}}@media screen and (max-width: 370px){.listTableItemRoot:after{left:50px;width:calc(100% - 50px)}}.listTableItemActions{text-align:left;display:flex;align-items:center;width:fit-content;height:inherit}.listTableItemSpan{min-width:54px;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 1152px){.listTableItemSpan{min-width:42px}}@media screen and (max-width: 500px){.listTableItemSpan:last-child{display:none}}.listTableItemImageLink{min-width:42px;width:42px;height:42px;position:relative;overflow:hidden;display:flex;justify-content:center}@media screen and (max-width: 1152px){.listTableItemImageLink{min-width:42px}}@media screen and (max-width: 370px){.listTableItemImageLink{display:none}}.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}.listTableItemFallback{width:24px;height:24px;margin:6px}.listTableItemBtn{width:24px;height:24px;color:#fff}@media screen and (max-width: 1152px){.listTableItemBtn>svg{width:18px;height:18px}}.listTableItemTrack{width:350px;text-align:left}@media screen and (max-width: 1152px){.listTableItemTrack{width:calc(100vw - 242px);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}.listTableItemArtistSecondary{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listTableItemPrice{width:200px}@media screen and (max-width: 1152px){.listTableItemPrice{width:150px}}@media screen and (max-width: 500px){.listTableItemPrice{width:120px}}.listTableItemPrice>button{background-color:#202020;color:#fff;padding:2px 12px 3px;width:fit-content;white-space:pre}.listTableItemPrice>button:hover{background-color:#404040}.listTableItemPrice>button:disabled{background-color:#202020;color:#373737}.listTableItemPrice>button:disabled:hover{background-color:#202020;transform:none;box-shadow:none}.listTableRoot{width:100%;overflow:auto}.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:150px;width:calc(100% - 150px)}@media screen and (max-width: 1152px){.listTableHeader:after{left:130px;width:calc(100% - 130px)}}@media screen and (max-width: 500px){.listTableHeader:after{left:90px;width:calc(100% - 90px)}}@media screen and (max-width: 370px){.listTableHeader:after{left:50px;width:calc(100% - 50px)}}@media screen and (max-width: 500px){.listTableHeader>:nth-child(3){display:none}}@media screen and (max-width: 370px){.listTableHeader>:nth-child(2){display:none}}.listTableSpacer{width:50px;min-width:50px;height:42px}@media screen and (max-width: 1152px){.listTableSpacer{width:42px;min-width:42px}}.listTableTrack{width:350px;text-align:left;padding-left:8px}@media screen and (max-width: 1152px){.listTableTrack{width:calc(100vw - 242px)}}@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}@media screen and (max-width: 500px){.listTableArtist{padding-left:8px;width:auto}}.listTablePrice{width:200px;padding-right:8px}@media screen and (max-width: 1152px){.listTablePrice{width:150px}}@media screen and (max-width: 500px){.listTablePrice{width:120px}}.listTableBody{display:flex;flex-direction:column}.queueRoot{width:100%;height:auto;display:grid;place-items:center;overflow:auto}.queueNoBackground{max-width:1110px;width:100%;background:none!important;height:100%;display:flex;flex-direction:column;text-align:center;position:relative;overflow:hidden}.queueHeader{width:100%;display:flex;flex-direction:column;justify-content:space-between;height:200px;border-radius:inherit;position:relative}.queueHeader>h2{margin:0;z-index:1;font-size:2em;font-weight:600}@media screen and (max-width: 1152px){.queueHeader{justify-content:unset}}.queueBanner{position:absolute;top:0;left:0;width:inherit;height:inherit;z-index:0;object-fit:cover}.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:16px}.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}.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}
