@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap";.content-container{max-width:1000px;margin:0 auto}button,.button,.file-label{margin-top:20px;margin-right:10px;padding:10px 20px;font-size:1em;color:#49346a;background-color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;display:inline-block}button:hover,.button:hover,.file-label:hover{background-color:#e6e6e6}button:disabled,.button:disabled,.file-label:disabled{opacity:.7;cursor:not-allowed}input[type=text],input[type=password],input[type=email],input[type=number],textarea{background-color:#fff;color:#181818;border:1px solid rgba(255,255,255,.3);padding:10px;border-radius:4px;font-family:Montserrat,sans-serif;width:100%;max-width:500px;height:150px;margin-bottom:20px;font-family:Courier New,monospace}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,textarea:focus{outline:none;border-color:#7e57c2;box-shadow:0 0 5px #7e57c280}select{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px;font-size:1em;cursor:pointer;outline:none;margin-left:10px;border-radius:4px}select option{background-color:#181818;color:#fff}select:focus{border-color:#7e57c2;box-shadow:0 0 5px #7e57c280}.info-message{font-size:.85em;opacity:.7;margin:5px 0 10px;font-style:italic}.error-message{background-color:#ff52521a;border-left:3px solid #ff5252;color:#ff5252;padding:10px 15px;margin:10px 0;border-radius:0 4px 4px 0;font-size:.9em;max-width:500px}.error-message i{margin-right:5px}.success-message{background-color:#4caf501a;border-left:3px solid #4caf50;color:#4caf50;padding:10px 15px;margin:10px 0;border-radius:0 4px 4px 0}.progress-bar{width:100%;max-width:500px;height:24px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:4px;margin:20px 0;position:relative;overflow:hidden}.progress{height:100%;background-color:#7e57c2;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;transition:width .3s ease}.progress-bar span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.5)}.data-format{background-color:#fff;color:#181818;font-family:Courier New,monospace;padding:20px 50px 20px 20px;margin:20px 0;max-width:1050px;white-space:nowrap;position:relative;display:inline-block;border-radius:4px;overflow:hidden;width:100%;cursor:pointer}.data-format.wrap-text{white-space:pre-wrap}.copy-icon{background:transparent;color:#49346a;border:none;font-size:1.2em;cursor:pointer;position:absolute;top:0;right:0;margin:0;padding:4px 0 0;background-color:#fff;height:100%;width:50px;border-radius:0}.copy-icon:focus{outline:none}.copy-icon i{transition:color .3s}.copy-icon i.fa-check{color:#4caf50}.hidden,[v-cloak]{display:none}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#181818;color:#fff;font-family:Montserrat,sans-serif;line-height:1.5}h1,h2,h3,p{margin-bottom:1rem}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}.main-nav{background-color:#0003;padding:1rem}.main-nav .nav-container{max-width:1000px;margin:0 auto;display:flex;gap:1rem}.main-nav .nav-item{color:#fff;text-decoration:none;opacity:.7;transition:opacity .3s;font-size:1em}.main-nav .nav-item:hover{opacity:1}.main-nav .router-link-active{opacity:1;font-weight:600}#app{background-color:#49346a;width:100%;padding:3rem 1rem}.app-container{max-width:1000px;margin:0 auto}footer{background-color:#0003;padding:1rem;color:#fff;font-size:.85em;margin-top:1rem}footer a{color:#fff;text-decoration:underline}footer a:hover{opacity:1}footer p{max-width:1000px;margin:0 auto 1rem}footer img{max-width:150px;margin-bottom:1rem}