@font-face{font-family:JetBrains Mono;src:url(/password_generator_app/assets/fonts/static/JetBrainsMono-Bold.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#08070b;height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@font-face{font-family:JetBrains Mono;src:url(/password_generator_app/assets/fonts/static/JetBrainsMono-Bold.ttf) format("truetype")}h1{font-family:JetBrains Mono,monospace;font-size:1.5rem;line-height:2rem;letter-spacing:0px;color:#817d92;text-align:center;margin-bottom:1.5rem}@media(max-width:600px){h1{font-family:JetBrains Mono,monospace;font-size:1rem;line-height:1.25rem;letter-spacing:0rem}}@font-face{font-family:JetBrains Mono;src:url(/password_generator_app/assets/fonts/static/JetBrainsMono-Bold.ttf) format("truetype")}.password-container{background-color:#24232c;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;max-width:33.75rem;width:100%;margin:auto;margin-bottom:1.5rem}.password-display{font-family:JetBrains Mono,monospace;font-size:2rem;line-height:2.625rem;letter-spacing:0px;color:#e6e5ea}.placeholder{font-family:JetBrains Mono,monospace;font-size:2rem;line-height:2.625rem;letter-spacing:0px;color:#54535b;opacity:.5}.copy-wrapper{display:flex;align-items:center;gap:1rem}.copy-feedback{font-family:JetBrains Mono,monospace;font-size:1.125rem;line-height:1.5rem;letter-spacing:0rem;color:#a4ffaf;text-transform:uppercase}.copy-btn{background:none;border:none;padding:0;cursor:pointer;transition:opacity .2s}.copy-btn:disabled{cursor:not-allowed;opacity:.3}.copy-btn:focus-visible{outline:2px solid #A4FFAF;outline-offset:2px}#copy-icon{cursor:pointer}@media(max-width:600px){.placeholder{font-family:JetBrains Mono,monospace;font-size:1.5rem;line-height:2rem;letter-spacing:0px;color:#54535b;opacity:.5}.copy-feedback{font-family:JetBrains Mono,monospace;font-size:1rem;line-height:1.25rem;letter-spacing:0rem}.password-display,.placeholder{font-family:JetBrains Mono,monospace;font-size:1.5rem;line-height:2rem;letter-spacing:0px}}@font-face{font-family:JetBrains Mono;src:url(/password_generator_app/assets/fonts/static/JetBrainsMono-Bold.ttf) format("truetype")}.sliderlabel-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sliderlabel-container h2{font-family:JetBrains Mono,monospace;font-size:1.125rem;line-height:1.5rem;letter-spacing:0rem;color:#e6e5ea}.sliderlabel-container label{font-family:JetBrains Mono,monospace;font-size:2rem;line-height:2.625rem;letter-spacing:0px;color:#a4ffaf}.custom-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.5rem;background:transparent}.custom-slider::-webkit-slider-runnable-track{height:.5rem;border-radius:.25rem;background:var(--d437ce00);transition:background .3s}.custom-slider::-moz-range-track{height:.5rem;border-radius:.25rem;background-color:#18171f}.custom-slider::-ms-fill-lower,.custom-slider::-ms-fill-upper{border-radius:.25rem}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid hsl(0,100%,100%);cursor:pointer;margin-top:-.5rem;transition:background .2s,border .2s}.custom-slider:active::-webkit-slider-thumb{background:#18171f;border:2px solid #A4FFAF}.custom-slider::-moz-range-thumb{background:#fff;width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid hsl(0,100%,100%);cursor:pointer;transition:background .2s,border .2s}.custom-slider:active::-moz-range-thumb{background:#18171f;border:2px solid #A4FFAF}.custom-slider::-ms-thumb{background:#fff;width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid hsl(0,100%,100%);cursor:pointer;transition:background .2s,border .2s}.custom-slider:active::-ms-thumb{background:#18171f;border:2px solid #A4FFAF}.custom-slider:focus-visible{outline:2px solid #A4FFAF;outline-offset:2px}.custom-slider::-moz-focus-outer,.custom-slider::-moz-focus-inner{border:0}.custom-slider::-moz-range-progress{background-color:#a4ffaf;height:.5rem;border-radius:.25rem}.custom-slider::-ms-fill-lower{background:#a4ffaf}.custom-slider::-ms-fill-upper{background:#18171f}@media(max-width:600px){.sliderlabel-container h2{font-family:JetBrains Mono,monospace;font-size:1rem;line-height:1.25rem;letter-spacing:0rem}.sliderlabel-container label{font-family:JetBrains Mono,monospace;font-size:1.5rem;line-height:2rem;letter-spacing:0px}}@font-face{font-family:JetBrains Mono;src:url(/password_generator_app/assets/fonts/static/JetBrainsMono-Bold.ttf) format("truetype")}.strength-container{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:2rem;background-color:#18171f;padding:1rem 2rem}.strength-container #strengthp{font-family:JetBrains Mono,monospace;font-size:1.125rem;line-height:1.5rem;letter-spacing:0rem;text-transform:uppercase;letter-spacing:5%;color:#817d92}.strength-container .mediump{font-family:JetBrains Mono,monospace;font-size:1.5rem;line-height:2rem;letter-spacing:0px;text-transform:uppercase;letter-spacing:5%;color:#e6e5ea}.strength-container div{display:flex;align-items:center}.strength-container div p{font-family:JetBrains Mono,monospace;font-size:1.125rem;line-height:1.5rem;letter-spacing:0rem;color:#e6e5ea}.strength-container .validator-container{display:flex;align-items:center;gap:1rem}.strength-container .validator-container .color-container{display:flex;gap:.5rem}.strength-container .validator-container .color-container .bar{width:.6rem;height:1.8rem;border:2px solid #E6E5EA}.strength-container .validator-container .color-container .bar.too-weak{background-color:#f64a4a;border-color:#f64a4a}.strength-container .validator-container .color-container .bar.weak{background-color:#fb7c58;border-color:#fb7c58}.strength-container .validator-container .color-container .bar.medium{background-color:#f8cd65;border-color:#f8cd65}.strength-container .validator-container .color-container .bar.strong{background-color:#a4ffaf;border-color:#a4ffaf}#generate-button{background-color:#a4ffaf;color:#24232c;text-transform:uppercase;height:3rem;width:100%;box-shadow:none;border:none;padding:1.5rem auto;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:1.125rem;line-height:1.5rem;letter-spacing:0rem}#generate-button:hover{background-color:transparent;color:#a4ffaf;border:1px solid #A4FFAF}#generate-button:hover .arrow{filter:brightness(0) saturate(100%) invert(88%) sepia(20%) saturate(680%) hue-rotate(58deg) brightness(104%) contrast(103%)}#generate-button:focus-visible{outline:2px solid #A4FFAF;outline-offset:2px}#generate-button{margin-bottom:2rem}@media(max-width:600px){.strength-container{gap:.5rem;padding:1rem}.strength-container .mediump{font-family:JetBrains Mono,monospace;font-size:1.125rem;line-height:1.5rem;letter-spacing:0rem}.strength-container .validator-container{gap:.5rem}}@font-face{font-family:JetBrains Mono;src:url(/password_generator_app/assets/fonts/static/JetBrainsMono-Bold.ttf) format("truetype")}.tickoff-group{border:0;margin:0;padding:0;min-inline-size:0}.tickoff-group .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tickoff-container{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.tickoff-container label{font-family:JetBrains Mono,monospace;font-size:1.125rem;line-height:1.5rem;letter-spacing:0rem;color:#e6e5ea;display:flex;align-items:center;gap:1.5rem;overflow-wrap:anywhere}.tickoff-container input[type=checkbox]{appearance:none;width:1.25rem;height:1.25rem;border:2px solid hsl(0,100%,100%);background:transparent;cursor:pointer;position:relative}.tickoff-container input[type=checkbox]:checked{background:#a4ffaf;border-color:#a4ffaf}.tickoff-container input[type=checkbox]:checked:after{content:"";display:block;width:.3rem;height:.6rem;border:solid #14131B;border-width:0 .2rem .2rem 0;transform:rotate(45deg);position:absolute;top:0rem;left:.25rem}.tickoff-container input[type=checkbox]:focus-visible{outline:2px solid #A4FFAF;outline-offset:2px}@media(max-width:600px){.tickoff-container label{font-family:JetBrains Mono,monospace;font-size:1rem;line-height:1.25rem;letter-spacing:0rem;gap:1rem}}@font-face{font-family:JetBrains Mono;src:url(/password_generator_app/assets/fonts/static/JetBrainsMono-Bold.ttf) format("truetype")}#app{width:min(100%,33.75rem);padding-inline:1rem}main{background-color:#24232c;width:100%;max-width:33.75rem;margin:0 auto;padding:1rem 1.5rem}@media(max-width:600px){#app{padding-inline:.5rem}main{padding:1rem}}
