*{box-sizing:border-box;margin:0;padding:0}:root{--pink-color:#ff508f;--white-color:#fff;--grey-color:#ffffffb3;--black-color:#000;--main-color:#fae232;--main-color-dark:#fae232cc;--main-color-darker:#fae23280;color-scheme:light dark;color:#ffffffde;background-color:var(--black-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:Chakra Petch,sans-serif;font-size:16px;font-weight:400;line-height:24px}p,button,span,small,a,textarea{font-family:Chakra Petch,sans-serif}a{color:var(--main-color);cursor:pointer;text-decoration:underline}.button{cursor:pointer;border:none;border:1px solid var(--main-color);text-transform:capitalize;border-radius:4px;outline:none;flex-flow:row;justify-content:space-evenly;align-items:center;font-size:14px;font-weight:400;line-height:18px;display:flex}.button--contained{background-color:var(--main-color);color:var(--black-color)}.button--outlined{color:var(--main-color);background-color:#0000}button:hover{opacity:.8}button:disabled{opacity:.5;cursor:not-allowed}body{max-width:100vw;min-height:100vh;margin:0}#navbar{width:100%;flex-flow:row;justify-content:space-between;align-items:center;padding:32px 40px 0;display:flex;position:relative}#navbar>img{width:320.94px;height:60px}#navbar>button{width:147px;height:34px}.button-connected:focus-within~.disconnect-button{display:initial}.disconnect-button{color:var(--pink-color);border-color:var(--pink-color);display:none;position:absolute;top:85px;right:40px}#app{flex-flow:row;justify-content:space-evenly;padding:78px 162px;display:flex}.container{min-width:423px;flex-flow:column;justify-content:space-between;align-items:flex-start;display:flex}.tool-title{color:var(--white-color);text-transform:uppercase;font-size:32px;font-weight:700;line-height:42px}.upload-container{width:423px;height:204px;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-color='white' stroke-width='3' stroke-dasharray='6%2c 14' stroke-dashoffset='42' stroke-linecap='square'/%3e%3c/svg%3e");margin:60px 0;padding:54px 74px}#uploadContainer>div{flex-flow:column;align-items:flex-end;display:flex}.upload-container--loaded{width:423px;height:90px;background:#191919;flex-flow:row;justify-content:flex-start;align-items:center;margin-top:60px;padding:15px 17px;display:flex}.transfer-button{width:118px;height:40px;flex-flow:row;justify-content:center;align-items:center;margin-top:24px;margin-bottom:60px;display:flex}.upload-button{width:275px;height:80px;letter-spacing:2px;padding:24px 40px;font-size:22px;font-weight:500;line-height:24px}.upload-container>.download-prompt{text-align:center;color:var(--grey-color);letter-spacing:2px;margin-top:8px;font-size:14px;font-weight:500;line-height:24px}.instruction-container{color:var(--grey-color)}.list{margin-top:12px;margin-left:16px;font-size:14px;line-height:18px}.output-textarea{width:538px;resize:none;background-color:#191919;border:none;flex-grow:1;margin:10px 0;padding:20px;font-size:14px}.file-card{flex-flow:row;justify-content:center;align-items:center;display:flex}.lds-ring{width:40px;height:40px;justify-content:center;align-items:center;display:flex;position:relative}.lds-ring div{box-sizing:border-box;width:20px;height:20px;border:1px solid var(--black-color);border-color:var(--black-color)transparent transparent transparent;border-radius:50%;margin:8px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;display:block;position:absolute}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width:1150px){#app{flex-flow:wrap;justify-content:flex-start;align-items:flex-start;padding:39px 81px;display:flex}.output-textarea{min-height:15rem}.instruction-container{margin-bottom:4rem}}@media only screen and (max-width:768px){#app{flex-flow:column;justify-content:center;align-items:stretch;padding:39px 81px;display:flex}}.progress{height:4px;width:100%;background:#343434;border-radius:4px;justify-content:flex-start;align-items:center;padding:0 1px;display:flex;position:relative}.progress-value{box-shadow:0 10px 40px -10px var(--main-color);background:var(--main-color);height:2px;width:0;border-radius:100px;transition:all .3s ease-in-out}
/*# sourceMappingURL=index.5189afec.css.map */