.sticky-player{left:0;right:0;bottom:0;width:100vw;min-height:92px;border-radius:0;border:0;border-top:1px solid rgba(255,255,255,.14);padding:10px 24px;display:grid;grid-template-columns:260px auto minmax(260px,1fr) 260px;grid-template-rows:44px 24px;column-gap:22px;row-gap:0;align-items:center;background:#121212}
.sticky-art{grid-column:1;grid-row:1 / span 2;width:52px;height:52px}.sticky-info{grid-column:1;grid-row:1 / span 2;margin-left:66px;width:190px}.sticky-control{font-family:inherit}.speed-control{grid-column:2;grid-row:1}.sticky-player>#back-15{grid-column:2;grid-row:1;margin-left:42px}.sticky-player>#previous-track{grid-column:2;grid-row:1;margin-left:88px}.sticky-main{grid-column:2;grid-row:1;margin-left:132px}.sticky-player>#next-track{grid-column:2;grid-row:1;margin-left:180px}.sticky-player>#forward-15{grid-column:2;grid-row:1;margin-left:226px}.sticky-progress{grid-column:2 / 4;grid-row:2;margin:0 44px}.sticky-actions{grid-column:4;grid-row:1 / span 2;display:flex;justify-content:flex-end;align-items:center;gap:14px}.sticky-progress input{height:4px}.sticky-info strong{font-size:13px}.sticky-info small{font-size:11px}.sticky-main{position:relative;z-index:2}.sticky-player .sticky-control,.sticky-player .sticky-main{position:relative;z-index:3}
@media(max-width:900px){.sticky-player{grid-template-columns:150px 1fr 130px;padding:8px 12px;column-gap:8px}.sticky-info{width:90px;margin-left:58px}.speed-control,.sticky-player>#back-15,.sticky-player>#previous-track,.sticky-player>#next-track,.sticky-player>#forward-15{display:none}.sticky-progress{grid-column:2;grid-row:2;margin:0}.sticky-actions{grid-column:3}.sticky-player{min-height:78px}}
.sticky-player{display:flex;position:fixed}.sticky-art{flex:0 0 52px}.sticky-info{flex:0 0 240px;margin-left:0}.sticky-player>.speed-control,.sticky-player>#back-15,.sticky-player>#previous-track,.sticky-player>.sticky-main,.sticky-player>#next-track,.sticky-player>#forward-15{position:absolute;top:23px;margin:0}.sticky-player>.speed-control{left:calc(50% - 126px)}.sticky-player>#back-15{left:calc(50% - 88px)}.sticky-player>#previous-track{left:calc(50% - 48px)}.sticky-player>.sticky-main{left:calc(50% - 21px)}.sticky-player>#next-track{left:calc(50% + 27px)}.sticky-player>#forward-15{left:calc(50% + 67px)}.sticky-progress{position:absolute;left:calc(50% - 190px);top:57px;width:380px;margin:0}.sticky-actions{margin-left:auto;display:flex;gap:14px}.sticky-player{padding-left:24px;padding-right:24px}
@media(max-width:900px){.sticky-player{display:flex}.sticky-info{flex:0 0 100px;margin-left:0}.sticky-progress{position:static;width:auto;flex:1}.sticky-actions{margin-left:0}}
@media(max-width:900px){.sticky-player{height:82px;min-height:82px;padding:7px 12px}.sticky-info{flex:0 0 120px}.sticky-player>.speed-control{left:calc(50% - 106px)}.sticky-player>#back-15{left:calc(50% - 72px)}.sticky-player>#previous-track{left:calc(50% - 39px)}.sticky-player>.sticky-main{left:calc(50% - 17px);width:34px;height:34px}.sticky-player>#next-track{left:calc(50% + 26px)}.sticky-player>#forward-15{left:calc(50% + 62px)}.sticky-progress{top:49px;width:calc(100vw - 250px);gap:6px}.sticky-actions{gap:8px}}
@media(max-width:560px){.sticky-player{height:76px;min-height:76px;padding:6px 10px}.sticky-art{flex-basis:40px;width:40px;height:40px}.sticky-info{flex-basis:105px;max-width:105px}.sticky-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticky-player>.speed-control,.sticky-player>#previous-track,.sticky-player>#next-track{display:none}.sticky-player>.sticky-main{left:calc(50% - 17px)}.sticky-player>#back-15{left:calc(50% - 58px)}.sticky-player>#forward-15{left:calc(50% + 41px)}.sticky-progress{top:47px;left:calc(50% + 58px);width:calc(100vw - 190px);transform:translateX(-50%)}.sticky-actions{gap:4px}.sticky-actions #device-button,.sticky-actions #fullscreen-button{display:none}.sticky-player svg{width:17px;height:17px}}
.sticky-player>.sticky-control,.sticky-player>.sticky-main{top:0;transform:none;align-self:center}.sticky-progress{align-self:end}.sticky-progress>div{display:flex;justify-content:space-between;line-height:1;margin-top:3px}.sticky-actions{align-self:center}.queue-panel{position:fixed;right:20px;bottom:104px;width:340px;max-height:65vh;overflow:auto;z-index:30;background:#191919;color:#f7f3ea;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:18px;box-shadow:0 18px 50px #0009}.queue-head{display:flex;justify-content:space-between;align-items:center;font-size:16px}.queue-head button{background:none;border:0;color:inherit;font-size:26px;cursor:pointer}.queue-tabs{display:flex;gap:6px;margin:16px 0 12px}.queue-tab{background:#2a2a2a;color:#bbb;border:0;border-radius:999px;padding:7px 11px;cursor:pointer}.queue-tab.active{background:#d8aa55;color:#17130d}.queue-row{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #ffffff15}.queue-row strong{font-size:13px;display:block}.queue-row small{color:#aaa;display:block;margin-top:3px}.queue-row button{margin-left:auto;border:1px solid #ffffff35;border-radius:999px;background:transparent;color:#fff;padding:5px 9px;cursor:pointer}.queue-empty{color:#aaa;font-size:13px;padding:12px 0}
.sticky-player{background:#000;min-height:92px;height:92px;padding:8px 24px;display:flex;align-items:center}.sticky-player>.sticky-control,.sticky-player>.sticky-main{top:0;align-self:center}.sticky-player>.speed-control{left:calc(50% - 126px)}.sticky-player>#back-15{left:calc(50% - 88px)}.sticky-player>#previous-track{left:calc(50% - 48px)}.sticky-player>.sticky-main{left:calc(50% - 18px)}.sticky-player>#next-track{left:calc(50% + 30px)}.sticky-player>#forward-15{left:calc(50% + 70px)}.sticky-player .sticky-main{width:38px;height:38px;border-radius:50%;background:#fff;color:#000}.sticky-player .sticky-main svg{width:19px;height:19px}.sticky-player .sticky-control{color:#c9cbc8}.sticky-progress{left:50%;top:54px;transform:translateX(-50%);width:min(640px,calc(100vw - 420px));height:24px;margin:0;display:flex;align-items:center;gap:10px}.sticky-progress>div{display:contents}.sticky-progress input{order:2;flex:1;min-width:0}.sticky-progress span{font-size:10px;color:#aeb2ae;line-height:1}.sticky-progress span:first-child{order:1}.sticky-progress span:last-child{order:3}.sticky-actions{align-self:center}
 .speed-menu{position:fixed;left:calc(50% - 150px);bottom:104px;z-index:50;display:grid;gap:2px;min-width:92px;padding:6px;background:#151515;border:1px solid #333;border-radius:8px;box-shadow:0 10px 30px #0009}.speed-menu[hidden]{display:none}.speed-menu button{border:0;background:transparent;color:#eee;text-align:left;padding:7px 10px;border-radius:4px;cursor:pointer;font:12px inherit}.speed-menu button:hover,.speed-menu button:focus-visible{background:#2c2c2c;outline:none}