*{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:oklch(41% .0178 201.81);--color-b:oklch(62% .0664 60.49);--color-c:oklch(33% .0144 217.83);--color-c-highlight:oklch(from var(--color-c) .45 c h);--color-d:oklch(67% .1326 259.65);--text-color:oklch(87% 0 0);--min-width:350px}button,select,option{background-color:var(--color-d);color:oklch(26% 0 0);border:none;place-items:center;padding:.25rem .5rem;display:flex}@media (hover:hover){:is(button,select,option):hover{background-color:oklch(from var(--color-d) .85 c h)}}select:disabled{background-color:var(--color-d);color:oklch(50% 0 0)}@media (hover:hover){select:disabled:hover{background-color:var(--color-d)}}input:disabled{color:oklch(50% 0 0)}button{cursor:pointer}button:disabled{cursor:default}svg{flex-shrink:0}button:has(>svg){background:0 0;padding:0}@media (hover:hover){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 (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}.cover>.video-element{display:none}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}.downloadmanager-header{gap:1.5rem;display:flex}@media (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}@media (hover:hover){.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:oklch(35% .137 30)}@media (hover:hover){.downloadmanager-content>.downloadmanager-item.downloadmanager-item-failed:hover{background-color:oklch(40% .137 30)}}.downloadmanager-content>.downloadmanager-item.downloadmanager-item-aborted{background-color:oklch(48% .085 102)}@media (hover:hover){.downloadmanager-content>.downloadmanager-item.downloadmanager-item-aborted:hover{background-color:oklch(53% .085 102)}}.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 (width<=360px){.toastify-right,.toastify-left{max-width:fit-content;margin-left:auto;margin-right:auto;left:0;right:0}}.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,.file-list-wrapper>.file-list>.file-item{background-color:var(--color-c);align-items:center;gap:1.5rem;padding:.5rem;display:flex}@media (hover:hover){:is(.file-list-wrapper>.file-list>.directory-item,.file-list-wrapper>.file-list>.file-item):hover{background-color:var(--color-c-highlight)}}:is(.file-list-wrapper>.file-list>.directory-item,.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:fit-content;overflow:hidden}.breadcrumb{gap:.5rem}.breadcrumb>span{cursor:pointer;color:var(--color-d)}@media (hover:hover){.breadcrumb>span:hover{text-decoration:underline}}.breadcrumb>.toggle-browser-actions{margin-left:auto}@media (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}.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)}}.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:oklch(49% .1742 26.51)}@media (hover:hover){.option-content>.option-buttons .cancel-button:hover{background-color:oklch(70% .1742 26.51)}}.player-controls{z-index:31;background-color:var(--color-a);border-top:1px solid var(--color-c);flex-direction:column;gap:.5rem;padding:1rem;display:flex;position:relative}.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>.chapter-marker{border:1px solid var(--color-b);background-color:var(--color-c);width:5px;height:calc(100% + 6px);box-shadow:0 0 0 1px var(--text-color);z-index:3;padding:0;position:absolute;top:-3px;transform:translate(-2px)}.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}.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}@media (hover:hover){.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}@media (hover:hover){.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}.video-stage{aspect-ratio:16/9;border-top:1px solid var(--color-c);z-index:2;background:#000;flex:0 auto;justify-content:center;align-items:center;width:100%;min-height:140px;max-height:min(45%,60vh);display:flex;position:relative}.video-stage>.video-element{object-fit:contain;background:#000;width:100%;height:100%;display:block}.video-stage>.video-theater-close{z-index:3;background:#0009;padding:0;position:absolute;top:.75rem;right:.75rem}@media (hover:hover){.video-stage>.video-theater-close:hover{background:#000000d9}}.video-stage.theater{aspect-ratio:auto;z-index:30;background:#000000f5;width:auto;height:auto;max-height:none;padding:1rem 1rem 8rem;position:fixed;inset:0}.video-stage.theater>.video-element{max-width:100%;max-height:100%}.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}@media (hover:hover){.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}.signin-header{justify-content:space-between;gap:1.5rem;display:flex}.signin-button{margin-left:auto}.storagemanager-header{gap:1.5rem;display:flex}.storagemanager-header>span{min-width:0;margin-right:auto;overflow:hidden}.storagemanager-section{flex-direction:column;gap:.25rem;display:flex}.storagemanager-section>.storagemanager-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.storagemanager-section>.storagemanager-detail{opacity:.8;padding-left:1rem}.storagemanager-bar{background-color:var(--color-c);justify-content:center;align-items:center;height:1.25rem;display:flex;position:relative}.storagemanager-bar>.storagemanager-bar-fill{background-color:var(--color-d);min-width:0;position:absolute;top:0;bottom:0;left:0}.storagemanager-bar>span{font-size:.85em;position:relative}.storagemanager-actions{flex-flow:wrap;justify-content:space-between;align-items:center}.storagemanager-actions>.storagemanager-armed{background-color:oklch(48% .085 102)}@media (hover:hover){.storagemanager-actions>.storagemanager-armed:hover{background-color:oklch(53% .085 102)}}.storagemanager-actions>.storagemanager-error{color:#ff1818;flex-basis:100%}
