@font-face{font-family:JetBrainsMono;src:local("JetBrainsMono"),url(/static/media/JetBrainsMono-Bold.776fb191b844fe582a7d.woff2) format("woff2")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-black:#18171f;--color-gray-dark:#24232c;--color-gray:#817d92;--color-gray-light:#e6e5ea;--color-green:#a4ffaf;--color-red:#f64a4a;--color-orange:#fb7c58;--color-yellow:#f8cd65;--font-stack:"JetBrainsMono",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-body:1.125rem;--font-size-h2:1.5rem;--font-size-h1:2rem;--line-height:1.3;--space-lg:2rem;--space-md:1.5rem}*{box-sizing:border-box}body{background-color:#18171f;background-color:var(--color-black);color:#e6e5ea;color:var(--color-gray-light);font-family:JetBrainsMono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-stack);font-size:1.125rem;line-height:1.3}.wrap{margin:8.3rem auto;max-width:33.75rem}.app-title{color:#817d92;color:var(--color-gray);font-size:1.5rem;font-size:var(--font-size-h2);margin-bottom:2.25rem;text-align:center}.password-box{margin-bottom:1.5rem;margin-bottom:var(--space-md)}.password-controls{background-color:#24232c;background-color:var(--color-gray-dark);padding:1.5rem;padding:var(--space-md)}.password-input-wrapper{padding:var(--space-md)}.password-input,.password-input-wrapper{background-color:var(--color-gray-dark);color:var(--color-gray-light);position:relative}.password-input{border:none;display:block;font-family:var(--font-stack);font-size:var(--font-size-h1);font-weight:700;width:85%}.password-input::-webkit-input-placeholder{color:var(--color-gray)}.password-input::placeholder{color:var(--color-gray)}.password-input:focus{border:none;outline:none}.password-copy{align-items:center;background:transparent;border:none;display:flex;font-weight:700;height:100%;justify-content:flex-end;left:0;padding:1rem;position:absolute;text-align:right;top:0;width:100%}.password-copy.active{color:var(--color-green);font-size:1.125rem}.password-copy:hover{cursor:pointer}.password-copy-text{font-family:var(--font-stack);opacity:0;padding-right:1rem;text-transform:uppercase}.password-copy.active .password-copy-text{-webkit-animation:textanimation 2s ease-out;animation:textanimation 2s ease-out}@-webkit-keyframes textanimation{0%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes textanimation{0%{opacity:1}75%{opacity:1}to{opacity:0}}.password-copy-icon{fill:var(--color-green);height:24px;width:21px}.password-copy:hover .password-copy-icon{fill:var(--color-gray-light)}.password-copy.active:hover .password-copy-icon{fill:var(--color-green)}.password-copy[disabled]
.password-copy-icon{fill:var(--color-gray)}.password--input-disabled input,.password-copy[disabled],.password-copy[disabled]:hover{cursor:auto;pointer-events:none}.slider{align-items:center;display:grid;grid-template-columns:1fr auto;margin-bottom:var(--space-md)}.slider-value{color:var(--color-green);font-size:var(--font-size-h1)}.slider-input{-webkit-appearance:none;appearance:none;background:var(--color-black);cursor:pointer;grid-column:span 2;height:.5rem;margin-bottom:1rem;margin-top:1rem;width:100%}.slider-input::-moz-range-track{background:var(--color-black);height:.5rem}.slider-input::-moz-range-thumb{background:var(--color-gray-light);border:none;border-radius:50%;height:28px;width:28px}.slider-input::-moz-range-progress{background:var(--color-green);height:.5rem}input[type=range]{-webkit-appearance:none}.slider-input::-webkit-slider-runnable-track{background:var(--color-black);border:none;height:.5rem}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-gray-light);border:none;border-radius:50%;height:28px;margin-top:-10px;width:28px}.slider-input:focus{outline:none}.password-options{list-style:none;margin:0;margin-bottom:var(--space-lg);padding:0}.option:not(:last-child){margin-bottom:var(--space-md)}.option-label{cursor:pointer;display:flex}.option-text{flex:1 1}.checkbox-container{cursor:pointer;height:20px;margin-right:var(--space-md);position:relative;width:20px}.checkbox-container svg{fill:none;stroke-dasharray:16px;stroke-dashoffset:16px;height:13px;left:2px;position:absolute;top:4px;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s ease;width:15px}.option-checkbox{-webkit-appearance:none;appearance:none;background:var(--color-gray-dark);border:1px solid var(--color-gray-light);height:20px;margin:0;transition:all .15s ease;width:20px}.option-checkbox:checked{background:var(--color-green);border:1px solid var(--color-green)}.option-checkbox:checked+svg{stroke-dashoffset:0;-webkit-animation:zoom-in-out .15s ease;animation:zoom-in-out .15s ease}.checkbox-icon{display:none}@-webkit-keyframes zoom-in-out{50%{-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes zoom-in-out{50%{-webkit-transform:scale(.9);transform:scale(.9)}}.strength{align-items:center;background-color:var(--color-black);display:flex;justify-content:space-between;margin-bottom:var(--space-md);padding:var(--space-md)}.strength-title{color:var(--color-gray);margin:0;text-transform:uppercase}.strength-meter{align-items:center;display:flex}.strength-label{color:var(--color-gray-light);font-size:var(--font-size-h2);font-weight:700;margin:0 1rem 0 0;text-transform:uppercase}.strength-meter-increment{stroke:var(--color-gray-light);stroke-width:2;height:28px;width:11px}.strength-meter-increment:not(:last-child){margin-right:.5rem}.strength-meter--0 .strength-meter-increment:first-child,.strength-meter--1 .strength-meter-increment:first-child{fill:var(--color-red);stroke:var(--color-red)}.strength-meter--2 .strength-meter-increment:nth-child(-n+2){fill:var(--color-orange);stroke:var(--color-orange)}.strength-meter--3 .strength-meter-increment:nth-child(-n+3){fill:var(--color-yellow);stroke:var(--color-yellow)}.strength-meter--4 .strength-meter-increment:nth-child(-n+4){fill:var(--color-green);stroke:var(--color-green)}.button{align-items:center;background-color:var(--color-green);border:1px solid transparent;color:var(--color-black);display:inline-flex;font-family:var( --font-stack);font-size:var(--font-size-body);justify-content:center;padding:var(--space-md);text-transform:uppercase;width:100%}.button:hover{background:var(--color-black);border:1px solid var(--color-green);color:var(--color-gray-light);cursor:pointer}.button svg{fill:var(--color-black);height:12px;margin-left:var(--space-md);width:12px}.button:hover svg{fill:var(--color-gray-light)}.button[disabled]{background:var(--color-black);border:1px solid var(--color-gray);color:var(--color-gray);pointer-events:none}.button[disabled] svg{fill:var(--color-gray)}
/*# sourceMappingURL=main.b03a02a1.css.map*/