@import "https://fonts.googleapis.com/css2?family=Tomorrow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--border-step:.1rem;--font-size:12pt;--font-size-step:.25rem;--icon-width:24px;--space-step:.25rem;--stroke-width:1.5;--border-1:var(--border-step);--border-2:calc(var(--border-step) * 2);--border-3:calc(var(--border-step) * 3);--border-4:calc(var(--border-step) * 4);--font-1:var(--font-size-step);--font-2:calc(var(--font-size-step) * 2);--font-3:calc(var(--font-size-step) * 3);--font-4:calc(var(--font-size-step) * 4);--font-5:calc(var(--font-size-step) * 5);--font-6:calc(var(--font-size-step) * 6);--font-7:calc(var(--font-size-step) * 7);--font-8:calc(var(--font-size-step) * 8);--space-1:var(--space-step);--space-2:calc(var(--space-step) * 2);--space-3:calc(var(--space-step) * 3);--space-4:calc(var(--space-step) * 4);--space-5:calc(var(--space-step) * 5);--space-6:calc(var(--space-step) * 6);--space-7:calc(var(--space-step) * 7);--space-8:calc(var(--space-step) * 8);--space-9:calc(var(--space-step) * 9);--space-10:calc(var(--space-step) * 10);--color-bg:#eee;--color-panel:#fff;--color-text:#222}@media screen and (prefers-color-scheme:dark){:root{--color-bg:#060606;--color-cta:#d45d1c;--color-input-bg:#191919;--color-input-border:#000;--color-input-text:#f8f8f8;--color-panel:#222;--color-panel-alt:#2b2b2b;--color-text:#fff}}:root{letter-spacing:.05rem}.tomorrow-thin{font-family:Tomorrow,sans-serif;font-style:normal;font-weight:100}.tomorrow-extralight{font-family:Tomorrow,sans-serif;font-style:normal;font-weight:200}.tomorrow-light{font-family:Tomorrow,sans-serif;font-style:normal;font-weight:300}.tomorrow-regular,:root{font-family:Tomorrow,sans-serif;font-style:normal;font-weight:400}.tomorrow-medium{font-family:Tomorrow,sans-serif;font-style:normal;font-weight:500}.tomorrow-semibold,h2,h3,h4{font-family:Tomorrow,sans-serif;font-style:normal;font-weight:600}.tomorrow-bold{font-family:Tomorrow,sans-serif;font-style:normal;font-weight:700}.tomorrow-extrabold,h1{font-family:Tomorrow,sans-serif;font-style:normal;font-weight:800}.tomorrow-black{font-family:Tomorrow,sans-serif;font-style:normal;font-weight:900}.tomorrow-thin-italic{font-family:Tomorrow,sans-serif;font-style:italic;font-weight:100}.tomorrow-extralight-italic{font-family:Tomorrow,sans-serif;font-style:italic;font-weight:200}.tomorrow-light-italic{font-family:Tomorrow,sans-serif;font-style:italic;font-weight:300}.tomorrow-regular-italic{font-family:Tomorrow,sans-serif;font-style:italic;font-weight:400}.tomorrow-medium-italic{font-family:Tomorrow,sans-serif;font-style:italic;font-weight:500}.tomorrow-semibold-italic{font-family:Tomorrow,sans-serif;font-style:italic;font-weight:600}.tomorrow-bold-italic{font-family:Tomorrow,sans-serif;font-style:italic;font-weight:700}.tomorrow-extrabold-italic{font-family:Tomorrow,sans-serif;font-style:italic;font-weight:800}.tomorrow-black-italic{font-family:Tomorrow,sans-serif;font-style:italic;font-weight:900}body{background-color:var(--color-bg);font-size:var(--font-size);color:var(--color-text)}a,.a{color:currentColor;cursor:pointer}a:hover,.a:hover{color:var(--color-cta)}.icon{width:var(--icon-width)}input[type=text],input[type=search]{background-color:var(--color-input-bg);border:var(--border-1) solid var(--color-input-border);color:var(--color-input-text);padding:var(--space-1) var(--space-2);width:100%}input[type=text]:focus,input[type=search]:focus{border-color:var(--color-cta);outline:none}button,.button{background-color:var(--color-input-bg);border:var(--border-1) solid var(--color-input-border);color:var(--color-input-text);gap:var(--space-2);padding:var(--space-1) var(--space-2);flex-direction:row;justify-content:center;width:fit-content;display:flex}button:hover,.button:hover{border-color:var(--color-cta)}button[data-active=true],.button[data-active=true]{border-color:var(--color-cta);color:var(--color-cta)}.button-set{gap:var(--space-2);flex-direction:row;display:flex}.button-set button,.button-set .button{width:100%}.file-path .dirname{opacity:.7}.file-path .dirname:after{content:"/"}.file-grid .headings{font-weight:700}.file-grid .rows{padding:0;list-style:none}.file-grid .rows .row:nth-child(odd)>span{background-color:var(--color-panel-alt)}.file-grid .row{--icon-cell-width:calc(var(--icon-width) + var(--space-2));--path-width:calc(100% - 300px);gap:var(--space-1);grid-template:" id  path size hash play download bookmark" auto/1fr 2fr 1fr 1fr var(--icon-cell-width) var(--icon-cell-width) var(--icon-cell-width);display:grid}.file-grid .row>span{padding:var(--space-1)}.file-grid .row .bookmark{grid-area:bookmark}.file-grid .row .download{grid-area:download}.file-grid .row .hash{grid-area:hash}.file-grid .row .id{grid-area:id}.file-grid .row .path{cursor:pointer;grid-area:path;width:100%}.file-grid .row .play{grid-area:play}.file-grid .row .size{grid-area:size}.byte-size{text-wrap:nowrap}.progress-bar{background-color:var(--color-bg);cursor:default;grid-template:"a"/auto;align-items:center;width:100%;min-width:15rem;height:100%;display:grid}.progress-bar .timestamps{text-align:right;padding-right:var(--space-1);z-index:2;grid-area:a}.progress-bar .timestamps :first-child:after{content:"/"}.progress-bar .progress{background-color:var(--color-cta);z-index:1;grid-area:a;height:100%;position:relative}.audio-player{gap:var(--content-gap);grid-template:"path controls progress autoplay loop"/auto auto 1fr auto auto;place-items:center end;width:100%;display:grid}.audio-player .file-path{overflow-wrap:break-word;grid-area:controls}.audio-player .controls{align-items:center;gap:var(--gap);flex-direction:row;grid-area:controls;display:flex}#app{--border:var(--color-bg) solid var(--gap);--gap:var(--space-1);--content-gap:var(--space-2);grid-template:"top""main""bottom"/auto;display:grid}#top{border:var(--border);z-index:10;grid-template:"title player"/1fr auto;grid-area:top;display:grid;position:sticky;top:0}#top h1{font-size:var(--font-5)}#main{margin:0 var(--gap);grid-template:"search flags""grid grid"/1fr auto;grid-area:main;align-content:start;display:grid}#flags{gap:var(--content-gap);flex-direction:row;display:flex}#bottom{border:var(--border);grid-area:bottom;position:sticky;bottom:0}#bottom nav{gap:calc(var(--content-gap) * 2);flex-direction:row;place-content:center end;display:flex}.panel{background-color:var(--color-panel);gap:var(--content-gap);padding:var(--content-gap);flex-direction:column;display:flex}