.password-item{background-color:#454f84;border-radius:8px;padding:15px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}@media screen and (min-width:768px){.password-item{width:calc(33.33% - 15px)}}.initial-container,.password-details{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.initial-container{width:40px;height:40px;border-radius:50%;-ms-flex-pack:center;justify-content:center;margin-right:15px}.initial-0{background-color:#f59e0b}.initial-1{background-color:#10b981}.initial-2{background-color:#f97316}.initial-3{background-color:#14b8a6}.initial-4{background-color:#b91c1c}.initial-5{background-color:#0ea5e9}.initial-6{background-color:#7683cb}.initial-7{background-color:#14b8a6}.initial-8{background-color:#b91c1c}.initial-9{background-color:#0ea5e9}.initial{color:#fff;font-size:18px;font-weight:700;margin:0}.user-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.website{color:#fff;font-size:16px;margin:0 0 5px}.password,.username{color:#94a3b8;font-size:14px;margin:0 0 5px}.stars-image{width:100px;height:15px}.delete-button{background:transparent;border:none;cursor:pointer}.delete-icon{width:20px}.app-container{background-color:#9ba9eb;min-height:100vh;padding:20px;-ms-flex-align:center;align-items:center}.app-container,.password-manager-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.password-manager-container{width:100%;max-width:1200px;grid-gap:20px;gap:20px}.app-logo{width:150px;margin-bottom:20px}.password-form-container{background-color:#5763a5;border-radius:8px;padding:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:768px){.password-form-container{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}.form{background-color:#454f84;border-radius:8px;padding:20px;width:100%;max-width:350px}.form-heading{color:#f8fafc;font-size:24px;margin-bottom:20px}.input-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:#f8fafc;border-radius:4px;margin-bottom:15px}.input-icon{width:20px;margin:0 10px}.input{outline:none;padding:10px;width:100%}.add-button,.input{border:none;font-family:"Roboto",sans-serif}.add-button{background-color:#0b69ff;color:#fff;border-radius:4px;padding:10px 20px;cursor:pointer;-ms-flex-item-align:end;align-self:flex-end}.password-manager-image{width:100%;max-width:400px;margin-top:20px}@media screen and (min-width:768px){.password-manager-image{margin-top:0}}.passwords-container{background-color:#5763a5;border-radius:8px;padding:20px}.passwords-header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:15px}@media screen and (min-width:768px){.passwords-header{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}}.passwords-count-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.your-passwords{color:#f8fafc;font-size:20px;margin-right:10px}.passwords-count{background-color:#f8fafc;color:#5763a5;font-size:14px;padding:5px 10px;border-radius:15px}.search-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:#f8fafc;border-radius:4px;padding:5px;margin-top:15px}@media screen and (min-width:768px){.search-container{margin-top:0;width:300px}}.search-icon{width:20px;margin:0 10px}.search-input{border:none;outline:none;padding:5px;width:100%;font-family:"Roboto",sans-serif}.separator{border:1px solid #94a3b8;margin:15px 0}.show-passwords-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;margin-bottom:15px}.checkbox{width:16px;height:16px;margin-right:5px}.checkbox-label{color:#f8fafc;font-size:16px;font-family:"Roboto",sans-serif}.no-passwords-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:30px}.no-passwords-image{width:100%;max-width:300px;margin-bottom:20px}.no-passwords-text{color:#f8fafc;font-size:18px;font-family:"Roboto",sans-serif}.passwords-list{list-style-type:none;padding:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-gap:15px;gap:15px}*{-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}
/*# sourceMappingURL=main.027318f5.chunk.css.map */