@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Display:wght@400;600;700&family=Noto+Sans:wght@300;400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans,sans-serif}:root{--primary-blue: 0, 163, 255;--primary-text: 66, 97, 99;--border-color: 119, 177, 197}#App{width:100vw;min-height:100vh;background:url(/assets/background-ae1e3fe2.svg) no-repeat;background-size:cover;background-position:bottom left;display:flex;flex-direction:column;align-items:center}#App .header{padding:16px 42px;background-color:rgb(var(--primary-blue));color:#fff;font-family:Noto Sans Display,sans-serif;font-weight:700;font-size:20px;border-bottom-left-radius:30px;border-bottom-right-radius:30px}@media only screen and (max-width: 480px){#App .header{font-size:15px}}#App main{display:flex;width:50%;flex-direction:column;align-items:center}@media only screen and (max-width: 1200px){#App main{width:60%}}@media only screen and (max-width: 930px){#App main{width:90%}}#App main h1{text-align:center;margin-top:75px;font-size:35px;font-family:Noto Sans Display,sans-serif;font-weight:700;color:rgb(var(--primary-text));margin-bottom:45px}@media only screen and (max-width: 480px){#App main h1{font-size:25px}}#GeneratedPasswordSection{display:flex;flex-direction:column;border:2px solid rgb(var(--border-color));background-color:#ffffffa6;width:65%;margin-bottom:55px}@media only screen and (max-width: 630px){#GeneratedPasswordSection{width:90%}}#GeneratedPasswordSection .password{padding:15px 25px;font-family:Noto Sans Display,sans-serif;font-weight:500;font-size:20px;width:100%;overflow-wrap:break-word}@media only screen and (max-width: 480px){#GeneratedPasswordSection .password{font-size:15px}}#GeneratedPasswordSection .actions{display:flex;flex-wrap:wrap;width:100%}#GeneratedPasswordSection .actions button{width:50%;border:none;outline:none;background:rgb(var(--primary-text));color:#fff;font-weight:500;padding:10px;cursor:pointer;font-size:14px}@media only screen and (max-width: 480px){#GeneratedPasswordSection .actions button{font-size:12px}}#GeneratedPasswordSection .actions button:hover{background-color:#000}#GeneratedPasswordSection .actions button:nth-child(1){border-right:2px solid #fff}#GeneratedPasswordSection .actions button:nth-child(2){border-left:2px solid #fff}#PrivacyAndSecurity{display:flex;flex-direction:column;border:1px solid rgb(var(--border-color));background-color:#fff9;padding:14px;align-items:center;width:300px;position:absolute;right:0;top:0}@media only screen and (max-width: 1200px){#PrivacyAndSecurity{position:relative;right:auto;top:auto;margin-top:50px;margin-bottom:50px;width:80%}}#PrivacyAndSecurity h3{font-family:Noto Sans Display,sans-serif;font-weight:600;margin-bottom:10px;font-size:20px}#PrivacyAndSecurity p{width:100%;text-align:center;font-weight:300;font-size:14px}#CustomizePassword{display:flex;width:60%;flex-wrap:wrap;background:rgba(255,255,255,.6);border-radius:8px;border:2px solid rgb(var(--border-color))}@media only screen and (max-width: 630px){#CustomizePassword{width:90%}}#CustomizePassword .sliderContainer{width:100%;padding:12px;display:flex;justify-content:center;align-items:center;border-bottom:2px solid rgb(var(--border-color))}#CustomizePassword .sliderContainer .length{background-color:#fff;border-radius:8px;display:flex;padding:8px 10px;font-size:14px;margin-right:10px}#CustomizePassword .sliderContainer .length input[type=text]{border:none;outline:none;width:3ch;margin-left:4px;font-size:14px;padding-top:1px;font-weight:600;text-align:center}#CustomizePassword .sliderContainer .slider{width:65%}#CustomizePassword .difficulty,#CustomizePassword .contains{width:50%;padding:12px;color:rgb(var(--primary-text))}@media only screen and (max-width: 480px){#CustomizePassword .difficulty,#CustomizePassword .contains{padding:15px}}#CustomizePassword .difficulty h5,#CustomizePassword .contains h5{font-size:14px;font-weight:600;margin-bottom:12px}#CustomizePassword .difficulty .radio-item,#CustomizePassword .difficulty .checkbox-item,#CustomizePassword .contains .radio-item,#CustomizePassword .contains .checkbox-item{display:flex;align-items:center;margin-bottom:8px}#CustomizePassword .difficulty .radio-item input,#CustomizePassword .difficulty .checkbox-item input,#CustomizePassword .contains .radio-item input,#CustomizePassword .contains .checkbox-item input{margin-right:8px;height:1.5em;filter:hue-rotate(8deg) brightness(1.3);border:0;width:1.5em}#CustomizePassword .difficulty .radio-item span,#CustomizePassword .difficulty .checkbox-item span,#CustomizePassword .contains .radio-item span,#CustomizePassword .contains .checkbox-item span{font-size:14px}#CustomizePassword .difficulty{border-right:2px solid rgb(var(--border-color));width:40%}@media only screen and (max-width: 480px){#CustomizePassword .difficulty{width:100%;border-right:none;border-bottom:2px solid rgb(var(--border-color))}}#CustomizePassword .contains{width:60%}@media only screen and (max-width: 480px){#CustomizePassword .contains{width:100%}}