#root{width:100%;margin:0;padding:0;display:flex;flex-direction:column;overflow-y:scroll}#root>div{margin:0 auto;min-width:32em;max-width:100%;padding:0 1em;display:flex;flex-direction:column;row-gap:2em;align-items:center}h1{margin:2em 0 0;padding:0;text-align:center;color:#6250e7;font-size:2em;max-width:100%;text-shadow:0 0 .25em rgba(0,0,0,.75),0 0 2em rgba(98,80,231,.75)}div.error{color:orange;font-size:.75em}a.download-all{color:inherit;font-size:.75em}div.conversion-results{display:flex;flex-direction:column;row-gap:.5em;width:100%}footer{color:#6250e7;font-size:.75em;padding:2em 0;display:flex;flex-direction:column;align-items:center}footer>span:nth-child(1){font-weight:500}footer>span:nth-child(2){font-weight:400}footer>span:nth-child(3){font-weight:300}footer>span:nth-child(4){font-weight:200}footer>span:nth-child(5){font-weight:100}@keyframes blink{0%{background-color:#6250e7}to{background-color:#8a7ded}}.progress{--value: 0;width:100%;height:.5em;border-radius:.5em;border:1px #6250e7 solid;background-color:#6250e71a}.progress.blink>div{animation:blink alternate ease-in infinite 75ms}.progress>div{margin:1px;background-color:#6250e7;border-radius:calc(.5em - 1px);width:calc(var(--value) * 100% - 2px);height:calc(100% - 2px)}@keyframes intro{0%{opacity:0;transform:translateZ(-1000px) rotateY(-225deg)}to{opacity:1;transform:translateZ(0) rotateY(-22.5deg)}}header{margin:.75em;perspective:125px}header>div{display:grid;grid-template-columns:75px;row-gap:.5em;padding:.5em;border-radius:1em;border:2px #6250e7 solid;color:#6250e7;text-align:center;box-shadow:0 0 1em #6250e780 inset,0 0 2em #6250e740;animation:intro 1s ease-out;transform:translateZ(0) rotateY(-22.5deg)}header>div>img{width:75px}fieldset.file-source{display:flex;border:none;outline:none;transition:opacity .5s;width:100%;margin:0;padding:0;position:relative}fieldset.file-source:disabled{pointer-events:none}fieldset.file-source:disabled>label{opacity:.1}fieldset.file-source:disabled.loaded>svg{opacity:1}fieldset.file-source:disabled.loaded>label{opacity:0}fieldset.file-source>svg{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;fill:#8a7ded;opacity:0;transition:opacity .25s ease-in}fieldset.file-source>label{width:100%;height:4em;border:1px #6250e7 dashed;color:#6250e7;background-color:#6250e70f;box-shadow:0 0 1em #6250e780 inset,0 0 2em #6250e740;border-radius:1em;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:all .3s ease-in;cursor:pointer}fieldset.file-source>label:hover,fieldset.file-source>label.dragover{color:#8a7ded;border:1px #8a7ded solid;background-color:#8a7ded0f;box-shadow:0 0 1em #8a7ded80 inset,0 0 2em #8a7ded40}fieldset.file-source>label>input{display:none}div.conversion-result{display:flex;flex-direction:column;padding:0 1em;border-radius:1em;width:100%;background-color:#0000001a;box-shadow:0 0 1px #ffffff1a inset}div.conversion-result .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75em;cursor:pointer;color:#6250e7}div.conversion-result .name.playing{color:#fff}div.conversion-result>.file-header{display:grid;grid-template-columns:1fr 16em 1.5em;column-gap:.5em;align-items:center}div.conversion-result>.file-header::-webkit-details-marker{display:none}div.conversion-result>.file-header>audio{width:-webkit-fill-available;width:-moz-fill-available;height:32px;display:flex}div.conversion-result>.file-header>audio::-webkit-media-controls-enclosure{background:none}div.conversion-result>.file-header>audio::-webkit-media-controls-panel{height:fit-content;padding:0}div.conversion-result>.file-header>a[download]{display:flex;cursor:pointer}div.conversion-result>.file-header>a[download]>svg{width:1.25em;height:1.25em}div.conversion-result>div.file-info{margin:1em 0;min-width:100%;max-width:100%;overflow:hidden auto;text-overflow:ellipsis;display:grid;grid-template-columns:repeat(2,auto);column-gap:1em;font-size:10px}div.conversion-result>div.file-info>span{text-align:left;white-space:nowrap;color:#fff}div.conversion-result>div.file-info>span:nth-child(odd){color:#6250e7;text-align:right;text-transform:capitalize}div.conversion-result>div.failure{display:grid;grid-template-columns:1fr 17.5em;column-gap:.5em;align-items:center;height:32px}div.conversion-result>div.failure>.reason{padding:0 0 0 .5em;font-size:.75em;color:#ffa50080}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:8px;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a}@media (min-width: 384px){:root{font-size:12px}}@media (min-width: 768px){:root{font-size:16px}}body{margin:0;display:flex;overflow:hidden}a{color:inherit}.hidden{display:none!important}*{user-select:none;-webkit-user-select:none;box-sizing:border-box}