*{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:82.5%}body{color:#444;background-color:#f3f3f3;width:100vw;height:100vh;padding:1rem;font-family:Poppins,sans-serif}nav{justify-content:space-between;align-items:center}.welcome{font-size:1.9rem;font-weight:500}.logo{height:5.25rem}.login{display:flex}.login__input{text-align:center;color:inherit;border:1px solid #fff;border-radius:10rem;width:12rem;margin-right:1rem;padding:.5rem 2rem;font-family:inherit;font-size:1.6rem;transition:all .3s}.login__input:focus{border:1px solid #ccc;outline:none}.login__input::placeholder{color:#bbb}.login__btn{color:inherit;cursor:pointer;background:0 0;border:none;font-size:2.2rem;transition:all .3s}.login__btn:hover,.login__btn:focus,.btn--sort:hover,.btn--sort:focus{color:#777;outline:none}.app{opacity:0;grid-template-rows:auto repeat(3,15rem) auto;grid-template-columns:4fr 3fr;gap:2rem;max-width:100rem;margin:4rem auto;transition:all 1s;position:relative}.balance{grid-column:1/span 2;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.balance__label{margin-bottom:-.2rem;font-size:2.2rem;font-weight:500}.balance__date{color:#888;font-size:1.4rem}.balance__value{font-size:4.5rem;font-weight:400}.movements{background-color:#fff;border-radius:1rem;grid-row:2/span 3;overflow:scroll}.movements__row{border-bottom:1px solid #eee;align-items:center;padding:1.25rem 1rem;font-size:1.5rem;display:flex}.movements__type{text-transform:uppercase;color:#fff;border-radius:10rem;margin-right:2rem;padding:.1rem 1rem;font-size:1.1rem;font-weight:500}.movements__date{text-transform:uppercase;color:#666;font-size:1.1rem;font-weight:500}.movements__type--deposit{color:#fffefd;background-image:linear-gradient(to top left,#39b385,#9be15d);border-radius:5%;padding:.5rem}.movements__type--withdrawal{color:#fffefd;background-image:linear-gradient(to top left,#e52a5a,#ff585f);border-radius:5%;padding:.5rem}.movements__value{margin-left:auto;font-size:1.7rem}.summary{grid-row:5/6;align-items:baseline;margin-top:1rem;padding:0 .3rem;display:flex}.summary__label{text-transform:uppercase;margin-right:.8rem;font-size:1.2rem;font-weight:500}.summary__value{margin-right:2.5rem;font-size:2.2rem}.summary__value--in,.summary__value--interest{color:#66c873}.summary__value--out{color:#f5465d}.btn--sort{cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:1.3rem;font-weight:500}.operation{color:#333;border-radius:1rem;padding:3rem 4rem}.operation--transfer{background-image:linear-gradient(to top left,#ffb003,#ffcb03)}.operation--loan{background-image:linear-gradient(to top left,#39b385,#9be15d)}.operation--close{background-image:linear-gradient(to top left,#e52a5a,#ff585f)}h2{color:#333;margin-bottom:1.5rem;font-size:1.7rem;font-weight:600}.form{grid-template-rows:auto auto;grid-template-columns:2.5fr 2.5fr 1fr;gap:.4rem 1rem}.form.form--loan{grid-template-columns:2.5fr 1fr 2.5fr}.form__label--loan{grid-row:2}.form__input{text-align:center;color:#333;background-color:#fff6;border:none;border-radius:.7rem;width:100%;margin-bottom:1rem;padding:.3rem 1rem;font-family:inherit;font-size:1.5rem;transition:all .3s}.form__input:focus{background-color:#fff9;outline:none}.form__label{text-align:center;font-size:1.3rem}.form__btn{cursor:pointer;background-color:#fff;border:none;border-radius:.7rem;padding-left:1rem;padding-right:1rem;font-size:1.8rem;transition:all .3s}.form__btn:focus{background-color:#fffc;outline:none}.logout-timer{text-align:right;margin-top:1.9rem;padding:0 .3rem;font-size:1.25rem}.timer{font-weight:600}.fill-parent-width{width:100%}.card-horizontal{flex:auto;display:flex}.gjcmodal{z-index:1000;background-color:#f3f3f3;border-radius:1rem;width:80%;max-width:60rem;padding:.5rem;transition:all .5s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4rem 6rem #0000004d}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#00000080;width:100%;height:100%;transition:all .5s;position:fixed;top:0;left:0}.gjcmodal__header{margin-bottom:1.5rem;font-size:2.25rem;line-height:1.5}.btn--next-page-gjcmodal{margin-bottom:1.5rem;padding:.2rem}.gjcmodal__form{grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem;margin:0 3rem;display:grid}.gjcmodal__form label{font-size:1.7rem;font-weight:500}.gjcmodal__form input{border:1px solid #ddd;border-radius:.5rem;padding:1rem 1.5rem;font-size:1.7rem}.gjcmodal__form button{grid-column:1/span 2;justify-self:center;margin-top:1rem}.btn--close-gjcmodal{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:4rem;position:absolute;top:.5rem;right:2rem}.hidden{visibility:hidden;opacity:0}.gjc-clickable-element{text-align:center;background-color:#aae1a8;border-radius:.7rem;padding:.5rem}.gjcloader{background:#f3f3f3;border:16px solid #fff;border-top-color:#3498db;border-radius:50%;width:120px;height:120px;animation:2s linear infinite spin;position:fixed;top:50%;left:50%}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gjcdisableclick{pointer-events:none}#menuToggle{z-index:1;-webkit-user-select:none;user-select:none;display:block;position:relative}#menuToggle a{color:#232323;text-decoration:none;transition:color .3s}#menuToggle a:hover{color:tomato}#menuToggle input{cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none;width:40px;height:32px;display:block;position:absolute;top:-7px;left:-5px}#menuToggle span{z-index:1;transform-origin:4px 0;background:#cdcdcd;border-radius:3px;width:33px;height:4px;margin-bottom:5px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s;display:block;position:relative}#menuToggle span:first-child{transform-origin:0 0}#menuToggle span:nth-last-child(2){transform-origin:0 100%}#menuToggle input:checked~span{opacity:1;background:#232323;transform:rotate(45deg)translate(-2px,-1px)}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0)scale(.2)}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg)translateY(-1px)}#menu{-webkit-font-smoothing:antialiased;transform-origin:0 0;background:#ededed;width:300px;margin:-100px 0 0 -50px;padding:125px 50px 50px;list-style-type:none;transition:transform .5s cubic-bezier(.77,.2,.05,1);position:absolute;transform:translate(-100%)}#menu li{text-align:center;background-color:#fff6;border-radius:.7rem;margin-bottom:.5rem;padding:10px 0;font-size:22px}#menuToggle input:checked~ul{transform:none}
/*# sourceMappingURL=index.4e346262.css.map */