.overlay{align-items:center;background:transparent;display:flex;font-size:0;height:100%;justify-content:center;left:0;padding:15px;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.active.overlay{background:rgba(0,0,0,0.925);pointer-events:initial;z-index:101}.ow-md .md-body::-webkit-scrollbar,.browser-wrapper::-webkit-scrollbar,.browser-wrapper .data-list .data-list-loop-wrapper>div::-webkit-scrollbar,.quick-pick-nav details[open]::-webkit-scrollbar{width:7px;position:absolute}.ow-md .md-body::-webkit-scrollbar-track,.browser-wrapper::-webkit-scrollbar-track,.browser-wrapper .data-list .data-list-loop-wrapper>div::-webkit-scrollbar-track,.quick-pick-nav details[open]::-webkit-scrollbar-track{background:transparent}.ow-md .md-body::-webkit-scrollbar-thumb,.browser-wrapper::-webkit-scrollbar-thumb,.browser-wrapper .data-list .data-list-loop-wrapper>div::-webkit-scrollbar-thumb,.quick-pick-nav details[open]::-webkit-scrollbar-thumb{background:transparent;border:1px solid transparent}.ow-md *:hover>.md-body::-webkit-scrollbar-track,*:hover>.browser-wrapper::-webkit-scrollbar-track,.browser-wrapper .data-list .data-list-loop-wrapper:hover>div::-webkit-scrollbar-track,.quick-pick-nav *:hover>details[open]::-webkit-scrollbar-track,.ow-md .md-body:hover::-webkit-scrollbar-track,.browser-wrapper:hover::-webkit-scrollbar-track,.browser-wrapper .data-list .data-list-loop-wrapper>div:hover::-webkit-scrollbar-track,.quick-pick-nav details[open]:hover::-webkit-scrollbar-track{background:linear-gradient(0deg, #001, #091a32)}.ow-md *:hover>.md-body::-webkit-scrollbar-thumb,*:hover>.browser-wrapper::-webkit-scrollbar-thumb,.browser-wrapper .data-list .data-list-loop-wrapper:hover>div::-webkit-scrollbar-thumb,.quick-pick-nav *:hover>details[open]::-webkit-scrollbar-thumb,.ow-md .md-body:hover::-webkit-scrollbar-thumb,.browser-wrapper:hover::-webkit-scrollbar-thumb,.browser-wrapper .data-list .data-list-loop-wrapper>div:hover::-webkit-scrollbar-thumb,.quick-pick-nav details[open]:hover::-webkit-scrollbar-thumb{background:#1a355b;border:1px solid rgba(0,0,0,0.5)}.text-center{text-align:center}.overlay{align-items:center;background:transparent;display:flex;font-size:0;height:100%;justify-content:center;left:0;padding:15px;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.active.overlay{background:rgba(0,0,0,0.925);pointer-events:initial;z-index:101}.ow-md .md-body::-webkit-scrollbar,.browser-wrapper::-webkit-scrollbar,.browser-wrapper .data-list .data-list-loop-wrapper>div::-webkit-scrollbar,.quick-pick-nav details[open]::-webkit-scrollbar{width:7px;position:absolute}.ow-md .md-body::-webkit-scrollbar-track,.browser-wrapper::-webkit-scrollbar-track,.browser-wrapper .data-list .data-list-loop-wrapper>div::-webkit-scrollbar-track,.quick-pick-nav details[open]::-webkit-scrollbar-track{background:transparent}.ow-md .md-body::-webkit-scrollbar-thumb,.browser-wrapper::-webkit-scrollbar-thumb,.browser-wrapper .data-list .data-list-loop-wrapper>div::-webkit-scrollbar-thumb,.quick-pick-nav details[open]::-webkit-scrollbar-thumb{background:transparent;border:1px solid transparent}.ow-md *:hover>.md-body::-webkit-scrollbar-track,*:hover>.browser-wrapper::-webkit-scrollbar-track,.browser-wrapper .data-list .data-list-loop-wrapper:hover>div::-webkit-scrollbar-track,.quick-pick-nav *:hover>details[open]::-webkit-scrollbar-track,.ow-md .md-body:hover::-webkit-scrollbar-track,.browser-wrapper:hover::-webkit-scrollbar-track,.browser-wrapper .data-list .data-list-loop-wrapper>div:hover::-webkit-scrollbar-track,.quick-pick-nav details[open]:hover::-webkit-scrollbar-track{background:linear-gradient(0deg, #001, #091a32)}.ow-md *:hover>.md-body::-webkit-scrollbar-thumb,*:hover>.browser-wrapper::-webkit-scrollbar-thumb,.browser-wrapper .data-list .data-list-loop-wrapper:hover>div::-webkit-scrollbar-thumb,.quick-pick-nav *:hover>details[open]::-webkit-scrollbar-thumb,.ow-md .md-body:hover::-webkit-scrollbar-thumb,.browser-wrapper:hover::-webkit-scrollbar-thumb,.browser-wrapper .data-list .data-list-loop-wrapper>div:hover::-webkit-scrollbar-thumb,.quick-pick-nav details[open]:hover::-webkit-scrollbar-thumb{background:#1a355b;border:1px solid rgba(0,0,0,0.5)}*{box-sizing:border-box;margin:0;padding:0;text-wrap:pretty;user-select:none;-moz-user-select:none;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0 0 15px}h1,h2,h3,h4{line-height:1.15}h1>small,h2>small,h3>small,h4>small{display:block;font-weight:300;margin:5px 0 0}ul,ol{padding-left:20px;text-align:left}ul li,ol li{margin:0 0 7px}ul li>ul,ul li>ol,ol li>ul,ol li>ol{margin-top:7px}img{height:auto;max-height:100%;max-width:100%;user-select:none;user-drag:none;-webkit-user-drag:none;width:auto}pre{display:block;font-size:13px;font-weight:normal;line-height:1.15;max-width:100%}.header{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 32px 0 0;position:relative;z-index:7}.header .icon-options{right:5px}.header button{color:inherit;display:flex;margin:0}body>main{display:block;height:100vh;margin:0 auto;max-width:425px;opacity:1;position:relative;visibility:visible;width:100%}body.grid-mode .queue>li{display:inline-block;width:calc(50% - 3px);vertical-align:top}body.grid-mode .queue>li>details>.audio-item .media-col{height:209px;width:100%}body.grid-mode .queue>li>details>.audio-item .title-col{background:rgba(0,0,0,0.85);opacity:0;position:absolute;left:0;top:0;height:100%;transition:opacity .5s;width:100%;z-index:1}body.grid-mode .queue>li>details>.audio-item .title-col .title{line-height:1.25;white-space:normal}body.grid-mode .queue>li>details>.audio-item:hover .title-col{opacity:1}body.hide-playlist canvas{opacity:1}body.hide-playlist .queue{opacity:0;pointer-events:none}.playlist-loaded .header,.playlist-loaded .audio-player{opacity:1;pointer-events:initial;visibility:visible}.playlist-loaded section{max-height:calc(100% - 140px)}.actions-box{color:inherit;font-size:0;margin:auto;min-height:180px;padding:20px 15px;width:100%}.actions-box>.wrapper{margin:auto;max-width:310px}.actions-box h4{font-size:16px;margin:0 auto 15px;text-align:center}.actions-box p{margin:0}.actions-box .actions-row{display:flex;gap:5px}.actions-box .actions-row>button{flex:1}.actions-box .actions-row:has(input[type="text"]){gap:0}.actions-box .actions-row+.actions-row{margin-top:15px}.actions-box button{height:40px}.actions-box input[type="text"]{background:#000;border:1px solid #777;border-right:0;border-radius:0;box-shadow:none;color:#eee;font-size:13px;padding:0 12px;outline:none;height:40px;vertical-align:top;width:calc(100% - 60px)}.actions-box input[type="text"]+button{border-left:1px solid #aaa;width:60px}.actions-box input[type="text"]+button:active{transform:translateY(0)}button{border:0;cursor:pointer;outline:none;text-align:center;text-transform:uppercase;position:relative;will-change:transform;user-select:none;-webkit-user-select:none;-ms-touch-action:manipulation;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.55}button:disabled>span{border-color:transparent #222 !important}.player button:not(:disabled):active{position:relative;transform:translateY(1px)}[class*="btn"]{background:#eee;color:#333;height:24px;font-family:"Ubuntu", sans-serif;font-weight:bold;font-size:12px;line-height:1;padding:0 15px}.btn-1{background-image:linear-gradient(45deg, #FF512F 0%, #F09819 51%, #FF512F 100%);background-size:200% auto;color:#fff;transition:background-position .3s}.btn-1:not(:disabled):hover{background-position:200% 200%}.btn-add{padding:0 7px 0 5px}.btn-add>i{filter:brightness(0);font-style:normal;margin-right:5px;opacity:.8725}.brand{color:#fff;align-items:center;display:flex;height:100%;font-size:18px;font-weight:500;line-height:1;padding:0 10px;text-decoration:none;outline:none}.brand>span{margin-right:-6px}.brand>small{color:#aaa;font-size:14px;font-weight:100;margin-left:7px}.brand img{display:block;margin:0;height:24px}.drop-message{color:#aab;display:none;font-size:20px;margin:0;text-align:center}.drop-message>span{display:block;margin:15px auto}.drop-message>span:last-child{background:rgba(0,0,0,0.15);backdrop-filter:blur(2px);border:4px dashed rgba(225,225,255,0.275);border-radius:8px;display:inline-block;font-size:14px;font-weight:100;line-height:20px;margin:0;padding:24px;text-transform:uppercase;text-align:center;vertical-align:top}@media screen and (min-width: 768px){.drop-message{display:block}}.icon-options{background:none;border:2px solid transparent;border-radius:100%;cursor:pointer;display:flex;height:24px;opacity:.35;padding:0;text-align:center;position:absolute;right:7px;top:7px;width:24px}.icon-options .symbol{background:#ccc;border-radius:100%;display:block;margin:0 auto;height:4px;width:4px;position:relative;pointer-events:none;transition:inherit;top:2px}.icon-options .symbol::after,.icon-options .symbol::before{background:#ccc;border-radius:100%;bottom:initial;box-sizing:content-box;content:'';display:block;height:4px;left:calc(50% - 2px);position:absolute;top:6px;transition:inherit;width:4px}.icon-options .symbol::before{bottom:initial;top:12px}.icon-options:hover{background:rgba(255,255,255,0.175);opacity:1;transition:background .25s, opacity .25s}.icon-options:hover .symbol{background:#fff}.icon-options:hover .symbol::after,.icon-options:hover .symbol::before{background:#fff}.icon-play-pause{background:transparent;box-sizing:border-box;border-style:solid;border-width:13.3333333333px 0 13.3333333333px 24px;border-color:transparent transparent transparent #eee;display:block;margin:auto auto auto 20px;transition:border .15s ease, margin .15s ease, background .3s, border-color .3s;cursor:pointer;height:24px;width:0}.icon-play-pause:hover,:hover>.icon-play-pause{border-color:transparent transparent transparent #F09819}.icon-play-pause.playing,.playing>.icon-play-pause{border-style:double;border-width:0 0 0 24px;border-color:transparent transparent transparent #F09819;margin:auto}.ow-md{background:white;border-radius:8px;color:#222;margin:auto;max-height:98vh;max-width:98vw;min-width:320px;opacity:0;overflow:hidden;transform:scale(0.1);width:auto;will-change:transform;transition:transform .15s !important}.active>.ow-md{opacity:1;transform:scale(1)}.ow-md .md-wrapper{max-height:calc(100% - 30px);max-width:100%;padding:0}.ow-md .md-wrapper>*{font-size:15px}.ow-md .md-wrapper>p{padding:15px 15px 0}.ow-md .md-wrapper>img,.ow-md .md-wrapper>svg,.ow-md .md-wrapper .md-body>img,.ow-md .md-wrapper .md-body>svg{border:10px solid transparent;display:block;margin:auto;max-width:100%}.ow-md .md-wrapper>svg,.ow-md .md-wrapper .md-body>svg{max-width:400px;max-height:400px;min-width:100px;min-height:100px;overflow:visible}.ow-md .md-wrapper>img{max-height:95vh}.ow-md .md-wrapper>.text-content{height:85%;overflow-y:auto;padding:15px}.ow-md .md-wrapper .error{background:#851810;border-radius:10px;color:white;font-size:14px;padding:10px 15px}.ow-md .md-body{max-height:calc(100vh - 80px);max-width:100%;min-width:320px;overflow:hidden;overflow-y:auto;padding:15px 15px;position:relative}.ow-md .md-title{background:#ccc;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;font-size:16px;line-height:20px;padding:15px 15px;margin:0}.ow-md .md-title *>small{display:block;margin:5px 0 0}.ow-md .md-footer{border-top:1px solid #ddd;margin:0;padding:15px 0;text-align:center}.ow-md .md-footer button{margin:0 auto}.ow-md .md-toolbar{background:#c7c7c7;height:40px;padding:5px;text-align:right}.ow-md .md-toolbar button{margin:0}.ow-md .md-toolbar .menu.horizontal{margin:-5px;padding:5px}.ow-md .md-toolbar+.md-body{max-height:calc(100vh - 220px)}.ow-md .item-list+.md-footer{margin-top:0}.ow-md.medium{width:400px}.md-close{align-items:center;background:#333;color:white;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;position:fixed;right:5px;text-align:center;text-transform:uppercase;top:5px;width:24px;z-index:1001}.submenu{align-items:flex-start;background:#222;color:white;cursor:default;gap:2.5px;top:32px;right:0;font-size:0;position:absolute;transition:opacity .25s;width:auto;z-index:5}.submenu:not(.active){opacity:0;z-index:-1;pointer-events:none}.submenu a{color:inherit;display:block;font-size:12px;line-height:20px;padding:4px 12px 6px;text-decoration:none;text-transform:uppercase}.submenu a:hover{background:linear-gradient(45deg, #FF512F 0%, #F09819 51%, #FF512F 100%);color:white}.ow-toast{background:#fff;color:#222;box-shadow:0 0 15px 1px rgba(0,0,0,0.15);font-size:12px;line-height:20px;text-align:center;bottom:0;position:fixed;top:initial;left:0;width:100%;padding:19px 15px 15px 15px;transition:transform .333s;transform:translateY(100%);will-change:transform;z-index:2000}.ow-toast p{margin:0}.ow-toast ul,.ow-toast ol{display:block;margin:15px auto;list-style-type:none;padding:0}.ow-toast.top{bottom:initial;top:0;transform:translateY(-100%)}.ow-toast.dialog{left:initial;right:15px;bottom:15px;top:initial;width:310px;transform:translateX(calc(100% + 15px))}.ow-toast.dialog.top{bottom:initial;top:15px}.ow-toast.inverted{background:#222;color:#fff}.ow-toast.success::before,.ow-toast.error::before,.ow-toast.info::before,.ow-toast.warn::before{content:'';position:absolute;top:0;left:0;height:4px;width:100%}.ow-toast.error::before{background:#a02525}.ow-toast.info::before{background:#1677bd}.ow-toast.success::before{background:#25a06e}.ow-toast.warn::before{background:#d0bb6f}.ow-toast.active{transform:translateY(0)}.ow-toast.active.dialog{transform:translateX(0)}[id*="screen-"]{height:100vh;opacity:1;position:relative;z-index:1}[id*="screen-"]:not(.active){opacity:0;position:fixed;pointer-events:none;visibility:hidden;transition:opacity .15s;z-index:-2}.browser{background:rgba(10,20,50,0.33);height:calc(100vh - 140px)}.browser>header,.browser>footer{background:#102b4f;color:#eee;height:40px;position:relative;display:flex;justify-content:space-between;align-items:center}.browser>header>span button{background:none;border:0;border-radius:0;box-shadow:none;color:#bbb;cursor:pointer;height:40px;font-size:14px;padding:0 10px}.browser>header>span button.active{background:#1a355b;color:white}.browser>header>button{background:#eee;color:#222;margin-right:7px}.browser>footer:last-of-type{border-top:1px solid #0a1729}.browser>footer button{height:40px;background:none;box-shadow:none;outline:none;margin-right:5px;padding:0 6px;color:#aaa;font-size:12px;text-transform:none;font-weight:300}.browser .counter{display:block;font-size:14px;line-height:20px;padding:0 10px 1px}.browser .counter:empty::before{content:'No audios enqueued';display:inline-block}.browser:has(.actions-box)>header>.btn-add{display:none}.browser-wrapper{background:#0f1b36;height:calc(100vh - 220px);overflow:hidden;overflow-y:auto}.browser-wrapper>div[id]{height:100%;position:relative}.browser-wrapper>div[id]:not(.active){display:none}.browser-wrapper>.active:has(details[open]){overflow-y:hidden}.browser-wrapper .data-list{height:100%;overflow:hidden;position:relative}.browser-wrapper .data-list nav{background:#111;display:flex;align-items:center;font-size:12px;height:32px;gap:7px}.browser-wrapper .data-list>nav{justify-content:space-between;padding-left:140px}.browser-wrapper .data-list>nav>span{line-height:1;text-align:center;width:100%}.browser-wrapper .data-list>nav input[type="search"]{border:1px solid #555;font-size:12px;padding:0 7px;outline:none;height:32px;width:100px}.browser-wrapper .data-list .data-list-toolbar-wrapper{position:absolute;left:0;top:0;width:130px}.browser-wrapper .data-list .data-list-toolbar-wrapper>select{border:1px solid #555;font-size:12px;height:32px;padding:0 2px;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.browser-wrapper .data-list .data-list-loop-wrapper{height:calc(100% - 32px)}.browser-wrapper .data-list .data-list-loop-wrapper>div{height:100%;overflow:hidden;overflow-y:auto}.browser-wrapper .data-list .data-list-loop-wrapper>div>p{border-bottom:1px solid #000;margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:0;padding:5px 10px}.browser-wrapper .data-list .data-list-loop-wrapper>div>p>*{color:#ddd}.browser-wrapper .data-list .data-list-loop-wrapper>div>p>*:first-child{font-size:0;flex:1;max-width:calc(100% - 74px)}.browser-wrapper .data-list .data-list-loop-wrapper>div>p>*:first-child>*{display:inline-block;font-size:12px;font-weight:300;line-height:16px;margin-right:7px;vertical-align:top}.browser-wrapper .data-list .data-list-loop-wrapper>div>p>*:first-child .title{color:#fff;margin:0;display:block;font-size:14px;font-weight:500;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.browser-wrapper .data-list .data-list-loop-wrapper>div>p>*:first-child .size{font-size:10px}.browser-wrapper .data-list .data-list-loop-wrapper>div>p>*:first-child .cached{color:#25a06e}.browser-wrapper .data-list .data-list-loop-wrapper>div>p>*:first-child .cached::before{display:block;content:'cached'}.browser-wrapper .data-list .data-list-loop-wrapper>div>p button{font-size:10px;font-weight:400;padding:0;width:50px}.browser-wrapper .data-list .data-list-loop-wrapper>div>p.queued>*{color:#999}.browser-wrapper .data-list .data-list-loop-wrapper>div>p.queued>* .title{color:#aaa}.browser-wrapper .data-list .data-list-loop-wrapper>nav{justify-content:center}.browser-wrapper .data-list .data-list-loop-wrapper>nav button{padding:0;width:32px}.browser-wrapper .data-list .data-list-loop-wrapper:has(.data-list-pager){height:calc(100% - 64px)}button.btn-play{border:1px solid rgba(255,255,255,0.175);background:none;cursor:pointer;color:white;display:block;margin:0 auto 4px;outline:none;padding:0;font-size:12px;text-align:center;height:60px;width:60px}button.btn-play.paused,button.btn-play:active{border-color:#F09819}button.btn-play:not(:disabled):active{transform:translateY(1px)}button.btn-play:hover{border-color:#F09819}.player{background:#1a355b;color:#fff;height:100px}.player-wrapper{align-items:flex-start;display:flex;gap:10px;height:100%;justify-content:flex-start;padding:5px 12px 5px 5px;position:relative;width:100%}.player-wrapper>*{margin:0;width:calc(100% - 70px)}.player-wrapper>*:first-child{width:60px}.player-wrapper>*>p{align-items:center;display:flex;justify-content:flex-start;line-height:24px;gap:7px;margin:0 0 12px;min-height:24px}.player-wrapper>*>p>*{line-height:inherit}.player-wrapper #songtitle{display:block;font-size:20px;line-height:26px;font-weight:500;margin:0 0 4px;max-width:100%;text-overflow:ellipsis;padding-right:24px;overflow:hidden;white-space:nowrap}.player-wrapper .info{cursor:pointer;position:absolute;top:6px;right:10px}.player-wrapper .duration{margin:0;font-size:18px;line-height:24px;text-align:right;width:50px}.player-wrapper .duration::before{display:block;position:relative;top:-3px}.player-wrapper .control-set{padding:0;align-items:center;justify-content:space-between;display:flex;gap:0}.player-wrapper .control-set>button{background:none;border:1px solid rgba(255,255,255,0.175);height:26px;padding:0;text-align:center;width:28px}.player-wrapper .control-set>button [class*="icon-"]{background:transparent;box-sizing:border-box;border-style:solid;border-width:8px 0 8px 12px;border-color:transparent transparent transparent #fff;display:block;margin:auto auto auto 9px;transition:border .15s ease, margin .15s ease, background .3s, border-color .3s;pointer-events:none;height:12px;width:0}.player-wrapper .control-set>button [class*="icon-"].icon-prev{transform:rotate(180deg);margin:auto auto auto 6px}.player-wrapper:has(#songtitle:empty){opacity:.33}.player-wrapper:has(#songtitle:empty) button{pointer-events:none}.player-wrapper:has(#songtitle:empty) button>span.icon-play-pause{border-color:transparent #222}#songtitle:empty{color:#aaa}#songtitle:empty::before{content:'No audio loaded'}#songdetails:empty{color:#aaa}#songdetails:empty::before{content:'mp3, ogg, wma, mod, s3m, xm...'}#duration:empty{color:#aaa}#duration:empty::before{content:'-- : --'}.seekbar{display:flex;gap:10px;align-items:center;justify-content:space-between}input[type="range"]{appearance:none;background:rgba(0,0,0,0.35);vertical-align:top;height:6px;margin:7px 0;width:calc(100% - 60px)}input[type="range"]::-webkit-slider-thumb{appearance:none;background:rgba(160,160,160,0.8);border:2px solid rgba(0,0,0,0.5);height:20px;width:40px}ul.queue{counter-reset:mycounter;margin:0;overflow:hidden;padding:0;position:relative}ul.queue li{content-visibility:auto;backdrop-filter:blur(10px);background:rgba(0,0,0,0.55);border-bottom:1px solid rgba(0,0,0,0.75);list-style-type:none;margin:0;opacity:.65;padding:0;position:relative}ul.queue li:has(.submenu.active){content-visibility:initial;z-index:5}ul.queue li:hover,ul.queue li.selected{opacity:1}.queue-item .media-col{align-items:center;background:transparent;background:linear-gradient(45deg, rgba(50,100,150,0.1), rgba(50,100,150,0.45));display:flex;float:left;font-size:12px;font-weight:500;height:82px;justify-content:center;line-height:1.25;margin:-5px -7.5px -10px 0;overflow:hidden;padding:2px;position:relative;text-align:center;text-transform:uppercase;text-wrap:balance;width:82px;word-break:break-all;z-index:1}.queue-item .media-col img{cursor:pointer;display:block;max-height:45vh}.queue-item .title-col{display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;padding:0 34px 0 15px;width:100%}.queue-item .title-col .title-col{height:auto;padding:0 14px}.queue-item .title{border:0;padding:0;margin:0;font-size:17px;font-weight:600;line-height:24px;max-width:99%;overflow:hidden;text-overflow:ellipsis;transition:color .33s;white-space:nowrap;width:100%}.queue-item .details{align-items:center;display:flex;font-size:0;justify-content:flex-start;gap:7px;padding:0;position:relative;margin:0;width:100%}.queue-item .details>span{color:#aaa;display:block;font-size:12px;font-weight:300;line-height:24px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item .details>span.artist{color:#fff;font-size:14px;font-weight:400}.queue-item .details>span.ext{text-transform:uppercase}.queue-item .details>span.cached{color:#25a06e}.queue-item .details>span.cached::before{display:block;content:'cached'}ul.queue li.in-player{opacity:1}ul.queue li.in-player::before{background:linear-gradient(45deg, #FF512F 0%, #F09819 51%, #FF512F 100%);content:'';height:100%;left:0;max-height:84px;position:absolute;top:0;width:10px}ul.queue li.in-player>.queue-item{padding-left:10px}ul.queue li.in-player>.queue-item .media-col{margin-right:-10px}ul.queue li.in-player>.queue-item .title{color:#F09819}.quick-pick{height:100%}.quick-pick-heading{margin:0;padding:0 10px 6px;line-height:24px;font-size:13px;font-weight:600;text-transform:uppercase}.quick-pick-wrapper{background:linear-gradient(180deg, #000, transparent);color:white;display:block;font-size:14px;height:100%;clear:both;margin:0 auto;overflow:hidden}.quick-pick-nav{height:100%}.quick-pick-nav details>div>*{border-bottom:1px solid #333;color:#fff;display:flex;align-items:center;font-size:14px;font-weight:500;line-height:20px;gap:10px;padding:10px 17px 9px;margin:0;text-decoration:none}.quick-pick-nav details>div>*>*{max-width:calc(100% - 50px);width:100%}.quick-pick-nav details>div>*>*:first-child{font-size:12px;display:flex;gap:5px}.quick-pick-nav details>div>*>*:last-child{color:#aaa;font-size:12px;font-weight:400;width:50px}.quick-pick-nav details>div>*:hover{background:rgba(0,10,30,0.9);color:#fff}.quick-pick-nav details summary{background:#0a0f1a;border-bottom:1px solid #333;color:#fff;cursor:pointer;font-size:16px;font-weight:600;line-height:20px;padding:10px 17px 9px;position:sticky;top:0;z-index:1}.quick-pick-nav details summary::marker{margin-right:10px}.quick-pick-nav details summary>small{color:#aaa;font-weight:300}.quick-pick-nav details[open]{background:#001;top:0;left:0;overflow:hidden;overflow-y:auto;position:absolute;height:100%;width:100%;z-index:2}