*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.password-item{width:31%;min-height:130px;padding:15px;border:1px solid #b6c3ca;border-radius:5px;background-color:transparent}.password-item,.website-letter{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.website-letter{width:45px;height:45px;border-radius:50%;background-color:#f59e0b;color:#fff;-ms-flex-pack:center;justify-content:center;font-size:20px;margin-right:12px}.password-details{-ms-flex-positive:1;flex-grow:1;overflow:hidden}.password-text{color:#fff;font-size:14px;margin:5px 0;overflow-wrap:anywhere}.stars-image{width:90px;margin-top:5px}.delete-button{background:transparent;border:none;cursor:pointer;outline:none}.delete-image{width:20px}@media (max-width:767px){.password-item{width:100%}}.app-container{min-height:100vh;background-color:#9ba9eb;padding:40px 20px;font-family:"Roboto",sans-serif}.main-container{width:90%;max-width:1100px;margin:auto}.app-logo{width:180px;margin-bottom:30px}.add-password-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;background-color:#5763a5;padding:40px;border-radius:10px}.password-form{width:45%;background-color:#454f84;padding:30px;border-radius:10px}.form-heading{color:#fff;font-size:24px;margin-top:0}.input-container{height:45px;background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:15px;border-radius:4px}.input-icon{width:20px;margin:0 12px}.input-element{-ms-flex-positive:1;flex-grow:1;height:100%;border:none;border-left:1px solid #94a3b8;padding:0 10px;outline:none;font-size:14px}.add-button{background-color:#0b69ff;color:#fff;border:none;padding:10px 25px;border-radius:4px;cursor:pointer;float:right}.password-manager-image{width:45%}.small-image{display:none}.passwords-container{background-color:#5763a5;margin-top:25px;padding:30px;border-radius:10px}.passwords-header{-ms-flex-pack:justify;justify-content:space-between}.heading-container,.passwords-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.passwords-heading{color:#fff;font-size:24px}.password-count{color:#fff;border:1px solid #fff;border-radius:15px;padding:2px 10px;margin-left:10px}.search-container{width:250px;height:40px;background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:4px}.search-icon{width:18px;margin:0 10px}.search-input{-ms-flex-positive:1;flex-grow:1;height:100%;border:none;border-left:1px solid #94a3b8;outline:none;padding:0 10px}.horizontal-line{border:0;border-top:1px solid #94a3b8}.show-password-container{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;color:#fff;margin-bottom:20px}.show-password-container input{margin-right:8px}.passwords-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-gap:15px;gap:15px;padding:0;list-style-type:none}.no-passwords-container{text-align:center;color:#fff}.no-passwords-image{width:250px}.no-passwords-text{font-size:20px;font-weight:700}@media (max-width:767px){.app-container{padding:20px 10px}.main-container{width:100%}.add-password-container{padding:20px;-ms-flex-direction:column;flex-direction:column}.password-form{width:100%;-ms-flex-order:2;order:2}.large-image{display:none}.small-image{display:block;width:70%;margin-bottom:20px}.passwords-container{padding:20px}.passwords-header{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}.search-container{width:100%}.passwords-list{-ms-flex-direction:column;flex-direction:column}}
/*# sourceMappingURL=main.74024726.chunk.css.map */