@import"https://api.fontshare.com/v2/css?f[]=general-sans@1&display=swap";.toast{background-color:#04040480;color:#b7b7b7;border:1px solid rgba(91,91,91);border-radius:5px}*{padding:0;margin:0;font-family:general sans;line-height:120%;font-weight:460}.main-container{background-color:#000;margin:0;height:100vh;padding:0;width:100%;display:flex;align-items:center;justify-content:center;color:#fff;line-height:140%}.card{display:flex;gap:24px;flex-direction:column;align-items:center;width:320px}.card .card-steps-container{position:relative;display:flex;align-items:center;justify-content:center;height:20px;gap:8px;z-index:10;width:320px}.card .card-steps-container .previous-step{position:absolute;left:-1px;top:0;z-index:10;opacity:.2;cursor:pointer;transition:opacity .15s ease-out}.card .card-steps-container .previous-step:hover{opacity:1}.card .card-steps-container .step-counter{width:16px;z-index:11;background-color:#fff3;height:6px;transition:background-color .35s ease-out,width .35s ease-out;border-radius:100px}.card .card-steps-container .step-counter.active{width:40px;background-color:#fff}.card .card-header-container{display:flex;flex-direction:column;align-items:center;gap:8px}.card .card-header-container h1{font-size:24px;text-align:center;max-width:320px}.card .card-header-container p{font-size:14px;color:#fff6;text-align:center;max-width:320px}.card .card-header-container p a{color:inherit;transition:color .15s ease-out}.card .card-header-container p a:hover{color:#fff}.card .card-input-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.card .card-input-container{display:flex;flex-direction:row;gap:8px;width:320px;align-items:center;justify-content:center}.card .card-input-container input,.card .card-input-container textarea{color:#fff;resize:none;outline:none;border:1px solid transparent;border-radius:8px;background-color:#ffffff14;-webkit-backdrop-filter:blur(3rem);backdrop-filter:blur(3rem);padding:8px 8px 8px 12px;font-size:12px;transition:border .1s ease-out;width:100%}.card .card-input-container input.small,.card .card-input-container textarea.small{width:36px;height:40px;padding:8px 4px;flex:unset;font-size:24px;text-align:center;caret-color:transparent}.card .card-input-container input.small:disabled,.card .card-input-container textarea.small:disabled{color:#fff6}.card .card-input-container input.small::selection,.card .card-input-container textarea.small::selection{background-color:transparent}.card .card-input-container input::placeholder,.card .card-input-container textarea::placeholder{color:#ffffff4d}.card .card-input-container input:focus,.card .card-input-container textarea:focus{border:1px solid rgba(255,255,255,.2)}.card .card-input-container input::-webkit-outer-spin-button,.card .card-input-container input::-webkit-inner-spin-button,.card .card-input-container textarea::-webkit-outer-spin-button,.card .card-input-container textarea::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.card .card-input-container input[type=number],.card .card-input-container textarea[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.card .card-footer{color:#fff6;font-size:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;width:100%}.card .card-footer p{color:#fff6;font-size:12px}.card .card-footer p a{color:inherit;transition:all .15s ease-out}.card .card-footer p a:hover{color:#fff}.card .card-footer button{font-size:14px;background-color:transparent;padding:0;color:#fff;height:unset;width:max-content}.card .card-footer p.danger{color:#ff5a5a}.card .card-footer div{transform:scale(.5)}.card .card-button-flex-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.card button{color:#000;cursor:pointer;font-size:12px;border-radius:8px;outline:none;border:none;padding:8px 12px;background-color:#fff;transition:background-color .15s ease-out;display:flex;align-items:center;justify-content:center;height:32px;width:320px;overflow:hidden}.card button div{transform:scale(.5)}.card button:disabled{background-color:#ffffff80}.toast{background-color:#04040480;color:#b7b7b7;border:1px solid rgb(91,91,91);border-radius:5px}
