.login_wrapper{display:flex;justify-content:center;align-items:center;height:100%}.login_form{width:310px}.login__icon{font-size:40px;color:var(--main-color);margin-bottom:20px}.login__icon,.login__title{display:flex;justify-content:center}.login__title{font-size:25px}.login__subtitle{display:flex;justify-content:center;margin-bottom:30px;font-size:15px;color:var(--secondary-text-color)}.login__suggestion_wrapper{display:flex;justify-content:center;align-items:center;margin-top:20px}.login__suggestion{margin-right:10px}#vault{display:grid;grid-template-rows:fit-content(0) fit-content(0) auto;padding:10px;margin-top:48px;box-sizing:border-box}.vault__title{font-size:25px;color:var(--primary-text-color);margin-bottom:15px}.vault__buttons_wrapper{display:flex;flex-flow:row;grid-gap:15px;gap:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:15px}.vault__cards_wrapper{display:grid;grid-template-columns:repeat(auto-fit,420px);grid-template-rows:repeat(auto-fit,200px);grid-gap:20px;gap:20px}.vault__card{background-color:var(--blue);width:min(380px,100%);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px;border-radius:13px;border:2px solid var(--blue-dark);box-shadow:3px 3px 3px rgba(0,0,0,25%);color:#fff;box-sizing:border-box}.vault__card.edit{position:absolute;box-shadow:0 0 0 10px rgba(255,255,255,100%)}@media only screen and (max-width:424px){.vault__cards_wrapper{grid-gap:20px 0;gap:20px 0}.vault__card{width:100%}}.vault__card__top_bar{display:grid;grid-template-columns:auto fit-content(0) fit-content(0);grid-gap:15px;gap:15px}.vault__card__content{display:flex;flex-flow:column;grid-gap:5px;gap:5px}.vault__card__top_bar__title{font-size:20px}@media only screen and (max-width:800px){.vault__cards_wrapper{display:flex;flex-flow:column;grid-gap:20px 0;gap:20px 0}#vault{margin-top:88px!important}.vault__card.edit{position:inherit!important}}:root{--main-color:#4b7bec;--primary-text-color:#333;--secondary-text-color:#424242;--red:#fc5c65;--red-dark:#eb3b5a;--orange:#fd9644;--orange-dark:#fa8231;--yellow:#fed330;--yellow-dark:#f7b731;--green:#26de81;--green-dark:#20bf6b;--turquoise:#2bcbba;--turquoise-dark:#0fb9b1;--light-blue:#45aaf2;--light-blue-dark:#2d98da;--blue:#4b7bec;--blue-dark:#3867d6;--purple:#a55eea;--purple-dark:#8854d0;--gray:#778ca3;--gray-dark:#4b6584}body,html{margin:0;font-family:Source Sans Pro}#root,body,html{width:100%;height:100%}a{text-decoration:none;color:#4b7bec;color:var(--blue)}a,p{margin:-3px 0 0}.section{width:100%;height:100%}.topbar{display:grid;grid-template-columns:fit-content(0) 1fr 400px 1fr fit-content(0);grid-template-areas:"logo space search space2 buttons";background-color:#4b7bec;background-color:var(--blue);align-items:center;padding:5px;position:fixed;top:0;width:calc(100% - 10px)}.topbar__logo_wrapper{grid-area:logo;display:flex;align-items:center;justify-content:center;padding:0 5px;grid-gap:10px;gap:10px;font-size:24px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#fff}.topbar__search-wrapper{grid-area:search}.topbar__buttons{grid-area:buttons;display:flex}@media only screen and (max-width:800px){.topbar{display:grid;grid-template-columns:fit-content(0) 1fr fit-content(0);grid-template-rows:fit-content(0) fit-content(0);grid-template-areas:"logo space buttons" "search search search";background-color:#4b7bec;background-color:var(--blue);align-items:center}.topbar__search-wrapper{grid-area:search;margin-top:10px}}.loading{display:flex;flex-flow:column;height:100%;justify-content:center}.loading .animation-wrapper,.loading__logo-wrapper{display:flex;justify-content:center;align-items:center}.loading__logo{height:17px;width:100px;margin-right:10px}.loading__logo__text{color:#9d9d9d;font-size:24px}.form{display:flex;flex-flow:column;background-color:#171717;width:100%;height:100%}.form__content{padding:20px 20px 0}.form__title{font-size:24px;width:100%;text-align:center;margin-bottom:30px;color:var(--primary-text-color)}.form__buttons{display:flex;justify-content:flex-end;border-radius:0 0 15px 15px;padding:10px 20px}.form__buttons .button{margin-right:10px}.form__buttons .button:last-child{margin-right:0}.label{color:var(--secondary-text-color);font-size:16px;margin-bottom:5px;width:100%;text-align:left}.input{display:flex;align-items:center;border-radius:7px;border:1px solid #bdbdbd;background-color:#f4f6f8;margin-bottom:4px;font-size:22px;width:100%;height:34px;box-sizing:border-box}.input.fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.input.no-margin{margin-bottom:0}.input.focus{border:2px solid var(--blue-dark);background-color:#fff;box-sizing:initial}.input.focus input{background-color:#fff;color:var(--primary-text-color)}.input.focus i{color:#444}.input.compact input{padding:3px}.input i{display:flex;align-items:center;color:#999;font-size:20px;margin:0 5px}.input input{border:none;outline:none;color:#999;background-color:#f4f6f8;width:100%;-webkit-filter:none;filter:none;font-size:16px;border-radius:12px;padding:0 6px}.input__buttons{display:flex;flex-flow:row}.input_error{font-size:16px;color:var(--red-dark);width:100%;min-height:21px;text-align:left;margin-bottom:10px}.textarea{display:flex;align-items:center;border-radius:12px;border:1px solid #e0e0e0;margin-bottom:15px;font-size:22px;width:100%;box-sizing:border-box;padding:5px}.textarea textarea{border:none;outline:none;font-family:Barlow}.textarea.focus{border:1px solid var(--main-color)}.checkbox,.checkbox__icon-wrapper{display:flex;align-items:center}.checkbox__icon-wrapper{justify-content:center;width:20px;height:20px;border:1px solid #000;border-radius:3px;margin-right:5px;cursor:pointer}.checkbox.checked .checkbox__icon-wrapper{background-color:var(--main-color);border:none;height:22px;width:22px}.checkbox__icon-wrapper i{font-size:16px;color:#fff}.checkbox__text{margin-bottom:3px}.buttons{width:100%;color:var(--primary-text-color);margin-bottom:10px}.button,.buttons{display:flex;grid-gap:10px;gap:10px}.button{justify-content:center;align-items:center;padding:2px 10px;height:30px;border-radius:5px;background-color:var(--blue);border:2px solid var(--blue-dark);color:#fff;box-shadow:3px 3px 3px rgba(0,0,0,25%);cursor:pointer}.button.disabled{-webkit-filter:opacity(.5);filter:opacity(.5);cursor:auto}.button.icon{display:flex;grid-template-columns:35px auto;align-items:center}.button i{display:flex;justify-content:center;font-size:22px}.button__title{font-size:20px;padding-bottom:4px;overflow:hidden;white-space:nowrap}.button.ghost{display:flex;justify-content:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:none;padding:0;box-shadow:none;background-color:initial!important}.button.compact{background-color:#f5f5f5;border:none;width:34px;height:34px;padding:0;color:#000}.button.small{padding:5px 6px;border-radius:8px}.button.small i{font-size:16px}.select{display:flex;margin-bottom:15px}.select__item{display:flex;justify-content:center;align-items:center;padding:10px;border-radius:5px;border:1px solid #bdbdbd;margin-right:10px;color:#fff;cursor:pointer}.select__item.selected{background-color:rgba(75,123,236,.3);border-color:var(--main-color)}.color-chooser{display:flex;align-items:center;grid-gap:10px;gap:10px;margin-bottom:10px}.color-chooser i{font-size:20px;cursor:pointer}.color-button{width:25px;height:25px;border-radius:50%;border:1px solid #fff;cursor:pointer}.color-button.selected{display:flex;justify-content:center;align-items:center}.color-button i{color:#fff;font-size:14px}.search{display:flex;align-items:center;font-size:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100px;border:1px solid #e0e0e0;padding:5px 10px;border-radius:10px}.search i{display:flex;justify-content:center;font-size:22px;margin-right:10px}.search input{border:none;outline:none;font-size:18px}.link{color:var(--main-color);cursor:pointer}.modal__overlay{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.75)}.modal__content{position:absolute;background:#fff;overflow:auto;-webkit-overflow-scrolling:touch;outline:none}.modal-form{display:flex;flex-flow:column;border-radius:10px;border:2px solid}.modal-form__title{font-size:20px;padding:10px 10px 0;color:#fff}.modal-form__content{display:flex;flex-flow:column;grid-gap:5px;gap:5px;padding:10px;color:#fff}.modal-form__buttons{display:flex;justify-content:flex-end;grid-gap:15px;gap:15px;background-color:#fff;padding:5px 10px;border-radius:0 0 9px 9px}
/*# sourceMappingURL=main.bcfb5550.chunk.css.map */