*{box-sizing:border-box;color:var(--text-color);accent-color:var(--color-d);margin:0;padding:0}html,button,select{font-family:ark-latin,sans-serif;font-size:16px;line-height:1.5rem}:root{--color-a:#3f4d4e;--color-b:#a47d5d;--color-c:#2d373a;--color-c-highlight:oklch(from var(--color-c).45 c h);--color-d:#6395e6;--text-color:#d4d4d4;--min-width:350px}@supports (color:color(display-p3 0 0 0)){:root{--color-a:color(display-p3 .259523 .301948 .306321);--color-b:color(display-p3 .619739 .496396 .382474);--color-c:color(display-p3 .185435 .215731 .227029);--color-d:color(display-p3 .430908 .578715 .877833);--text-color:color(display-p3 .831444 .831444 .831444)}}@supports (color:lab(0% 0 0)){:root{--color-a:lab(31.7308% -5.54533 -2.5422);--color-b:lab(55.728% 12.4929 23.618);--color-c:lab(22.3721% -3.73292 -3.34907);--color-d:lab(60.8496% 1.0334 -46.9366);--text-color:lab(84.92% 0 -.0000119209)}}button,select,option{background-color:var(--color-d);color:#242424;color:color(display-p3 .140871 .140871 .140871);color:lab(14.16% 0 0);border:none;place-items:center;padding:.25rem .5rem;display:flex}:-webkit-any(button,select,option):hover{background-color:oklch(from var(--color-d).85 c h)}:-moz-any(button,select,option):hover{background-color:oklch(from var(--color-d).85 c h)}:is(button,select,option):hover{background-color:oklch(from var(--color-d).85 c h)}select:disabled{background-color:var(--color-d);color:#636363;color:color(display-p3 .388573 .388573 .388573);color:lab(42% 0 0)}select:disabled:hover{background-color:var(--color-d)}input:disabled{color:#636363;color:color(display-p3 .388573 .388573 .388573);color:lab(42% 0 0)}button{cursor:pointer}button:disabled{cursor:default}svg{flex-shrink:0}button:has(>svg){background:0 0;padding:0}button:has(>svg):hover{background:0 0}html{min-width:var(--min-width);background-image:url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='100' height='82' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%23404e4fff'/><path d='M74.4-14.6l-24 41.1h48l-24-41.1zm0 82l-24 41.1h48l-24-41.1z'  stroke-width='1' stroke='none' fill='%23a37c5cff'/><path d='M0 0l24 41.1L48 0H0zm-1.6 26.5l-24 41.1h48l-24-41.1zm100 0l-24 41.1h48l-24-41.1z'  stroke-width='1' stroke='none' fill='%232c373aff'/><path d='M24 41.1l24 41.1 24-41.1H24z'  stroke-width='1' stroke='none' fill='%23726f69ff'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");min-height:600px}html,body,#root,.app-container{height:100%}.app-container{background-color:var(--color-a);flex-direction:column;max-width:1200px;margin:0 auto;display:flex;box-shadow:0 0 40px #000c}.app-container>.app-header{border-bottom:1px solid var(--color-c);justify-content:space-between;gap:1.5rem;padding:1rem;display:flex}.app-container>.app-header>.app-buttons{flex-wrap:wrap;justify-content:end;gap:1.5rem;display:flex}.app-container>.app-header>.app-buttons>.signin-offline-group>.offline-button{text-wrap:nowrap;width:min-content}.app-container>.app-header>.app-buttons>div{gap:1.5rem;display:flex}.app-container>.main-content{flex:1;display:flex;position:relative;overflow:hidden}.title{text-wrap:nowrap;font-size:1.5rem;font-weight:700}@media (min-width:751px){.filebrowser-toggle{display:none}}.spacer{flex-grow:1}input{border:1px solid var(--color-c);background:0 0;padding:.25rem}.cover{border-top:1px solid var(--color-c);justify-content:center;height:25%;display:flex;position:relative}.cover>img{object-fit:contain;max-width:100%;max-height:100%;padding:.5rem}dialog{width:800px;max-width:max(90vw,var(--min-width));border:none;margin:auto;padding:0;position:absolute;box-shadow:0 2px 10px #00000059}dialog ::backdrop{background-color:#00000080}dialog>div,dialog>form{background-color:var(--color-a);flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.option-content>div{justify-content:space-between;display:flex}.option-content>div>input[type=number]{width:5rem}.option-content>.options-page-buttons{justify-content:left;gap:1rem}.option-content>.options-page-buttons>button:not(.page-button-active){color:var(--text-color);border:1px solid var(--color-d);background:0 0}.option-content>label{margin-right:1rem}.option-content>.option-buttons{justify-content:end;gap:.5rem;margin-top:1.5rem}.option-content>.option-buttons .cache-button{margin-right:auto}.option-content>.option-buttons .cancel-button{background-color:#ae2424;background-color:color(display-p3 .625805 .192074 .169008);background-color:lab(39.0977% 54.8908 37.171)}.option-content>.option-buttons .cancel-button:hover{background-color:#f86b62;background-color:color(display-p3 .904729 .454676 .405975);background-color:lab(63.5147% 54.3368 33.7035)}.toastify{color:#fff;opacity:0;cursor:pointer;z-index:2147483647;background:linear-gradient(135deg,#73a5ff,#5477f5);border-radius:2px;max-width:calc(50% - 20px);padding:12px 20px;text-decoration:none;transition:all .4s cubic-bezier(.215,.61,.355,1);display:inline-block;position:fixed;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d}.toastify.on{opacity:1}.toast-close{color:#fff;cursor:pointer;opacity:.4;background:0 0;border:0;padding:0 5px;font-family:inherit;font-size:1em}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{border-radius:2px;width:1.5em;height:1.5em;margin:-7px 5px}.toastify-center{max-width:-moz-fit-content;margin-left:auto;margin-right:auto;left:0;right:0}@media only screen and (max-width:360px){.toastify-right,.toastify-left{max-width:-moz-fit-content;max-width:fit-content;margin-left:auto;margin-right:auto;left:0;right:0}}.player-controls{border-top:1px solid var(--color-c);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.player-controls>.track-info-toggle-container{justify-content:space-between;gap:.5rem;display:flex}.player-controls>.track-info-toggle-container>.track-info{text-align:center;gap:1rem;margin-bottom:.5rem;margin-left:auto;margin-right:auto;font-weight:700;display:flex;overflow:hidden}.player-controls>.track-info-toggle-container>.track-info>button>svg{width:20px;height:20px}.player-controls>.track-info-toggle-container>.track-info>.short-name{text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.player-controls>.track-info-toggle-container>.track-info .loading-spinner{width:20px!important;height:20px!important}.metadata-list{flex-direction:column;gap:.5rem;display:flex}.control-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.control-buttons button{background:0 0}.progress-container{align-items:center;gap:.5rem;display:flex}.progress-container>.progress-bar{cursor:pointer;background-color:#ddd;flex:1;position:relative}.progress-container>.progress-bar>.buffered-fill,.progress-container>.progress-bar>.progress-fill{pointer-events:none;background-color:#0cc069;height:100%;position:absolute;top:0;left:0}.progress-container>.progress-bar>.progress-fill{z-index:1;background-color:#4a6da7}.progress-container>.progress-bar>.progress-handle{touch-action:none;z-index:2;cursor:pointer;pointer-events:auto;background-color:#ddd;border:1px solid #708090;position:absolute;top:50%;transform:translate(-50%,-50%)}.time-container{justify-content:center;gap:.5rem;display:flex}.volume-control{align-items:center;gap:.5rem;min-width:0;padding:.25rem .5rem;display:flex}.volume-control svg{flex-shrink:0}.volume-control input{min-width:0}.loading-screen{background:#00000080;flex-direction:column;align-items:center;gap:1rem;width:100%;height:100%;padding:2rem;display:flex;position:absolute}.loading-screen span{align-content:end;height:100%}.loading-spinner-wrapper{width:100%;height:100%;display:flex}.loading-spinner-wrapper .loading-spinner{width:50px;height:50px;animation:1s linear infinite spin;display:flex}.loading-spinner-wrapper .loading-spinner>svg{width:100%;height:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.duplicate-warning-dialog{max-width:400px}.duplicate-warning-dialog .buttons{justify-content:end;gap:.5rem;display:flex}.file-browser{background-color:var(--color-a);border-right:1px solid var(--color-c);z-index:1;flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.browser-actions{border-bottom:1px solid var(--color-c);align-items:center;gap:.5rem;padding:.5rem;display:flex}.browser-actions>div{flex-wrap:wrap;gap:.5rem;display:flex}.browser-actions>span{text-wrap:nowrap;margin:1rem}.filter-files{border:none;border-bottom:1px solid var(--color-c)}.file-list-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.file-list-wrapper>.error{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.file-list-wrapper>.file-list{flex-direction:column;gap:.25rem;padding:.5rem;display:flex;overflow-y:auto}.file-list-wrapper>.file-list>.directory-item{background-color:var(--color-c);align-items:center;gap:1.5rem;padding:.5rem;display:flex}.file-list-wrapper>.file-list>.directory-item:hover{background-color:var(--color-c-highlight)}.file-list-wrapper>.file-list>.directory-item>span{min-width:0;margin-right:auto}.file-list-wrapper>.file-list>.file-item{background-color:var(--color-c);align-items:center;gap:1.5rem;padding:.5rem;display:flex}.file-list-wrapper>.file-list>.file-item:hover{background-color:var(--color-c-highlight)}.file-list-wrapper>.file-list>.file-item>span{min-width:0;margin-right:auto}.file-list-wrapper>.file-list>.directory-item{cursor:pointer;font-weight:700}.file-list-wrapper>.file-list>.directory-item>.download-button-wrapper{flex-direction:column;align-items:center;font-size:12px;line-height:.5rem;display:flex}.breadcrumb{border-bottom:1px solid var(--color-c);flex-wrap:wrap;padding:.5rem;display:flex}.breadcrumb.breadcrumb-nowrap{text-wrap:nowrap;flex-wrap:nowrap}.breadcrumb.breadcrumb-nowrap>span{text-overflow:ellipsis;flex:1;max-width:-moz-fit-content;max-width:fit-content;overflow:hidden}.breadcrumb{gap:.5rem}.breadcrumb>span{cursor:pointer;color:var(--color-d)}.breadcrumb>span:hover{text-decoration:underline}.breadcrumb>.toggle-browser-actions{margin-left:auto}@media (max-width:750px){.file-browser{z-index:1;width:100%;position:absolute;box-shadow:0 0 40px #000c}.hidden{display:none}}.download-item{cursor:pointer}.download-item>span{text-overflow:ellipsis;text-wrap:nowrap;text-align:right;width:5rem;display:inline-block;overflow:hidden}.download-item .loading-spinner{width:24px!important;height:24px!important}.playlist-container{flex-direction:column;flex:1;min-width:0;display:flex}.playlist-container .save-dialog{max-width:300px}.playlist-container .save-dialog .save-buttons{justify-content:end;gap:.5rem;display:flex}.playlist-container>.draggable-list{contain:strict;content-visibility:auto;flex-direction:column;flex:1;gap:.25rem;padding:.5rem;display:flex;overflow-y:auto}.playlist-container>.draggable-list>.playlist-item{background-color:var(--color-c);border-width:0;border-color:var(--color-d);align-items:center;gap:1.5rem;padding:.5rem;display:flex}.playlist-container>.draggable-list>.playlist-item div{align-items:center;display:flex}.playlist-container>.draggable-list>.playlist-item span{text-overflow:ellipsis;flex-grow:1;overflow:hidden}.playlist-container>.draggable-list>.playlist-item.active{background-color:var(--color-c-highlight);font-weight:700}.playlist-container>.draggable-list>.playlist-item:not(.drop-target-top-border):not(.drop-target-bottom-border):hover{background-color:var(--color-c-highlight)}.playlist-container>.draggable-list>.playlist-item.drop-target-top-border,.playlist-container>.draggable-list>.playlist-item.drop-target-bottom-border{border-style:solid}.playlist-container>.draggable-list>.playlist-item.drop-target-top-border{border-top-width:2px}.playlist-container>.draggable-list>.playlist-item.drop-target-bottom-border{border-bottom-width:2px}.playlist-header{border-bottom:1px solid var(--color-c);flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.5rem;font-weight:700;display:flex}.playlist-header>.playlist-header-title{display:inherit;gap:inherit;min-width:0;margin-right:auto}.playlist-header>.playlist-header-title>span{text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.playlist-header>.button-container{gap:inherit;flex-direction:row;display:flex}.playlist-header>.button-container>button{background:0 0;padding:0}.playlist-header>.button-container>button:hover{background:0 0}.playlist-drag-btn{cursor:grab;height:100%}.drop-area-end{flex-grow:1;min-height:2rem}.playlistmanager-header{gap:1.5rem;display:flex}.playlistmanager-content{flex-direction:column;gap:.25rem;min-height:10rem;display:flex;position:relative;overflow:auto}.playlistmanager-content>.playlistmanager-item{background-color:var(--color-c);flex-direction:column;gap:.2rem;padding:.5rem;display:flex}.playlistmanager-content>.playlistmanager-item:hover{background-color:var(--color-c-highlight)}.playlistmanager-content>.playlistmanager-item>span{text-overflow:ellipsis;overflow:hidden}.playlistmanager-content>.playlistmanager-item>.playlistmanager-buttons{justify-content:end;align-items:center;gap:.5rem;display:flex}.downloadmanager-header{gap:1.5rem;display:flex}@media (max-width:750px){.downloadmanager-header{gap:1rem}}.downloadmanager-header>span{min-width:0;margin-right:auto;overflow:hidden}.downloadmanager-counters{justify-content:space-between;gap:.5rem;display:flex}.downloadmanager-content{flex-direction:column;gap:.25rem;display:flex;position:relative;overflow:auto}.downloadmanager-content>.downloadmanager-item{background-color:var(--color-c);flex-direction:column;gap:.2rem;padding:.5rem;display:flex}.downloadmanager-content>.downloadmanager-item:hover{background-color:var(--color-c-highlight)}.downloadmanager-content>.downloadmanager-item>span{text-overflow:ellipsis;text-wrap:nowrap;direction:rtl;align-self:start;max-width:100%;overflow:hidden}.downloadmanager-content>.downloadmanager-item>.downloadmanager-buttons{justify-content:end;align-items:center;gap:.5rem;display:flex}.downloadmanager-content>.downloadmanager-item.downloadmanager-item-failed{background-color:#710802;background-color:color(display-p3 .405914 .0854623 .0466409);background-color:lab(23.2628% 42.7451 34.3653)}.downloadmanager-content>.downloadmanager-item.downloadmanager-item-failed:hover{background-color:#821d13;background-color:color(display-p3 .466883 .149362 .104112);background-color:lab(29.0875% 42.4971 33.3961)}.downloadmanager-content>.downloadmanager-item.downloadmanager-item-aborted{background-color:#675f1e;background-color:color(display-p3 .3996 .373749 .161379);background-color:lab(40.1169% -2.78066 36.8313)}.downloadmanager-content>.downloadmanager-item.downloadmanager-item-aborted:hover{background-color:#766d2e;background-color:color(display-p3 .455852 .430213 .217477);background-color:lab(45.9364% -3.09071 35.8928)}.signin-header{justify-content:space-between;gap:1.5rem;display:flex}.signin-button{margin-left:auto}