@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:JetBrains Mono,monospace}.heading-large{font-size:32px;font-style:normal;font-weight:700;line-height:normal}.heading-medium{font-size:24px;font-style:normal;font-weight:700;line-height:normal}.body-text{font-size:18px;font-style:normal;font-weight:700;line-height:normal}.app-title{color:#817d92;text-align:center;margin-bottom:32px}.sect-title{color:#817d92;text-transform:uppercase}@media only screen and (width<=450px){.heading-large{font-size:24px}.heading-medium{font-size:18px}.body-text{font-size:16px}.app-title{margin-bottom:16px}}@media only screen and (width<=390px){.heading-large{font-size:20px}.heading-medium{font-size:16px}.body-text{font-size:14px}.app-title{margin-bottom:14px}}.generated-password-sect{position:relative}.generated-password{color:#e6e5ea;background:#24232c;border:none;width:100%;height:80px;padding:19px 32px;font-family:JetBrains Mono,monospace}.generated-password::placeholder{opacity:.25;font-family:JetBrains Mono,monospace}.generated-password-copy{color:#a4ffaf;align-items:center;gap:15px;font-size:24px;transition:all .3s ease-in-out;display:flex;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.generated-password-copy__text{color:#a4ffaf;text-transform:uppercase;transition:all .6s ease-in-out;display:none}.generated-password-copy:hover{color:#fff}.visible{display:block}.fade-out{opacity:0;transform:matrix(1.2,0,0,1.2,0,-24)}.character-length-range{width:100%;display:block;position:relative}.range-input{appearance:none;z-index:6;background:0 0;width:100%;height:8px;position:absolute;top:0;left:0}.range-input::-webkit-slider-thumb{appearance:none;background:#e6e5ea;border:2px solid #e6e5ea;border-radius:100px;width:28px;height:28px}.range-input::-webkit-slider-thumb:active{background:#18171f;border:2px solid #a4ffaf}.range-input::-webkit-slider-thumb:hover{background:#18171f;border:2px solid #a4ffaf}.range-input:hover::-webkit-slider-thumb{background:#18171f;border:2px solid #a4ffaf}.range-input:hover{cursor:pointer}.background-bar{z-index:1;background-color:#18171f;width:100%;height:8px;position:absolute;top:0;left:0}.progress-bar{z-index:2;background-color:#a4ffaf;width:25%;height:8px;position:absolute;top:0;left:0}.checklist-section{margin:32px 0}.checklist{flex-direction:column;gap:20px;list-style:none;display:flex}.checklist__item{color:#e6e5ea;align-items:center;gap:24px;display:flex}.checklist__item input[type=checkbox]{appearance:none;background:0 0;border:2px solid #e6e5ea;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.checklist__item input[type=checkbox]:hover{cursor:pointer}.checklist__item input[type=checkbox]:after{content:url(icon-check.67b2fac9.svg);justify-content:center;align-items:center;width:20px;height:20px;display:none;position:absolute;top:0;left:-2px}.checklist__item input[type=checkbox]:checked{background:#a4ffaf;border:2px solid #a4ffaf}.checklist__item input[type=checkbox]:checked:after{display:flex}@media only screen and (width<=390px){.checklist-section{margin-bottom:16px}}.strenght-indicator-sect{background-color:#18171f;justify-content:space-between;align-items:center;margin-bottom:32px;padding:20px 32px;display:flex}.strenght-indicator{align-items:center;gap:15px;display:flex}.strenght-indicator__text{color:#e6e5ea;text-transform:uppercase}.strenght-indicator__bars{align-items:stretch;gap:8px;display:flex}.indicator-bar{background-color:red;border:2px solid #e6e5ea;width:10px;height:28px}@media only screen and (width<=390px){.strenght-indicator-sect{margin-bottom:16px;padding:10px 16px}}.generate-btn{color:#24232c;background:#a4ffaf;border:2px solid #a4ffaf;justify-content:center;align-items:center;gap:24px;padding:20px 0;font-family:JetBrains Mono,monospace;transition:all .3s ease-in-out;display:flex}.generate-btn span{text-transform:uppercase}.generate-btn i{font-size:12px}.generate-btn:hover{color:#a4ffaf;background:0 0}.container{background:linear-gradient(#14131b 0%,#08070b 100%);justify-content:center;align-items:start;width:100vw;height:100%;display:flex}.app-container{flex-direction:column;gap:24px;width:540px;margin-top:100px;margin-bottom:100px;display:flex}.password-generator-section{background:#24232c;padding:32px}.password-generator{flex-direction:column;align-items:stretch;width:100%;display:flex}.character-length-sect{flex-flow:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.character-length{flex-grow:0;flex-shrink:0}.character-length__title{color:#e6e5ea}.character-length__count{color:#a4ffaf}@media only screen and (width<=584px){.container{padding:0 16px}.app-container{margin-top:70px;margin-bottom:70px}}@media only screen and (width<=430px){.password-generator-section{padding:16px}}
/*# sourceMappingURL=index.628ca19c.css.map */