@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--clrVeryDarkGreyBlue:#131218;--clrDarkBlue:#18171f;--clrMediumGreyBlue:#24232b;--clrGrey:#7f7c8d;--clrMediumGrey:#55545c;--clrRadioactiveGreen:#a4ffaf;--clrDirtyWhite:#e6e5ea;--clrWeakStrength:#fceac1;--clrMediumStrength:#f5c860;--clrStrongStrength:#e9490a}body{align-items:center;background:#131218;background:var(--clrVeryDarkGreyBlue);color:#e6e5ea;color:var(--clrDirtyWhite);display:flex;font-family:JetBrains Mono,monospace;height:100vh;justify-content:center;overflow:hidden}.main-title{color:#7f7c8d;color:var(--clrGrey);margin-bottom:35px;text-align:center}.generator-container,.password-display{background:#24232b;background:var(--clrMediumGreyBlue);padding:20px 30px;width:540px}.password-display{align-items:center;display:flex;height:80px;justify-content:space-between;margin-bottom:25px}.password-display h3{color:#55545c;color:var(--clrMediumGrey);font-size:32px;font-weight:700}.password-display svg{fill:#a4ffaf;fill:var(--clrRadioactiveGreen)}.password-display.copied h3{color:#e6e5ea;color:var(--clrDirtyWhite)}.password-display.copied svg{fill:#e6e5ea;fill:var(--clrDirtyWhite);-webkit-animation:excited .2s ease-in-out;animation:excited .2s ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes excited{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes excited{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1);transform:scale(1)}}.password-display.error h3{color:red;font-size:12px;font-weight:400}.password-display.error svg{fill:red}.copy-container{cursor:pointer}.password-display.error .copy-container{cursor:default}.generator-container{color:#e6e5ea;color:var(--clrDirtyWhite);height:500px}.char-length-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.char-length-container h4{font-size:18px;font-weight:400}.char-length-container.error h4{color:red;font-size:12px;font-weight:400}.char-length-number{color:#a4ffaf;color:var(--clrRadioactiveGreen);font-size:32px}input[type=range]{-webkit-appearance:none;appearance:none;background:#131218;background:var(--clrVeryDarkGreyBlue);height:7px;margin-bottom:40px;position:relative;width:100%;z-index:1}input[type=range]:before{background:#a4ffaf;background:var(--clrRadioactiveGreen);content:"";height:100%;left:0;position:absolute;top:0;width:0;width:var(--sliderProgressWidth,0);z-index:-1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#e6e5ea;background:var(--clrDirtyWhite);border-radius:50%;height:26px;width:26px;z-index:0}input[type=range]::-webkit-slider-thumb:active{background:#131218;background:var(--clrVeryDarkGreyBlue);border:2px solid #a4ffaf;border:2px solid var(--clrRadioactiveGreen)}.password-controls{display:flex;flex-direction:column}.password-controls label{display:flex;font-size:18px}input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#24232b;background:var(--clrMediumGreyBlue);border:2px solid #e6e5ea;border:2px solid var(--clrDirtyWhite);height:20px;margin:0 22px 22px 0;width:20px}input[type=checkbox]:checked{border:none}input[type=checkbox]:checked:before{align-items:flex-end;background:#a4ffaf;background:var(--clrRadioactiveGreen);color:#24232b;color:var(--clrMediumGreyBlue);content:url(/static/media/icon-check.c0e2bb9365c6d9e8bbe4.svg);display:flex;height:100%;justify-content:center;width:100%}.strength-container{align-items:center;background:#18171f;background:var(--clrDarkBlue);display:flex;justify-content:space-between;padding:26px}.strength-container h4{color:#7f7c8d;color:var(--clrGrey);font-size:18px;text-transform:uppercase}.strength-display{align-items:center;display:flex;gap:15px}.strength-container h3{font-size:26px;text-transform:uppercase}.strength-gage-container{display:flex}.strength-gage-item{border:2px solid #e6e5ea;border:2px solid var(--clrDirtyWhite);height:28px;margin-right:7px;width:10px}.strength-gage-item.weak{background:#fceac1;background:var(--clrWeakStrength);border:none}.strength-gage-item.medium{background:#f5c860;background:var(--clrMediumStrength);border:none}.strength-gage-item.strong{background:#e9490a;background:var(--clrStrongStrength);border:none}.btn{background:#a4ffaf;background:var(--clrRadioactiveGreen);border:none;cursor:pointer;display:block;font-family:inherit;font-size:18px;font-weight:700;margin-top:20px;padding:20px;text-transform:uppercase;width:100%}.btn svg{margin-left:20px}.btn:active{background:#24232b;background:var(--clrMediumGreyBlue);box-shadow:0 0 0 2px #a4ffaf;box-shadow:0 0 0 2px var(--clrRadioactiveGreen);color:#a4ffaf;color:var(--clrRadioactiveGreen);font-weight:400}.btn:active svg{fill:#a4ffaf;fill:var(--clrRadioactiveGreen)}
/*# sourceMappingURL=main.2d43289f.css.map*/