@font-face{font-family:JetBrains Mono,monospace,serif;src:url(./JetBrainsMono-Italic-VariableFont_wght-BA9CdBEB.ttf) format("truetype"),url(./JetBrainsMono-BoldItalic-C0Wlndhu.ttf) format("truetype")}*{box-sizing:border-box;padding:0;margin:0}:root{--white: #FFF;--black: #000;--grey-950: #08070B;--grey-900: #14131B;--grey-850: #18171F;--grey-800: #24232C;--grey-700: #54535B;--grey-600: #817D92;--grey-200: #E6E5EA;--green-200: #A4FFAF;--yellow-300: #F8CD65;--orange-400: #FB7C58;--red-500: #F64A4A;--spacing-100: .8rem;--spacing-150: 1.4rem;--spacing-200: 1.6rem;--spacing-300: 2.4rem;--spacing-400: 3.2rem;--spacing-700: 5.6rem;--spacing-1000: 8rem;--spacing-1300: 10.4rem;--spacing-1600: 12.8rem;--spacing-2000: 17.6rem;--spacing-2200: 17.6rem;--spacing-2300: 18.4rem}html{font-size:62.5%}body{font-family:JetBrains Mono,monospace,serif}main{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:100vh;background-color:var(--grey-950);padding-inline:var(--spacing-200)}.password-display{display:flex;flex-direction:column;gap:var(--spacing-400);max-width:54rem;width:100%}.title{color:var(--grey-600);font-family:JetBrains Mono,monospace,serif;font-size:2.4rem;font-style:normal;font-weight:700;line-height:3.2rem;letter-spacing:0;text-align:center}.settings{display:flex;flex-direction:column;gap:var(--spacing-300)}.password-container{position:relative}.password-input{color:var(--grey-200);font-family:JetBrains Mono,monospace,serif;font-size:3.2rem;font-style:normal;font-weight:700;line-height:4.2rem;letter-spacing:0;padding:var(--spacing-200) var(--spacing-400);background-color:var(--grey-800);border:none;width:100%}.password-input::placeholder{color:var(--grey-700);font-family:JetBrains Mono,monospace,serif;font-size:3.2rem;font-style:normal;font-weight:700;line-height:4.2rem;letter-spacing:0}.copy span{color:var(--green-200);font-family:JetBrains Mono,monospace,serif;font-size:1.8rem;font-style:normal;font-weight:700;line-height:2.4rem;letter-spacing:0;text-transform:uppercase;position:absolute;right:6.4rem;top:50%;transform:translateY(-50%)}.copy-btn{cursor:pointer;position:absolute;right:3.2rem;top:50%;transform:translateY(-50%);border:none;mask:url("data:image/svg+xml,%3csvg%20width='21'%20height='24'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20.341%203.091%2017.909.659A2.25%202.25%200%200%200%2016.319%200H8.25A2.25%202.25%200%200%200%206%202.25V4.5H2.25A2.25%202.25%200%200%200%200%206.75v15A2.25%202.25%200%200%200%202.25%2024h10.5A2.25%202.25%200%200%200%2015%2021.75V19.5h3.75A2.25%202.25%200%200%200%2021%2017.25V4.682a2.25%202.25%200%200%200-.659-1.591ZM12.469%2021.75H2.53a.281.281%200%200%201-.281-.281V7.03a.281.281%200%200%201%20.281-.281H6v10.5a2.25%202.25%200%200%200%202.25%202.25h4.5v1.969a.282.282%200%200%201-.281.281Zm6-4.5H8.53a.281.281%200%200%201-.281-.281V2.53a.281.281%200%200%201%20.281-.281H13.5v4.125c0%20.621.504%201.125%201.125%201.125h4.125v9.469a.282.282%200%200%201-.281.281Zm.281-12h-3v-3h.451c.075%200%20.147.03.2.082L18.667%204.6a.283.283%200%200%201%20.082.199v.451Z'%20fill='%23A4FFAF'/%3e%3c/svg%3e");width:2.1rem;height:2.4rem;background-color:var(--green-200)}.copy-btn:active{background-color:#fff}.options{display:flex;flex-direction:column;gap:var(--spacing-400);padding:var(--spacing-300) var(--spacing-400);background-color:var(--grey-800)}.character-length{display:flex;flex-direction:column;gap:var(--spacing-200)}.character-length__title{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.character-length__title label{color:var(--white);font-family:JetBrains Mono,monospace,serif;font-size:1.8rem;font-style:normal;font-weight:700;line-height:2.4rem;letter-spacing:0}.character-length__title span{color:var(--green-200);font-family:JetBrains Mono,monospace,serif;font-size:3.2rem;font-style:normal;font-weight:700;line-height:4.2rem;letter-spacing:0}.character-length input[type=range]{-webkit-appearance:none;width:100%;height:.8rem;transition:background .45s ease-in}.character-length input[type=range]:focus{outline:none}.character-length input[type=range]::-ms-track{width:100%;cursor:pointer}.character-length input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--grey-200);border:none;height:2.8rem;width:2.8rem;border-radius:50%;cursor:pointer}.character-length input[type=range]::-webkit-slider-thumb:hover{border:2px solid var(--green-200);background:var(--grey-850)}.checkbox-options{display:flex;flex-direction:column;gap:var(--spacing-200)}.checkbox-options li{display:flex;flex-direction:row;gap:var(--spacing-300);align-items:center}.checkbox-options li label{color:var(--grey-200);font-family:JetBrains Mono,monospace,serif;font-size:1.8rem;font-style:normal;font-weight:700;line-height:2.4rem;letter-spacing:0;order:2;cursor:pointer}.checkbox-options li input[type=checkbox]{position:relative;width:2rem;height:2rem}.checkbox-options li input[type=checkbox]:before{content:"";display:block;width:1.8rem;height:1.8rem;border:2px solid var(--grey-200);background:var(--grey-800);cursor:pointer;transition:background-color .2s ease-in,border-color .2s ease-in}.checkbox-options li input[type=checkbox]:hover:before{border-color:var(--green-200)}.checkbox-options li input[type=checkbox]:checked:before{border-color:var(--green-200)}.checkbox-options li input[type=checkbox]:checked:after{position:absolute;top:1px;left:1px;width:1.4rem;height:1.1rem;display:block;content:url("data:image/svg+xml,%3csvg%20width='14'%20height='12'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20stroke='%2318171F'%20stroke-width='3'%20fill='none'%20d='M1%205.607%204.393%209l8-8'/%3e%3c/svg%3e");background-color:var(--green-200);padding:4px 3px}.strength{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--spacing-200) var(--spacing-400);background-color:var(--grey-850)}.strength__title{color:var(--grey-600);font-family:JetBrains Mono,monospace,serif;font-size:1.8rem;font-style:normal;font-weight:700;line-height:2.4rem;letter-spacing:0;text-transform:uppercase}.strength__level{display:flex;flex-direction:row;gap:var(--spacing-200);align-items:center}.strength__level[data-strength=too-weak] li:nth-child(1){border-color:var(--red-500);background-color:var(--red-500)}.strength__level[data-strength=weak] li:nth-child(1){border-color:var(--orange-400);background-color:var(--orange-400)}.strength__level[data-strength=weak] li:nth-child(2){border-color:var(--orange-400);background-color:var(--orange-400)}.strength__level[data-strength=medium] li:nth-child(1){border-color:var(--yellow-300);background-color:var(--yellow-300)}.strength__level[data-strength=medium] li:nth-child(2){border-color:var(--yellow-300);background-color:var(--yellow-300)}.strength__level[data-strength=medium] li:nth-child(3){border-color:var(--yellow-300);background-color:var(--yellow-300)}.strength__level[data-strength=strong] li:nth-child(1){border-color:var(--green-200);background-color:var(--green-200)}.strength__level[data-strength=strong] li:nth-child(2){border-color:var(--green-200);background-color:var(--green-200)}.strength__level[data-strength=strong] li:nth-child(3){border-color:var(--green-200);background-color:var(--green-200)}.strength__level[data-strength=strong] li:nth-child(4){border-color:var(--green-200);background-color:var(--green-200)}.strength__level span{color:var(--grey-200);font-family:JetBrains Mono,monospace,serif;font-size:2.4rem;font-style:normal;font-weight:700;line-height:3.2rem;letter-spacing:0;text-transform:uppercase}.bars{display:flex;flex-direction:row;gap:var(--spacing-100)}.bars li{list-style:none;width:1rem;height:2.8rem;border:2px solid var(--grey-200)}.generate-btn{display:flex;flex-direction:row;gap:var(--spacing-300);justify-content:center;align-items:center;padding-top:var(--spacing-300);padding-bottom:var(--spacing-300);border:2px solid var(--green-200);background-color:var(--green-200);cursor:pointer}.generate-btn:active{background-color:transparent}.generate-btn:active .generate-btn__text{color:var(--green-200)}.generate-btn:active .generate-btn__icon{background-color:var(--green-200)}.generate-btn:disabled{cursor:not-allowed}.generate-btn__text{color:var(--grey-800);font-family:JetBrains Mono,monospace,serif;font-size:1.8rem;font-style:normal;font-weight:700;line-height:2.4rem;letter-spacing:0;text-transform:uppercase}.generate-btn__icon{mask:url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='%2324232C'%20d='m5.106%2012%206-6-6-6-1.265%201.265%203.841%203.84H.001v1.79h7.681l-3.841%203.84z'/%3e%3c/svg%3e");width:1.2rem;height:1.2rem;background-color:var(--grey-800)}@media only screen and (max-width: 31.25em){.password-display{gap:var(--spacing-200)}.password-display h1{color:var(--grey-600);font-family:JetBrains Mono,monospace,serif;font-size:1.6rem;font-style:normal;font-weight:700;line-height:2rem;letter-spacing:0}.settings{gap:var(--spacing-200)}.password-input{color:var(--grey-200);font-family:JetBrains Mono,monospace,serif;font-size:2.4rem;font-style:normal;font-weight:700;line-height:3.2rem;letter-spacing:0;padding-inline:var(--spacing-200);text-wrap:wrap}.password-input::placeholder{color:var(--grey-700);font-family:JetBrains Mono,monospace,serif;font-size:2.4rem;font-style:normal;font-weight:700;line-height:3.2rem;letter-spacing:0}.copy span{right:4.8rem}.copy-btn{right:var(--spacing-200)}.options{padding:var(--spacing-200);gap:0}.options .character-length{margin-bottom:var(--spacing-400);gap:var(--spacing-100)}.options .character-length__title label{color:var(--grey-200);font-family:JetBrains Mono,monospace,serif;font-size:1.6rem;font-style:normal;font-weight:700;line-height:2rem;letter-spacing:0}.options .character-length__title span{color:var(--green-200);font-family:JetBrains Mono,monospace,serif;font-size:2.4rem;font-style:normal;font-weight:700;line-height:3.2rem;letter-spacing:0}.options .character-length input[type=range]{margin-top:var(--spacing-100)}.options .checkbox-options{margin-bottom:var(--spacing-400)}.options .checkbox-options li{gap:var(--spacing-200)}.options .checkbox-options li label{color:var(--grey-200);font-family:JetBrains Mono,monospace,serif;font-size:1.6rem;font-style:normal;font-weight:700;line-height:2rem;letter-spacing:0}.options .strength{margin-bottom:var(--spacing-200);padding:var(--spacing-150) var(--spacing-200)}.options .strength span{color:var(--grey-600);font-family:JetBrains Mono,monospace,serif;font-size:1.6rem;font-style:normal;font-weight:700;line-height:2rem;letter-spacing:0}.generate-btn{gap:var(--spacing-200);padding-top:var(--spacing-200);padding-bottom:var(--spacing-200)}.generate-btn__text{color:var(--grey-800);font-family:JetBrains Mono,monospace,serif;font-size:1.6rem;font-style:normal;font-weight:700;line-height:2rem;letter-spacing:0}}