body{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{background-color:transparent;border:1px solid #7683cb;border-radius:8px;padding:16px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}@media screen and (min-width:576px){.password-item{width:calc(50% - 8px)}}@media screen and (min-width:992px){.password-item{width:calc(33.33% - 11px)}}.item-content-container,.profile-avatar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.profile-avatar{width:40px;height:40px;border-radius:50%;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;margin-right:16px}.avatar-text{color:#fff;font-size:16px;font-weight:700}.text-details-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.detail-text{margin:0;line-height:1.4}.website-title{color:#f8fafc;font-size:16px;font-weight:500;margin-bottom:4px}.username-text{color:#cbd5e1;font-size:14px;margin-bottom:6px}.password-text{color:#f8fafc;font-size:14px}.stars-img{width:60px;height:auto}.delete-button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:4px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.delete-icon{width:18px;height:18px}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:"Roboto";background-color:#9ba9eb}.app-container{min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:40px 20px}.password-manager-content{width:100%;max-width:1000px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.app-logo{width:180px;margin-bottom:32px}.top-section{background-color:#5763a5;border-radius:16px;padding:32px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:40px;gap:40px;margin-bottom:32px}@media screen and (min-width:768px){.top-section{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:48px}}.password-form{background-color:#454f84;border-radius:12px;padding:24px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:450px}.form-heading{color:#f8fafc;font-size:20px;font-weight:500;margin-top:0;margin-bottom:24px}.input-container{background-color:#f8fafc;border-radius:4px;margin-bottom:16px;overflow:hidden}.icon-bg,.input-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.icon-bg{background-color:#c3caea;padding:10px 14px;-ms-flex-pack:center;justify-content:center}.input-icon{width:18px;height:18px}.input-field{background-color:transparent;color:#454f84;padding:10px 14px;width:100%}.add-btn,.input-field{border:none;outline:none;font-size:14px}.add-btn{background-color:#0b69ff;color:#fff;font-weight:500;border-radius:4px;padding:10px 24px;cursor:pointer;-ms-flex-item-align:end;align-self:flex-end;margin-top:8px}.image-container-lg{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;max-width:400px}.banner-img{width:100%;height:auto}.bottom-section{background-color:#5763a5;border-radius:16px;padding:32px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:768px){.bottom-section{padding:48px}}.bottom-header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:20px;gap:20px}@media screen and (min-width:768px){.bottom-header{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}}.count-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.passwords-heading{color:#f8fafc;font-size:20px;font-weight:500;margin:0 12px 0 0}.count-badge{background-color:transparent;color:#f8fafc;border:1px solid #c3caea;font-size:14px;font-weight:700;border-radius:12px;padding:2px 10px;margin:0}.search-container{background-color:#f8fafc;border-radius:4px;width:100%;max-width:300px;overflow:hidden}.search-container,.search-icon-bg{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.search-icon-bg{background-color:#c3caea;padding:10px 14px;-ms-flex-pack:center;justify-content:center}.search-icon{width:18px;height:18px}.search-input{background-color:transparent;border:none;outline:none;font-size:14px;color:#454f84;padding:10px 14px;width:100%}.divider{border:1px solid #7683cb;margin-top:24px;margin-bottom:20px;width:100%}.checkbox-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:24px;-ms-flex-item-align:end;align-self:flex-end}.checkbox{width:16px;height:16px;cursor:pointer;margin-right:8px}.checkbox-label{color:#f8fafc;font-size:14px;cursor:pointer}.no-passwords-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:40px 0}.no-passwords-img{width:100%;max-width:250px;height:auto;margin-bottom:24px}.no-passwords-heading{color:#f8fafc;font-size:20px;font-weight:500;margin:0}.passwords-list{padding-left:0;list-style-type:none;margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-gap:16px;gap:16px}.amber{background-color:#f59e0b}.blue{background-color:#0b69ff}.orange{background-color:#f97316}.purple{background-color:#7c3aed}.red{background-color:#b91c1c}.green{background-color:#10b981}.teal{background-color:#14b8a6}
/*# sourceMappingURL=main.0adbddb3.chunk.css.map */