input.form-input:-webkit-autofill.green,input.form-input:-webkit-autofill:active.green,input.form-input:-webkit-autofill:focus.green,input.form-input:-webkit-autofill:hover.green{box-shadow:0 0 0 30px var(--green) inset!important}input.form-input:-webkit-autofill.purple,input.form-input:-webkit-autofill:active.purple,input.form-input:-webkit-autofill:focus.purple,input.form-input:-webkit-autofill:hover.purple{box-shadow:0 0 0 30px var(--purple) inset!important}input.form-input:-webkit-autofill{-webkit-text-fill-color:var(--color)!important}.form-input{background:transparent;border:0;border-bottom:1px solid hsla(0,0%,100%,.3);width:350px;outline:none;padding:5px;color:var(--color);text-align:center;font-size:12pt;margin-bottom:40px}.form-input #result{font-size:8pt;width:100%;font-family:monospace;border:0}.form-input::placeholder{color:var(--color-dimmed)}button.action{margin-top:5px}button.action.green{color:var(--green);background-color:var(--color)}button.action.purple{color:var(--purple);background-color:var(--color)}button.action.primary{color:var(--color);background-color:var(--gray)}