:root{--clr-red: hsl(0, 91%, 63%);--clr-neon-green: hsl(127, 100%, 82%);--clr-orange: hsl(13, 95%, 66%);--clr-yellow: hsl(42, 91%, 68%);--clr-almost-white: hsl(252, 11%, 91%);--clr-grey: hsl(251, 9%, 53%);--clr-dark-grey: hsl(248, 10%, 15%);--clr-very-dark-grey: hsl(248, 15%, 11%);--ff-primary: "JetBrains Mono", monospace}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}ul[role=list],li,ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture,svg{max-width:100%}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}body{padding:20px;background-color:var(--clr-very-dark-grey);font-family:var(--ff-primary);display:flex;flex-direction:column;align-items:center;justify-content:center}.header,.container{width:100%}@media(min-width: 40em){.header,.container{max-width:550px;width:100%}}.header{margin:20px 0}.header h2{text-align:center;color:var(--clr-grey);padding:10px;font-size:1.25em}.header .output{background-color:var(--clr-dark-grey);display:flex;gap:10px;padding:15px;justify-content:space-between}.header .output p{font-family:inherit;font-size:1.5em;background-color:rgba(0,0,0,0);border:none;outline:none;padding:0 15px;font-weight:bold;color:var(--clr-almost-white);width:85%}.header .output .pass-generated{word-wrap:break-word}.header .output button{padding:3px;border:none;outline:none;background-color:rgba(0,0,0,0);width:40px}.header .output button img{min-width:15px}.container{font-weight:bold}.container .card{width:100%;display:flex;flex-direction:column;gap:20px;padding:20px;background-color:var(--clr-dark-grey)}.container p{color:var(--clr-almost-white);font-style:bold}.container .slider__top{justify-content:space-between;margin-bottom:5px}.container .slider__top .length{color:var(--clr-neon-green) !important;font-size:1.75rem}.container .slider__top .length p{color:inherit}.container .slider .slid-bar{margin-top:10px}.container .slider .slid-bar input{width:100%}.container .checkboxes{padding:0px !important}.container .checkboxes p{font-size:1em}.container .checkboxes .check{padding:5px 5px 5px 0}.container .checkboxes .check label{margin-right:10px;padding:0}.container .checkboxes .check p{font-size:1.05rem}.container .strength{padding:5px 10px;background-color:var(--clr-very-dark-grey);justify-content:space-between}.container .strength p{color:var(--clr-grey)}.container .genBtn{padding:12px;display:flex;align-items:center;text-align:center;justify-content:center;font-weight:bolder;font-family:inherit;font-size:1em;border:2px solid rgba(0,0,0,0);outline:none;background-color:var(--clr-neon-green);transition:all 300ms ease-in-out}.container .genBtn img{width:10px}.container .genBtn:hover,.container .genBtn:active{color:var(--clr-neon-green);border:2px solid var(--clr-neon-green);background-color:rgba(0,0,0,0)}.container .genBtn:hover path,.container .genBtn:active path{fill:var(--clr-neon-green)}.flex{display:flex;flex-direction:row;gap:5px;align-items:center}.bars{gap:5px;padding:5px 0}.bars p{margin-right:10px}.bars .bar{border:2px solid #fff;height:20px;width:5px;padding:2px}button{cursor:pointer}.checkboxes .check input[type=checkbox] label{border:2px solid var(--clr-neon-green) !important}.form-control{font-size:1rem;font-weight:bold;line-height:1.1;display:grid}input[type=checkbox]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0,0,0,0);margin:0;font:inherit;width:1em;height:1em;border:3px solid var(--clr-almost-white);display:grid;place-content:center}input[type=checkbox]::before{content:"";width:.65em;height:.65em;transform:scale(0);transition:120ms transform ease-in-out;box-shadow:inset 1em 1em var(--clr-neon-green);transform-origin:bottom left;-webkit-clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%)}input[type=checkbox]:checked::before{transform:scale(1)}input[type=range]{-webkit-appearance:none;background-color:rgba(0,0,0,0);-moz-appearance:none;appearance:none;cursor:grabbing}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:var(--clr-very-dark-grey);height:10px;background-color:var(--clr-very-dark-grey)}input[type=range]::-moz-range-track{background:var(--clr-very-dark-grey);height:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border:2px solid var(--clr-almost-white);background:var(--clr-neon-green);margin-top:-5px}.bars.too-weak .bar:nth-child(2){background-color:var(--clr-red);border-color:var(--clr-red)}.bars.weak .bar:nth-child(2){background-color:var(--clr-orange);border-color:var(--clr-orange)}.bars.weak .bar:nth-child(3){background-color:var(--clr-orange);border-color:var(--clr-orange)}.bars.medium .bar:nth-child(2){background-color:var(--clr-yellow);border-color:var(--clr-yellow)}.bars.medium .bar:nth-child(3){background-color:var(--clr-yellow);border-color:var(--clr-yellow)}.bars.medium .bar:nth-child(4){background-color:var(--clr-yellow);border-color:var(--clr-yellow)}.bars.strong .bar{background-color:var(--clr-neon-green);border-color:var(--clr-neon-green)}.bars{position:relative;transition:left 3s ease-in-out}.bars .tag{position:absolute;font-size:1.25em;color:#fff !important;left:-95px}#copy-btn{position:relative}.tag-1{position:absolute;font-size:1em !important;color:var(--clr-neon-green) !important;left:-70px;top:10px}footer{margin-top:50px;font-family:inherit;color:#fff;font-size:.5em}footer i{scale:1.45;margin-left:.75em;color:#fff}footer i:hover{scale:1.75}/*# sourceMappingURL=style.css.map */